Знакомство с уровнем нормы
Все умеют пользоваться фотошопом, но мало кто умеет создавать дизайн-макеты хорошо. Правила знают, а получается ерунда:
Вот типичные проблемы такой страницы:
- нет визуальной иерархии: непонятно на что смотреть сначала;
- нет структуры: текст не разбит на подзаголовки, читается неудобно;
- нет логики подачи контента.
Вот так будет выглядеть страница, если переработать её и привести к уровню нормы.
- Заголовок объясняет пользователю о чем эта страница
- Второй блок сайта показывает человеку выполненные проекты
- Все элементы выполнены в едином стиле
Это называется уровень нормы, когда все логично, цельно и лаконично.
За следующие три недели мы покажем, как с помощью уровня нормы создавать хорошие дизайн-макеты.
Что такое уровень нормы
Уровень нормы — это уровень, который мы определили в школе, чтобы делать сайты хорошо. Норма помогает фильтровать информацию, подбирать изображения, цвета и геометрию для создания продуманных дизайн-макетов сайтов и мобильных приложений.
Макет, выполненный, в уровне нормы — цельный, логичный и лаконичный.
Цельный — значит, что весь визуал существует в единой концепции. Нет хаоса в цветах, геометрии, изображениях и элементах интерфейса.
Логичный — значит нет ничего неожиданного, все блоки сайта на местах, где их ожидает увидеть пользователь.
Лаконичный — значит, что в макете нет ничего лишнего.
Уровень нормы — это не догма веб-дизайна. Методы уровня нормы применимы в упаковке молока, афиши музыкальной группы, рекламном баннере, плакате в больнице, обложке книги или фильма.
Уровень нормы заставляет думать о визуале и содержании. Без этого дизайнер может навалить кучу ненужных элементов, и со стороны будет казаться, что он сделал что-то страшное. Уровень нормы вытравливает ненужные элементы, изображения, иконки, помогает создать сильный визуал.
Магия уровня нормы проявляется в готовом макете.
Роман Вотинцев, главный редактор WDi
