Настало время прокачать такой важный элемент, как веб-типографика. Если вы планируете пойти на курсы по веб дизайну, то должны знать: работа с текстом — это база. В нашем задании ученик получает сырой материал: набор заголовков и массив данных. Главная задача — создать из этого хаоса связный и удобный продукт.
Будь то самостоятельная практика или профессиональное веб дизайн сайтов обучение, крайне важно выстроить правильную визуальную иерархию. Информация должна считываться строго по порядку: от главного к второстепенному. Ключевая мысль должна сразу бросаться в глаза, чтобы пользователю не было скучно. Давайте разберем процесс на примерах.
Слайд 1: Главное против второстепенного
Результат неплохой, но заголовок перегружен техническими терминами. Как правило, курсы по веб дизайну для начинающих учат в первую очередь расставлять смысловые акценты. Здесь главным выступает бренд. Это как при поиске авто: сначала вы замечаете марку, и только потом модель. Также дизайн требует доработки скучной таблицы — для этого ученику нужно лучше освоить программы для веб дизайна, чтобы подача данных стала более стильной и легкой.
Слайд 2: Не кричите ценой
Уже лучше! Но сейчас цена визуально спорит с заголовком. Качественные веб дизайн курсы онлайн диктуют золотое правило: цену лучше сделать второстепенной. Часто её вообще прячут или делают меньше, чтобы пользователь сначала влюбился в товар. Исключение делается только для шок-цен или огромных скидок под 90%.
Слайд 3: Избавляемся от визуального мусора
Отличное решение! Заменили две колонки на три, сделав композицию динамичнее. Однако есть проблема: длинное описание никто читать не будет. Когда студенты проходят курсы веб дизайна с нуля онлайн, они быстро понимают, что пользователи в интернете не читают тексты, а сканируют их. Оформление здесь должно быть безжалостным — убираем эту «простыню» совсем или делаем её максимально незаметной.
Слайд 4: Идеальная работа
Всё отлично! Визуальная иерархия выстроена безупречно, акценты на своих местах.
Именно так, шаг за шагом, от разбора ошибок к идеальному результату, проходит современное веб дизайн и разработка сайтов обучение. Практика насмотренности и понимание типографики решают всё!
Телеграм канал, YouTube канал, Rutube канал, Behance (портфолио), Dribbble (портфолио), MAX, Сайт школы