Page 147 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Так у вас получится макет, в котором у вас есть 12 колонок по 84 пикселей и 11 пробелов
по 12 пикселей. Вся ширина составляет 1140 пикселей. Вы можете использовать ту же
самую технику, чтобы подсчитать ширину колонок, если вы знаете ширину страницы и

пробелов.

Настройка кривых в Photoshop может быть довольно скучной и время затратной задачей.

Если вы используете Photoshop CC 2014, в нем есть новая функция, которая называется
“Guide Layout”. Вы можете найти ее в View -> New Guide Layout. Это позволит вам быстро

создать необходимую сетку с горизонтальными и вертикальными кривыми. Если вы
пользуетесь более старой версией Photoshop, вы можете установить плагин, который
называется GuideGuide Он позволит вам сделать тоже самое.

В дополнение вы можете скачать мои шаблоны Photoshop для
начинающих в разделе free web design resources на моем веб-сайте. Это

шаблон самого популярного макета, состоящего из 12 колонок и простой
структуры папок.

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

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

Если вы используете сетку, состоящую из 12 колонок, в вашем дизайне, то вам не стоит

беспокоиться, т.к. почти каждый популярный CSS фреймворк умеет работать с ней.

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

www.trk.kg