Page 144 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Макет основанный на

сетке

Макет, который основан на сетке, это

макет с вертикальными и

горизонтальными направляющими,

который может помочь организовать

ваш контент и поддерживать

единообразие структуры дизайна на

протяжении всего проекта.

Многие века сетки используются для создания дизайна с оптимальными пропорциями. С
помощью них читать текст становится проще. Сетка, которую мы используем сегодня в веб-
дизайне, была создана и популяризирована очень талантливыми Швейцарскими

дизайнерами в 1920-ых. С тех пор их дизайн стал международным стандартом того, как
нужно организовывать контент на страницах.

Довольно очевидно, что этот дизайн был так же представлен и Он-Лайн, т.к. макет
основанный на сетке помогает решать многие проблемы с которыми сталкиваются веб-
дизайнеры во время своей работы. Все аспекты хорошего макета, которые я упоминал
ранее, можно успешно воплотить системой сеток:

• Отзывчивость и гибкость.

Из-за того, что ваш контент разбит на
конкретные колонки, веб-разработчикам
становится очень просто предугадать,

как они будут вести себя при различных
размерах экрана. Так же возможно
создать “гибкую решетку” в HTML/CSS,
которая основывается на процентах,

вместо фиксированных значений.

Вы можете очень просто уменьшить

количество колонок для маленьких
экранов и реорганизовать контент.

• Выравнивание и баланс.

Весь ваш контент выравнен вдоль
вертикальных колонок на протяжении

всей страницы. Это поможет вам создать
превосходный визуальный баланс
используя одинаковые пробелы и
горизонтальные контейнеры..

Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 143

www.trk.kg