Если по сетке не получается

Мой курс
По дизайну сайтов

Иногда бывает так, что ни с первого, ни со второго раза дизайн в сетку «не влезает». Ну то есть ты пыжишься, корячишься, а информация все равно смотрится как-то неудачно раскиданной по экрану. И возникает чувство – да лучше бы этой сраной сетки тут вовсе не было!

В этом чувстве содержится луч спасения. Если ты попал в такую ситуацию, сделай следующее:
1. Нарисуй макет, не придерживаясь сетки вовсе. Соблюдай границы экрана, какие-то основные выравнивания – но всё остальное делай «на глазок». Главное требование – чтобы смотрелось хорошо!
2. Взгляни со стороны на макет и попытайся грубо выделить в нём вертикальные линии.
3. Добавь столько направляющих, сколько вертикальных линий ты нашел. Если направляющие получаются очень близко друг к другу (меньше, скажем, 20 пикселей) – оставь только одну из них, а остальные блоки подгони под неё.

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


Ещё про сетки в дизайне:

Зачем нужна сетка
Выход за границы колонок
Правило плотности
Сетка и настроение
Адаптивная сетка под Bootstrap
Формула для сетки
Метод: если по сетке не получается


Задай вопрос

по дизайну сайтов,
я отвечу за 24 часа

или
Приложи файл

Приложи файл с картинкой, если требуется

×