Модульная система — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.
Задачи сетки:
Ускорение работы
Мы не тратим лишнего времени на поиск геометрического места элемента в макете. К тому же имеем обоснования в размещении элементов.
Сбалансированность и пропорциональность
Элементы в макете соизмеримы и пропорциональны между собой. Мы можем обосновать размеры блоков, кегль и проч.
Ускорение и шаблонирование, единообразность элементов
Разработав сетку, мы делаем основу для решений на будущее. Грамотные гайды содержат детальное описание модульных сеток. Касательно веб-дизайна, мы можем с легкостью предусмотреть тривиальные макеты для всего сайта и сделать заготовку для единичных случаев.
Основываясь на собственном дизайнерском опыте, наш соотечественник, Алексей Черенкевич опубликовал в ЖЖ цикл статей о назначении и принципах построения модульных сеток.
38 попугаев (Введение)
Алгоритм
Микромодуль и оптические компенсации
Особенности работы с модульной сеткой при разработке «резиновых» сайтов
PaperGrid — сетка на бумаге
Цикл ещё не закончен. Статьи будут появляться дальше
В начале прошлого года мне довелось перестраивать сайт, сильно перегруженный контентом. Дизайн должен был соответствовать довольно простым требованиям: клиент попросил оставить существующий логотип организации, но улучшить оформление и удобочитаемость. Таким образом, начали мы с того, что потратили довольно много времени на вычерчивание четкой сетки для библиотеки контентных модулей.
О том, как реализовать сетку для сайтов, где требуется «резиновость», читайте в переводе статьи «Fluid Grids»
Перевод на Nomagic
Перевод на Хабрахабре
Контент, который легко найти. Легко просмотреть. Легко прочитать. Выразительный. Многоуровневый. На сегодняшний день известно много способов сделать контент удобным в использовании — благодаря таким экспертам, как Роберт Хорн, Джейкоб Нильсен, Джинни Редиш и Джерри МакГоверн. Но до сих пор непонятно, как создать контент, который заставит пользователей производить нужные действия и смотреть на вещи под нужным углом. Непонятно, как сделать его одновременно удобным и убедительным. Я ни в коем случае не хочу сказать, что надо жертвовать эффективностью ради убедительности. По-настоящему выигрышный контент должен удовлетворять обоим требованиям.
О том, как этого добиться вы можете узнать из перевода статьи Колина Джонса “Turn Usable Content into Winning Content”
95% пользователей не читают 80% вашего контента, к таким выводам пришли разработчики CWsites7. Статистика как видите не самая хорошая. Как же улучшать восприятие контента, донести его до как можно большего числа пользователей?
Читайте статью на Design For Masters
