Использование негативного пространства на этом сайте создает ощущение элегантности. Как правило, негативное пространство используется в оформлении сайтов элитных брендов для создания ощущения роскоши, присущей соответствующим магазинам.
Белое или негативное пространство жизненно важно для создания четких фокусных точек и определения взаимосвязей между фрагментами контента на странице с помощью такого фундаментального принципа дизайна, как близость. Кроме того, оно предотвращает загромождение пользовательского интерфейса. Дизайн с достаточным количеством свободного места кажется пользователю гораздо менее подавляющим и направляет его внимание по странице.
Если пользователи сканируют страницу, используя данный паттерн, значит, они пытаются понять, о чем идет речь, и выделить наиболее важные фрагменты, просканировав первые несколько строк, прежде чем переходить к следующему разделу.
Если пользователи сканируют страницу, используя данный паттерн, значит, они пытаются понять, о чем идет речь, и выделить наиболее важные фрагменты, просканировав первые несколько строк, прежде чем переходить к следующему разделу.
Рис. 6.19. F-образный паттерн чтения является очень распространенным и хорошо работает в случае со страницами, содержащими большой объем контента, например новостные статьи
F-образный паттерн
В отличие от Z-образного паттерна, который может быть полезен при выборе места для размещения содержимого на странице, F-образный паттерн, показанный на рис. 6.19, позволяет выбрать способ компоновки страницы, приносящий максимальную пользу посетителям.
Z-образный паттерн
Z-образный паттерн описывает то, как пользователь сканирует страницу с минимальным объемом текста. Траектория, по которой перемещается взгляд пользователя между ключевыми элементами, имеет Z-образную форму, как показано на рис. 6.16.
Заголовок и футер должны иметь единый вид на всем сайте, выступая в роли якоря и обеспечивая определенную последовательность в дизайне каждой страницы, даже если основной контент главной страницы скомпонован не так, как контент подстраниц. Вне зависимости от способа компоновки основного контента разных страниц, заголовок и футер должны выглядеть одинаково.
Каждый раздел контента на основной странице должен представлять собой фрагмент, дающий представление о содержимом подстраниц.
Однако сегодня уже не обязательно использовать фреймворки для построения компоновки. Благодаря стандартизации Flexbox и CSS Grid можно создавать красивые отзывчивые макеты, подобные тем, что дает библиотека Bootstrap, но при этом иметь гораздо больший контроль над элементами макетов.
