Usability.by » Blog Archive Модульные сетки | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Модульные сетки

Модульные сетки. Компоновка страницы

Модульная система — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.

Задачи сетки:

Ускорение работы
Мы не тратим лишнего времени на поиск геометрического места элемента в макете. К тому же имеем обоснования в размещении элементов.

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

Ускорение и шаблонирование, единообразность элементов
Разработав сетку, мы делаем основу для решений на будущее. Грамотные гайды содержат детальное описание модульных сеток. Касательно веб-дизайна, мы можем с легкостью предусмотреть тривиальные макеты для всего сайта и сделать заготовку для единичных случаев.

Модульные сетки. Пример

Основываясь на собственном дизайнерском опыте, наш соотечественник, Алексей Черенкевич опубликовал в ЖЖ цикл статей о назначении и принципах построения модульных сеток.

38 попугаев (Введение)
Алгоритм
Микромодуль и оптические компенсации
Особенности работы с модульной сеткой при разработке «резиновых» сайтов
PaperGrid — сетка на бумаге

Цикл ещё не закончен. Статьи будут появляться дальше

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua


3 комментариев

  1. .

    спс!!…

  2. Andy:

    .

    good!!…

Комментировать