Мозаика Дизайн веб-сайтов

Полный веб-сайт с современным мозаичным дизайном

Сайт дизайн-агентства редко ограничивается одним экраном. Есть главная страница, список работ и страница для каждого проекта. Разделы «О нас» и «Контакты» расположены за одной и той же навигацией. Мозаичный дизайн — это то, что объединяет все это: единая цветовая гамма, единая цветовая палитра, единый подход к обработке изображений от первой страницы до самых глубоких разделов.

Глобальные стили, которые переносятся между страницами

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

Система мозаичного дизайна обычно определяет несколько элементов на всем сайте:

• заголовки, основной текст и титры, взятые из одной цветовой гаммы;
• палитра, которая используется в фонах, кнопках и наложениях изображений;
• пропорции и интервалы, которые повторяются в каждом объявлении;
• единый подход к основному действию, от «Получить предложение» до «Контакты»

Nicepage хранит этот слой в настройках темы, где шрифты и цвета определены для всего сайта. Заголовок и нижний колонтитул находятся в одном месте, поэтому внесенные изменения отображаются везде.

От главной страницы к более глубоким разделам

Посетители редко останавливаются на главной странице. Маршрут обычно ведет к объявлению, затем к одному из дел, затем к контактам, и сайт кажется целостным, когда каждый шаг выглядит как продолжение предыдущего.

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

Полный дизайн веб-сайта проще оценивать как единое целое. Главная страница показывает характер сайта, а внутренние разделы — насколько он выдерживает длинный текст и небольшие изображения.

Заголовок, нижний колонтитул и навигация

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

Повторяющиеся компоненты скрепляют остальное. Определенный один раз стиль карточки появляется в списке работ, в связанных товарах и в новостном блоке, и все они воспринимаются как единое целое.

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

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