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