Kitich

Модульная сетка — основа любого дизайна. Хорошо продуманная сетка — это 30% работы и залог того, что будущий сайт будет похож на сайт, а не «свалку творческий идей».

Под катом — в основном, ссылки, потому что эта тема в свое время как-то прошла мимо меня, а теперь пора наверстывать упущенное.

Я всегда верстал интуитивно, никогда не жаловался и «вырви глаз»-макетов у меня никогда не было по причине наличия среднего художественного образования и вкуса (а позже и опыта). А замечательный верстальщик Алексей Черенкевич заставил меня взглянуть на мир по-другому. Спасибо!

«Модульные сетки» в 3 частях (ч.1, ч.2, ч.3 копия на ЖЖ)

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

«Как выравнивать текст» (статья и резонанс на thegrids)

— подходы к верстке сложных текстов, включающих изображения, списки, блоки с различным кеглем (по крайней мере, мне статьи поведали именно об этом).

«Сетка» (ссылка)

— исторический экскурс; в основном, с точки зрения типографики/полиграфии.

«Вёрстка растягивающихся сайтов» (ссылка)

— гибкий способ верстки блоков по модульной сетке от Сергея Чикуенка.

CSS Фреймфорки (960 Grid System и Blueprint CSS)

— большие страшные фреймфорки, предназначенные, в том числе, для простой верстки по сетке. Сам не пользовался и пока не планирую, но для полноты картины надо ссылочки сохранить.