Модульная сетка

Что? Где? Когда?Новокузнецкий Веб-Клуб

3 июня 2011

Что?

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

Меню Подвал

Шапка

Телефоны

Логотип

Текст

Видео

Пост

Комментарии

Форма авторизации

СсылкиСлайды

Карта проездаНовости

Иконки

Картинки

Что?

2. Декларация дизайнерских принципов.

Универсальный инструмент управления графическим пространством

Решение поставленной задачи,демонстрирующее логику и закономерность

Унификация размеров для элементов,оптимальный масштаб отображения

Вариативность

Что такое модульная сетка?3. Элемент псевдо-дизайна.

Что?

3. Элемент псевдо-дизайна.

Функциональность

Рациональность

Шаблонность и конвейерность

Откуда?

Архитектура

Издательское дело

Веб-дизайн

Какие?

Колоночная

Блочная

Модульная

Иерархическая

На основе математических закономерностей

Где?

Программы для прототипирования

Программы для рисования

Когда? Постановка задачи (ТЗ)

Описание информационной структуры

Выработка решения

Сетка

Прототип Макет

Как?

1. Определяем базовые характеристики

Как?

2. Определяем модуль

Как?3. Определяем правила

Как?3. Определяем правила

Как?3. Определяем правила

Как?

4. Определяем паттерн

Как?5. Делаем слой в макете

Как?

5. Рисуем дизайн/прототип

Как?

Помните про внешние поля

Идите от эпицентра

Смотрите результат в масштабе 1:1

Тренируйте сквозное видение

Продвигайтесь итеративно

Отталкивайтесь от контента

Что читать?

Результаты запросов в Google:

Серов сеткаЧеренкевич сеткаШвейцарский панкКомпозиционная суперпозицияGridding 960The Funniest Grid You Ever SawBaseline gridModular gridIncremental leading

Куда ходить?

http://thegrids.ru/http://www.thegridsystem.org/http://www.designbygrid.com/http://grid-based.com/http://www.minimalsites.com/

http://lamb.cc/typograph/http://drewish.com/tools/vertical-rhythmhttp://modulargrid.org/

http://blognya.ru

Спасибо