http://events.techdays.ru/descamp/2012-12/ Что полезного могут узнать разработчики приложений из классических принципов дизайна, геометризма искусства и Эпохи Просвещения? Подробный взгляд на принципы классических модульных сеток и геометрических построений для нахождения эффективных решений в пропорциях и эстетике современных интерфейсов.

1. От Гутенберга к Метро.
Геометрический модуль,
как вдохновение
и инструмент
в классических
и новых медиа
Дмитрий Карпов

2. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

3. Природа
гармонии
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

4. ПРИНЦИПЫ ГЕОМЕТРИЧЕСКИХ
ЗАКОНОМЕРНОСТЕЙ В ПРИРОДЕ
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

5. ПРИНЦИПЫ МАТЕМАТИЧЕСКИХ
ЗАКОНОМЕРНОСТЕЙ В ПРИРОДЕ
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

6. Геометрические
закономерности
и визуальная
культура
Ottavio Fabri (fl. 1598). L'Vso Della Sqvadra Mobile Con La Qvale Per Teorica Et Per Pratica Si
Misura Geometricamente ogni distanza
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

7. Leonard Digges (d. 1571). A Geometrical Practise
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

8. Музыка этого мира
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

9. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

10. ЧЕЛОВЕЧЕСКИЙ МОЗГ НАУЧИЛСЯ ВИДЕТЬ
ЗАКОНОМЕРНОСТИ, ОНИ ВОСПРИНИМАЮТСЯ
И ИНТЕРПРЕТИРУЮТСЯ КАК ПРИЗНАКИ
РАЗУМНОГО, ОРГАНИЗОВАННОГО
ПРОПОРЦИОНАЛЬНО ОБЪЕКТА
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

11. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ САМЫЙ ИЗВЕСТНЫЙ МЕТОД
РЕШЕНИЯ ЗАДАЧИ ПРОПОРЦИОНАЛЬНЫХ ЭСТЕТИЧЕСКИХ
ОТНОШЕНИЙ

12. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ И ПОСЛЕДОВАТЕЛЬНОСТЬ ЧИСЕЛ
ФИБОНАЧЧИ

13. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ САМЫЙ
ИЗВЕСТНЫЙ МЕТОД ЗАКОНОМЕРНОСТЕЙ МЕЖДУ
ПРОПОРЦИЯМИ И ЭСТЕТИКОЙ

14. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

15. полезное чтение
The power of limits: proportional
harmonies in nature, art, and
architecture
By György Doczi
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

16. ТОЧКИ НАПРАВЛЕНИЯ СКРЫТОГО
ДВИЖЕНИЯ, РИТМИЧЕСКИЙ ПОВТОР
ФОРМИРУЕТ ОБЛЕГЧЕНИЕ ВОСПРИЯТИЯ,
ЧТО СОЗДАЕТ КОМФОРТНОЕ,
НЕОСОЗНАННОЕ СПОКОЙСТВИЕ
ВЫРАЖЕННОЕ В ПОЛОЖИТЕЛЬНЫХ
ЭМОЦИЯХ
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

17. ГЕОМЕТРИЧЕСКИЕ КАНОНЫ АРХИТЕКТУРЫ
ИСПОЛЬЗОВАЛИ ОКРУЖНОСТИ И ДИАГОНАЛИ,
ЭТО СВЯЗАННО С ТЕМ, ЧТО ОСНОВНЫМИ
ИНСТРУМЕНТАМИ РАСЧЕТА И РЕАЛИЗАЦИИ
БЫЛИ ЦИРКУЛЬ И КОЛЫШКИ С НАТЯНУТЫМИ
ВЕРЕВКАМИ, СЛУЖИВШИМИ И РАЗМЕТКОЙ И
СРЕДСТВОМ РАСЧЕТОВ И ПОСТРОЕНИЙ

18. структуры и последовательности
лежат в основе конструкции
природы, все состоит
из «типовых» кирпичиков
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

19. Вначале
было
слово
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

20. Свиток и книга
Две парадигмы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

21. Свиток и книга
Две парадигмы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

22. Свиток и книга
Две парадигмы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

23. Свиток и книга
Две парадигмы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

24. Свиток и книга
Две парадигмы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

25. Пушкин и последовательная
ритмика звука
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

26. Сказка о попе и о работнике его Балде
Жил-был поп,
Толоконный лоб.
Пошел поп по базару Ритмическое повторение звука «О»
Посмотреть кой-какого товару.
На встречу ему Балда
Идет, сам не зная куда.
«Что, батька, так рано поднялся? Ритмическое повторение звука «А»
Чего ты взыскался?»
Поп ему в ответ: «Нужен мне работник:
Повар, конюх и плотник.
А где найти мне такого Ритмическое повторение звука «О»
Служителя не слишком дорогого?»
Бедный поп Ритмическое повторение звука «О»
Подставил лоб:
С первого щелка
Прыгнул поп до потолка;
Со второго щелка
Лишился поп языка;
А с третьего щелка Ритмическое повторение звука «А»
Вышибло ум у старика.
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

27. ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)

29. ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)

30. ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)

31. ВИЛЛАРОВ ГЕОМЕТРИЧЕСКИЙ КАНОН ИЗМЕРЕНИЙ ПРОПОРЦИЙ

32. ИСТОРИЧЕСКИЙ ПРИМЕР, ПЕРЕПИСЧИК
ПРОПУСКАЕТ СТРОКУ, ДЛЯ ИСПРАВЛЕНИЯ
РИСУЮТ ЦЕЛЫЙ СЮЖЕТ НА СТРАНИЦЕ С
ВНОСИМОЙ КОРРЕКТИРОВКОЙ, ЧЕМ ЦЕННЕЕ
МАТЕРИАЛ, ТЕМ ТОЧНЕЕ ИНСТРУМЕНТЫ И
КОНТРОЛЬ
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

33. КАНОН ГЕОМЕТРИЧЕСКОГО ПОСТРОЕНИЯ ВАН ДЕ ГРААФ 2:3:4:6 (inner:top:outer:bottom)

34. Raul Mario Rosarivo (1903–1966)
9×9
КАНОН ГЕОМЕТРИЧЕСКОГО ПОСТРОЕНИЯ РОСАРИВО

35. Модуль и человек
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

36. Модуль и человек
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

37. СИММЕТРИЯ

38. СИММЕТРИЯ И ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ

39. СИММЕТРИЯ

40. Ле Корбюзье
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

41. Ле Корбюзье
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

42. Ле Корбюзье
Жилой дом в поселке Вейссенгоф, Штутгарт, Германия. 1927
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

43. Неопластицизм
Питер Корнелис
(Пит) Мондриан
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

44. Живопись
цветового поля
Марк Ротко
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

45. Дизайн систем
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

46. Навигация
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

47. Модуль
ПРИНЦИП ТРЕТЕЙ РАЗДЕЛЕНИЕ ПРОСТРАНСТВА
3×3 ДАЕТ НАМ ПЛАСТИЧЕСКУЮ СИСТЕМУ С
ОПРАВДАННЫМИ ПОЛОЖЕНИЯМИ И
СОРАЗМЕРНЫМИ ПРОПОРЦИЯМИ ДЛЯ 24
АЛЬТЕРНАТИВ ОРГАНИЗАЦИИ ФОРМАТА
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

48. Logan International Airport
Terminal E Signage
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

49. Metropolitan Transit Authority
53rd & Lex Subway Signage
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

50. Правило
третей
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

51. 4×3 ПРОСТОЙ И ПЛАСТИЧНЫЙ
МОДУЛЬНЫЙ ПРИНЦИП ДЛЯ ВЕБ
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

52. By generating variations with this
programme, the designer does not have
to rely on randomly creating variations,
but can systematically create variations.
From these, the designer can quickly
determine a good approach to the
wordmark and then develop a solution.
Карл Герстнер
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

53. Карл Герстнер
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

54. КАРЛ ГЕРСТНЕР ИСПОЛЬЗОВАЛ ПРИНЦИП 58
ЕДИНИЦ ДЛЯ ПЛАСТИЧЕСКОГО
МАНИПУЛИРОВАНИЯ ПРОСТРАНСТВОМ
ФОРМАТА (ОТСТУП 1ЕД)

57. МОДУЛЬНАЯ СЕТКА И ГЕОМЕТРИЧЕСКАЯ
ПЛАСТИКА МЕТОДА ГЕРСТНЕРА

58. Dmitry Karpov / 2012г

59. Dmitry Karpov / 2012г

60. Dmitry Karpov / 2012г

61. numhr
numhr
numhr
nr numhr
r r
nr numhr
nn
Dmitry Karpov / 2012г

62. ЯН ЧИХОЛЬД И ЕГО МОДУЛЬНАЯ СИСТЕМА
ПОСТРОЕНИЙ

63. БРОКМАНН КЛАССИЧЕСКИЙ ПОДХОД К
МОДУЛЬНОЙ СЕТКЕ

64. БРОКМАНН КЛАССИЧЕСКИЙ ПОДХОД К
МОДУЛЬНОЙ СЕТКЕ

65. БРОКМАН И ЧИХОЛЬД И МОДУЛЬНАЯ
СИСТЕМА ПОСТРОЕНИЙ

70. КЛАССИЧЕСКИЙ ПОДХОД К МОДУЛЬНОЙ
СИСТЕМЕ ПРИРАВНЕННОЙ К БАЗОВОЙ
ЛИНИИ НАБОРА (BASELINE) ИЗВЕСТЕН ПО
РАБОТАМ БРОКМАНА И ШВЕЙЦАРСКОЙ
ШКОЛЫ

73. Bauhaus Dessau Foundation / модульная сетка

75. ГЕОМЕТРИЧЕСКИЕ ПОСТРОЕНИЯ

76. http://demo.fb.se/e/ikea/homemade_is_best/

77. МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ И
СКРЫТАЯ ДИНАМИКА

79. БАЗОВЫЕ ГЕОМЕТРИЧЕСКИЕ ФИГУРЫ, КАК МОДУЛИ В
РАЗРАБОТКЕ ЛОГОТИПА

81. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

82. Геометрия
новых медиа
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

83. Объектно-ориентированное
<head>
программирование </head>
Полиморфизм
Полиморфизм — это свойство системы <body>
использовать объекты с одинаковым
интерфейсом без информации о типе и
внутренней структуре объекта. Наследование
Наследование — это свойство системы,
позволяющее описать новый класс на основе уже
Класс существующего с частично или полностью
Класс является описываемой на языке заимствующейся функциональностью. Класс,
терминологии (пространства имён) исходного от которого производится наследование,
кода моделью ещё не существующей называется базовым, родительским или
сущности (объекта). Фактически он описывает суперклассом. Новый класс — потомком,
устройство объекта, являясь своего рода наследником или производным классом.
</body>
чертежом.
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

84. <head>
Эстетика модульного подхода
в типографике
</>
<body>
</>
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

85. Эстетика модульного подхода
в типографике
ПРИВЯЗКА ПРОПОРЦИЙ И
МОДУЛЬНЫХ ПРОПОРЦИЙ К
РАЗМЕРУ ШРИФТА В (EM)
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

86. Интерфейс
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

87. пропорции
цифровых
медиа
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

88. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

89. Вертикальный
ритм в дизайне
интерфейса
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

90. ПРАКТИЧЕСКОЕ ПРИМЕНЕНИЕ В INDESIGN

91. ВЕРТИКАЛЬНЫЙ РИТМ ИНТЕРФЕЙСА МОБИЛЬНОГО УСТРОЙСТВА

92. МОДУЛЬНАЯ СИСТЕМА METRO WINDOWS
МАКСИМАЛЬНО БЛИЗКА КЛАССИКЕ,
ИСПОЛЬЗУЕТ КВАДРАТ КАК
ГЕОМЕТРИЧЕСКИЙ МОДУЛЬ

93. http://nascentguruism.com
ВЕРТИКАЛЬНЫЙ РИТМ
ДЛЯ ТЕКСТА В ВЕБ

94. ОСНОВНЫЕ ГАБАРИТНЫЕ ШАГИ ШИРИНЫ
ПРИ RESPONSIVE DESIGN
МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ

96. СОХРАНЕНИЕ ПРОПОРЦИЙ ВЕРТИКАЛЬНОГО
РИТМА И ГОРИЗОНТАЛЬНЫХ ПРОПОРЦИЙ
ПРОДИКТОВАНО ФУНКЦИОНАЛЬНЫМИ
ОСОБЕННОСТЯМИ ИНТЕРАКТИВНОГО
ВЗАИМОДЕЙСТВИЯ

98. МОДУЛЬНАЯ СЕТКА И ИНТЕРФЕЙС НОВОГО ЯНДЕКСА

99. МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ

100. g960
ПРОСТЕЙШИЙ МАТЕМАТИЧЕСКИЙ МОДУЛЬ ДЛЯ ЭКРАННЫХ
ПОСТРОЕНИЙ

101. Золотое сечение
в дизайне
интерфейса
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

109. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

110. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

112. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ И ПРОПОРЦИИ ИНТЕРАКТИВНЫХ
ЭЛЕМЕНТОВ

113. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ КАК СИСТЕМА МОДУЛЬНОГО
ПОСТРОЕНИЯ ИНФОРМАЦИОННОГО ПРОСТРАНСТВА

114. ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ КАК СИСТЕМА МОДУЛЬНОГО
ПОСТРОЕНИЯ ИНФОРМАЦИОННОГО ПРОСТРАНСТВА

115. Визуальные
и touch
пропорции
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

116. пропорции
цифровых
медиа и touch
области
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

117. пропорции
цифровых
медиа
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

118. ТИПОГРАФИКА И ИНТЕРАКТИВНОСТЬ
ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ЕДИНЫЕ СИГНАЛЫ
ПОЛЬЗОВАТЕЛЮ, НАПРИМЕР ЦВЕТОВОЙ КОД

119. пропорции
цифровых
медиа
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

120. Золотое
сечение
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

121. Система решения
пространства
пользователя
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

122. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

123. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

124. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

125. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

126. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

127. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

128. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

129. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

130. ВИЛЛАРОВ ГЕОМЕТРИЧЕСКИЙ КАНОН ИЗМЕРЕНИЙ ПРОПОРЦИЙ НА ПРАКТИКЕ DIGITAL DESIGN

131. НЕКОТОРЫЕ ГЕОМЕТРИЧЕСКИЕ ПРОПОРЦИИ ИНТЕРФЕЙСА FACEBOOK
Применение канонов диагональных
пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

132. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

133. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

134. От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

135. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

136. Применение канонов
диагональных пропорций
к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

137. Вылет за пределы
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

138. Философия символического материала
и тактильная перцепция
Касание лишенное обратной связи и восприятие объема
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

139. Последовательность
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

140. и это далеко
не все ребята
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.

141. desmo
nych@
gmail.
com
От Гутенберга к Метро / Дмитрий Карпов / desmonych@gmail.com 2012 г.