Типы страниц
На сайте используется два типа страниц: интерфейсные и лендинги. Они различаются визуализацией и структурой. Шапка и подвал сайта страниц могут быть одинаковыми.
Интерфейсные страницы
Контентная часть формируется из интерфейсных блоков, расположенных на сером фоне.
Лендинги
Обычно лендинги состоят из последовательных крупных промо блоков, расположенных сверху вниз. Не имеют ограничений по цветам фона.
Под какое разрешение проектировать и тестировать?
Все макеты для десктопной версии сайта проектируются и передаются на верстку в разрешении с шириной 1280px.
Рекомендуется тестировать макеты на популярных десктопных разрешениях: 1280×1024, 1366×768, 1440×900, 1920×1080 до передачи на верстку и после. А также проверять отображение на мониторах с разной плотностью пикселей и разной контрастностью экранов.
Интерфейсные страницы
Контентная часть интерфейсных страниц формируется из отдельных блоков, чаще всего расположенных на сером фоне. Вне блоков допускается применять элементы навигации и заголовки, объединяющие все блоки на странице.
Сетка
Для декстопной версии сайта, все элементы интерфейса внутри контентной части располагаются по 12-колоночной сетки с фиксированной шириной 1180 px. Для планшетной и мобильной версии страницы проектируются с использованием других сеток.
Типы компоновки
Компоновка блоков может быть одноколоночной или многоколоночной. Чередование двух типов компоновки в рамках одной интерфейсной страницы не допустимо.
Многоколоночная компоновка
Существует множество вариантов расположения интерфейсных блоков на странице на одной горизонтали при том условии, что ширина блока кратна размеру, заданному в колоночной сетке.
Последовательное чередование разных вариантов блоков в рамках одной страницы возможно, но не желательно.
Одноколоночная компоновка
Страницы с одноколоночной компоновкой ограничиваются 6 вариантами с фиксированной шириной блоков. На таких страницах, интерфейсный блок всегда располагается по центру. Ширина блока не может отличаться от заданной в колоночной сетке размера.
