EN
Оставить заявку

Что нужно знать о веб-дизайне

609
Что нужно знать о веб-дизайне

Все решения дизайнера, касающиеся типографики, колористики, композиции, ритма и рифмы — не случайны. Каждая из этих вещей нужна для правильной передачи настроения пользователю.

Все дизайнерские решения нужно принимать, основываясь на целевой аудитории. Сайт должен нравиться посетителям, а не жене. Только в этом случае он будет приносить максимально возможную прибыль.

Хороший веб-дизайнер – это специалист, который проектирует логическую структуру, продумывает наиболее удобные варианты подачи информации, а также занимается визуальным оформлением сайтов или веб-приложений.

Довольно часто ожидания заказчика не совпадают с результатом, который предлагает веб-дизайнер. Это типичная ситуация, потому что в дизайне есть свои правила, законы и ограничения, которым необходимо следовать, а не основываться только на личных предпочтениях.

Типографика

Существует 4 основных вида шрифтов:

  • с засечками
  • без засечек
  • рукописные
  • декоративные

Каждая категория подходит для одной тематики и совершенно не годится для другой. Например, если проект занимается нанотехнологиями или криптовалютой, архаичный шрифт с засечками будет смотреться на сайте по меньшей мере странно. Также для подобной тематики вряд ли подойдет рукописный или декоративный шрифт. Здесь лучше всего будет смотреться обычный гротескный шрифт без засечек.

Еще один яркий пример: представьте надпись «детский сад» огромным, жирным и рубленым шрифтом. Или надпись «услуги адвоката» веселыми буквами шрифта Comic Sans. В первом случае текст выглядит странно и не вызывает никакого теплого чувства умиления. Во втором сразу возникает вопрос о компетентности адвоката и о том, можно ли ему доверять.

Поэтому шрифт нужно очень тщательно и внимательно подбирать. Он не обязательно должен нести новые смыслы и отражать глубины написанного. Достаточно, чтобы шрифт не вызывал у наблюдателя странного ощущения несоответствия и внутренних вопросов.

Правильно подобранный шрифт задает человеку настроение во время чтения. Выступая в качестве элемента стиля, он имеет прочную ассоциацию с реализуемыми брендом продуктами:

  • жирный шрифт ассоциируется со стабильностью, надежностью, защитой;
  • тонкий шрифт — с фешн, легкостью, женственностью, а также в некоторых случаях диджиталом;
  • шрифт с засечками — традиции, уважение, выдержка и опыт;
  • рукописный шрифт ассоциируется с элегантностью, любовью, свадьбой, флористикой.

Колористика

Цвет, как и шрифт, влияет на настроение пользователя и может передать необходимые эмоции. Разберем это на том же примере. Представьте, что детский садик оформлен в красно-черных цветах, а сайт про криптовалюты — розовым. Странно, не так ли? Давайте рассмотрим, какие значения могут иметь некоторые цвета:

Красный. Лидерство, упорство, динамичность. При неправильном использовании может вызывать у человека чувство опасности или агрессию.

Голубой. Цвет спокойствия и надежности. Ассоциируется со стабильностью и профессионализмом.

Желтый. Это цвет энергии. Он дает ощущение счастья, ассоциируется с радостью.

Зеленый. Цвет жизни, природы, здоровья и гармонии. Также часто связан с деньгами.

Серый. Это цвет консерватизма и серьезности.

Черный. Вызывает чувство стиля и элегантности. Связан с властью и изысканностью.

Белый. Традиционно ассоциируется со свежестью, простотой и чистотой.

Подобрав цвет неправильно, можно создать у пользователя неверные ассоциации.

Ритм и рифма

Этот феномен касается разных фонов блоков и размещения элементов. Проще говоря, ритм и рифма — это как в стихах: рифма — это когда окончание одной и другой строчки одинаковые, ритм — это чередование рифмы через строчку, две через две и так далее.

Как и в стихах, ритм и рифма на сайте нужны для хорошей структуры, благодаря которой улучшается восприятие. Стихи читать куда легче, чем текст без ритма и рифмы. Так же и сайт воспринимать намного проще с ними, чем без них.

Рифма бывает разной:

  • один блок белый, другой темный и так далее;
  • один белый, другой темный, третий синий и так далее;
  • первый и последний — темные. Все, что в середине чередуется — белый, серый;
  • у одного блока картинка слева и текст справа, у другого — наоборот.

Композиция

Все элементы на сайте выстраиваются не просто так. Есть определенные правила композиции, которые нужны для гармонии дизайна в целом (чтобы ничто не мозолило глаз) Также это нужно для хорошего восприятия сайта пользователем. В основном используются Z и F паттерны.

Хоть и кажется, что все люди взаимодействуют с интерфейсами по-разному, на самом деле, наше восприятие достаточно предсказуемо и типично. Основные приемы композиции способствуют удобному восприятию сайта пользователем и улучшают все: юзабилити, конверсию и прочие косвенные факторы, влияющие на качество сайта.

Z-паттерн повторяет следующую траекторию:

  • взгляд пользователя движется из левого верхнего угла в правый по верхней горизонтали;
  • далее по диагонали из правого верхнего угла в левый нижний;
  • наконец, пользователь сканирует по горизонтали из левого нижнего угла в правый.

Таким образом, траектория движения будет выглядеть как буква «Z». Такой вариант является хорошим решением для страниц, не сосредоточенных на тексте и содержащих несколько ключевых элементов.

F-паттерн работает так:

  • взгляд движется как при Z-паттерне — из левого верхнего угла в правый;
  • прочитав первую строчку текста, пользователь сканирует вниз по левой стороне колонки;
  • когда пользователь обнаружит что-то интересное, он изучает информацию внимательнее во втором горизонтальном направлении;
  • продолжает сканировать вниз.

Если повторять этот процесс снова и снова, траектория движения будет выглядеть как буква «F» или «E».

Заключение

В дизайне есть правила, которым нужно следовать, чтобы конечный результат получился не только красивым, но и удобным.

Если видение клиента не совсем корректное, задача исполнителя — максимально доступно донести оптимальное решение, а иногда даже сказать «нет», ссылаясь на то, что это ухудшит юзабилити, конверсию и, как следствие, прибыль.

Оказывая услуги веб-дизайна, мы не просто отрисовываем картинки, мы предоставляем клиенту профессиональное решение его бизнес-задач.

Что нужно знать о веб-дизайне 5/5 8
Контакты
Украина
0 800 330 690
бесплатно по Украине с любого номера
Киев, ул. Вадима Гетьмана, 1Б
Харьков, ул. Отакара Яроша, 18
Нью-Йорк
Москва
 
ОБСУДИТЬ ПРОЕКТ
Крутые проекты начинаются с заполнения этой формы
Success
Заявка успешно отправлена
Спасибо, что обратились в Art Lemon.
Обращения обрабатываются с 10:00 до 18:00 по будням. Заявки, полученные в выходные, обрабатываются в первой половине следующего рабочего дня.
Переверните устройство