SlideShare uma empresa Scribd logo
1 de 13
MAGAZINE РАЗБОР ОСНОВНЫХ ПОНЯТИЙ/ПРИМЕРЫ           Журнальная
    CATALOGUE                                          сетка


                                                    Поля
                                                    Margins


                                                    Границы модуля
                                                    Flowlines




                                               Модульная группа
                                               Spatial zone




                                               Колонэлементы
            Колонки       Модули               (Колонтитул, колонцифра и т.д.)
            Columns       Modules              Markers
Источник:
“Создавая и ломая сетку” (Тимоти Самара)
1. Структура: модульная сетка простая 8х6
2. Информация: одноуровневая (body text + служебная информация)
1. Структура: модульная сетка простая 8х6
2. Информация: одноуровневая (body text + служебная информация)
1. Структура: модульная сетка простая 14х8
2. Информация: одноуровневая (body text + служебная информация)
1. Структура: модульная сетка простая 14х8
2. Информация: одноуровневая (body text + служебная информация)
1. Структура: модульная сетка для каталожной верстки
2. Информация: одноуровневая, с жесткой иерархией
   Предусмотрена привязка в рамках сетки открывающих подзаголовков первого уровня
   (section openers)
1. Структура: модульная сетка для каталожной верстки
2. Информация: одноуровневая, с жесткой иерархией
   Предусмотрена привязка в рамках сетки открывающих подзаголовков первого уровня
   (section openers)
1. Структура: каталожная модульная сетка с соподчинением элементов
2. Информация: многоуровневая. Items + описание продуктов
1. Структура: детализированная модульная сетка 18х18, предполагающая
   разные варианты расположения информации
2. Информация: студийные проекты студентов Колумбийского университета
1. Структура: детализированная модульная сетка 16х19
   Заложена следующая схема - ширина текстовых блоков (при любой
   конфигурации верстки) равна 6 модулям, а подписей - 2 модулям (grid units)
2. Информация: книга посвящена японской архитектурно-строительной фирме
1. Структура: детализированная модульная сетка 12х9
   Предусмотрен специальный блок для регламентирования
   сложной системы навигации (развитогого колонтитула)
2. Информация: сложнострутурная с текстовой частью на 2-х языках
Структура: специальная модульная сетка для текстового набора
с прямой речью и разными видами акцентировки. Структура дизайн-проекта
обусловлена в данном случае исключительно контентом (содержанием)
Структура: специальная модульная сетка для текстового набора
с прямой речью и разными видами акцентировки. Структура дизайн-проекта
обусловлена в данном случае исключительно контентом (содержанием)

Mais conteúdo relacionado

Semelhante a Grid

лабораторная работа № 8
лабораторная работа № 8лабораторная работа № 8
лабораторная работа № 8
student_kai
 
презентация
презентацияпрезентация
презентация
student_kai
 
06 Архитектура информационных систем. Паттерны и фреймворки
06 Архитектура информационных систем. Паттерны и фреймворки06 Архитектура информационных систем. Паттерны и фреймворки
06 Архитектура информационных систем. Паттерны и фреймворки
Edward Galiaskarov
 

Semelhante a Grid (9)

Mnogostr presentation
Mnogostr presentationMnogostr presentation
Mnogostr presentation
 
Drupal theming
Drupal themingDrupal theming
Drupal theming
 
лабораторная работа № 8
лабораторная работа № 8лабораторная работа № 8
лабораторная работа № 8
 
NEWSAIC (Мозаика новостей)
NEWSAIC (Мозаика новостей)NEWSAIC (Мозаика новостей)
NEWSAIC (Мозаика новостей)
 
Павел Михайлов. Модульная сетка: практика применения
Павел Михайлов. Модульная сетка: практика примененияПавел Михайлов. Модульная сетка: практика применения
Павел Михайлов. Модульная сетка: практика применения
 
презентация
презентацияпрезентация
презентация
 
06 Архитектура информационных систем. Паттерны и фреймворки
06 Архитектура информационных систем. Паттерны и фреймворки06 Архитектура информационных систем. Паттерны и фреймворки
06 Архитектура информационных систем. Паттерны и фреймворки
 
Нотация IDEF0 / IDEF0 Notation
Нотация IDEF0 / IDEF0 NotationНотация IDEF0 / IDEF0 Notation
Нотация IDEF0 / IDEF0 Notation
 
Экспертная система по конструированию и моделированию швейных изделий
Экспертная система по конструированию и моделированию швейных изделийЭкспертная система по конструированию и моделированию швейных изделий
Экспертная система по конструированию и моделированию швейных изделий
 

Mais de Vladimir Dobrovinsky

Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)
Vladimir Dobrovinsky
 

Mais de Vladimir Dobrovinsky (12)

Территориальный брендинг и городская айдентика
Территориальный брендинг и городская айдентикаТерриториальный брендинг и городская айдентика
Территориальный брендинг и городская айдентика
 
Prog2010
Prog2010Prog2010
Prog2010
 
Shield presentation
Shield presentationShield presentation
Shield presentation
 
Inno viscom2011
Inno viscom2011Inno viscom2011
Inno viscom2011
 
Seac02© AR in vusual communications & marketing
Seac02© AR in vusual communications & marketingSeac02© AR in vusual communications & marketing
Seac02© AR in vusual communications & marketing
 
Pixies
PixiesPixies
Pixies
 
Infogr
InfogrInfogr
Infogr
 
Victorian style
Victorian styleVictorian style
Victorian style
 
Infod
InfodInfod
Infod
 
Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)
 
Viscom
ViscomViscom
Viscom
 
Streetwar
StreetwarStreetwar
Streetwar
 

Grid

  • 1. MAGAZINE РАЗБОР ОСНОВНЫХ ПОНЯТИЙ/ПРИМЕРЫ Журнальная CATALOGUE сетка Поля Margins Границы модуля Flowlines Модульная группа Spatial zone Колонэлементы Колонки Модули (Колонтитул, колонцифра и т.д.) Columns Modules Markers Источник: “Создавая и ломая сетку” (Тимоти Самара)
  • 2. 1. Структура: модульная сетка простая 8х6 2. Информация: одноуровневая (body text + служебная информация)
  • 3. 1. Структура: модульная сетка простая 8х6 2. Информация: одноуровневая (body text + служебная информация)
  • 4. 1. Структура: модульная сетка простая 14х8 2. Информация: одноуровневая (body text + служебная информация)
  • 5. 1. Структура: модульная сетка простая 14х8 2. Информация: одноуровневая (body text + служебная информация)
  • 6. 1. Структура: модульная сетка для каталожной верстки 2. Информация: одноуровневая, с жесткой иерархией Предусмотрена привязка в рамках сетки открывающих подзаголовков первого уровня (section openers)
  • 7. 1. Структура: модульная сетка для каталожной верстки 2. Информация: одноуровневая, с жесткой иерархией Предусмотрена привязка в рамках сетки открывающих подзаголовков первого уровня (section openers)
  • 8. 1. Структура: каталожная модульная сетка с соподчинением элементов 2. Информация: многоуровневая. Items + описание продуктов
  • 9. 1. Структура: детализированная модульная сетка 18х18, предполагающая разные варианты расположения информации 2. Информация: студийные проекты студентов Колумбийского университета
  • 10. 1. Структура: детализированная модульная сетка 16х19 Заложена следующая схема - ширина текстовых блоков (при любой конфигурации верстки) равна 6 модулям, а подписей - 2 модулям (grid units) 2. Информация: книга посвящена японской архитектурно-строительной фирме
  • 11. 1. Структура: детализированная модульная сетка 12х9 Предусмотрен специальный блок для регламентирования сложной системы навигации (развитогого колонтитула) 2. Информация: сложнострутурная с текстовой частью на 2-х языках
  • 12. Структура: специальная модульная сетка для текстового набора с прямой речью и разными видами акцентировки. Структура дизайн-проекта обусловлена в данном случае исключительно контентом (содержанием)
  • 13. Структура: специальная модульная сетка для текстового набора с прямой речью и разными видами акцентировки. Структура дизайн-проекта обусловлена в данном случае исключительно контентом (содержанием)