Как нарушать классические правила
в веб-дизайне: часть 1

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

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

1. Используйте шрифты без засечек

С засечками:

Без засечек:

Раньше все дизайнеры следовали классическому правилу — для лучшего веб-дизайна используйте шрифты без засечек. Вы можете с легкостью нарушить это правило прямо сейчас!

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

Исследование Якоба Нильсена из Nielsen Norman Group  подтверждает эту теорию. Вот вывод из этого исследования:

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

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

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

Ниже рассмотрим несколько параметров, на которые следует обратить внимание при выборе шрифтов: 

  • Выбирайте одинаковую ширину штриха при средней плотности. Слишком тонкий шрифт может быть тяжелым для понимания;
  • Придерживайтесь средней высоты по оси x. Если ваш шрифт будет сверхтонким и высоким, он будет неудобным для чтения; 
  • Используйте последовательный межбуквенный интервал. Старайтесь добавлять лигатуры и завитки не слишком часто; 
  • Используйте декоративные шрифты для небольших блоков текста;
  • Для заголовков и других важных частей выбирайте буквы с четкими формами, которые легко понять с первого взгляда.

2. Используйте ограниченное количество цветов в вашей палитре

В 2021 году вы можете не следовать этому правилу. Наоборот — сочетайте несочетаемые цвета, добавляйте в ваши дизайны больше цвета и энергии, если это уместно. Будьте креативными и свободными от стереотипов. 

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

Добавлять яркие акценты в ваш дизайн-проект вы можете постепенно. Ниже рассмотрим способы, как это можно сделать: 

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

Источник: designshack.net 






Условия передачи информации

Я даю согласие OOO «ЭсБилдер» (далее «BINN») на обработку моих персональных данных в соответствии со статьями 6, 9, 10, 18 Федерального закона от 27 июля 2006 года № 152-ФЗ «О персональных данных», указанных в онлайн-форме и/или предоставленных мною с целью:

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

Настоящее согласие применяется в отношении обработки следующих данных: имя, номер телефона, адрес электронной почты (E-mail).

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

Согласие может быть отозвано мною в любой момент путем направления в BINN подписанного мною письменного заявления.