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

1. Модульная сетка Что? Где? Когда? Новокузнецкий Веб-Клуб 3 июня 2011

2. Что? 1. Система направляющих, помогающих сориентировать и согласовать между собой отдельные элементы композиции. Иконки Комментарии Текст Меню Подвал Логотип Ссылки Слайды Картинки Шапка Пост Форма авторизации Телефоны Видео Новости Карта проезда

4. Что? 2. Декларация дизайнерских принципов. Решение поставленной задачи, демонстрирующее логику и закономерность Универсальный инструмент управления графическим пространством Унификация размеров для элементов, оптимальный масштаб отображения Вариативность

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

9. Что? 3. Элемент псевдо-дизайна. Функциональность Рациональность Шаблонность и конвейерность

10. Откуда? Архитектура Издательское дело Веб-дизайн

19. Какие? Блочная Колоночная Модульная Иерархическая На основе математических закономерностей

26. Где? Программы для прототипирования Программы для рисования

27. Когда? Постановка задачи (ТЗ) Выработка решения Описание информационной структуры Сетка Прототип Макет

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

29. Как? 2. Определяем модуль

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

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

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

33. Как? 4. Определяем паттерн

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

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

39. Как? Отталкивайтесь от контента Идите от эпицентра Продвигайтесь итеративно Смотрите результат в масштабе 1:1 Тренируйте сквозное видение Помните про внешние поля

41. Черенкевич сетка

42. Швейцарский панк

43. Композиционная суперпозиция

44. Gridding 960

45. The Funniest Grid You Ever Saw

46. Baseline grid

47. Modular grid

49. http://www.thegridsystem.org/

50. http://www.designbygrid.com/

51. http://grid-based.com/

52. http://www.minimalsites.com/

53. http://lamb.cc/typograph/

54. http://drewish.com/tools/vertical-rhythm

55. http://modulargrid.org/