Upload
dmitry-karpov
View
5.035
Download
0
Embed Size (px)
DESCRIPTION
http://events.techdays.ru/descamp/2012-12/ Что полезного могут узнать разработчики приложений из классических принципов дизайна, геометризма искусства и Эпохи Просвещения? Подробный взгляд на принципы классических модульных сеток и геометрических построений для нахождения эффективных решений в пропорциях и эстетике современных интерфейсов.
Citation preview
Дмитрий Карпов
От Гутенберга к Метро. Геометрический модуль, как вдохновение и инструмент в классических и новых медиа
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Природа гармонии
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ПРИНЦИПЫ ГЕОМЕТРИЧЕСКИХ ЗАКОНОМЕРНОСТЕЙ В ПРИРОДЕ
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ПРИНЦИПЫ МАТЕМАТИЧЕСКИХ ЗАКОНОМЕРНОСТЕЙ В ПРИРОДЕ
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Геометрические закономерности и визуальная культура
Ottavio Fabri (fl. 1598). L'Vso Della Sqvadra Mobile Con La Qvale Per Teorica Et Per Pratica Si Misura Geometricamente ogni distanza
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Leonard Digges (d. 1571). A Geometrical Practise
Музыка этого мира
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ЧЕЛОВЕЧЕСКИЙ МОЗГ НАУЧИЛСЯ ВИДЕТЬ ЗАКОНОМЕРНОСТИ, ОНИ ВОСПРИНИМАЮТСЯ И ИНТЕРПРЕТИРУЮТСЯ КАК ПРИЗНАКИ РАЗУМНОГО, ОРГАНИЗОВАННОГО ПРОПОРЦИОНАЛЬНО ОБЪЕКТА
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ САМЫЙ ИЗВЕСТНЫЙ МЕТОД РЕШЕНИЯ ЗАДАЧИ ПРОПОРЦИОНАЛЬНЫХ ЭСТЕТИЧЕСКИХ ОТНОШЕНИЙ
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ И ПОСЛЕДОВАТЕЛЬНОСТЬ ЧИСЕЛ ФИБОНАЧЧИ
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ САМЫЙ ИЗВЕСТНЫЙ МЕТОД ЗАКОНОМЕРНОСТЕЙ МЕЖДУ ПРОПОРЦИЯМИ И ЭСТЕТИКОЙ
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
The power of limits: proportional harmonies in nature, art, and architecture By György Doczi
полезное чтение
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ТОЧКИ НАПРАВЛЕНИЯ СКРЫТОГО ДВИЖЕНИЯ, РИТМИЧЕСКИЙ ПОВТОР ФОРМИРУЕТ ОБЛЕГЧЕНИЕ ВОСПРИЯТИЯ, ЧТО СОЗДАЕТ КОМФОРТНОЕ, НЕОСОЗНАННОЕ СПОКОЙСТВИЕ ВЫРАЖЕННОЕ В ПОЛОЖИТЕЛЬНЫХ ЭМОЦИЯХ
ГЕОМЕТРИЧЕСКИЕ КАНОНЫ АРХИТЕКТУРЫ ИСПОЛЬЗОВАЛИ ОКРУЖНОСТИ И ДИАГОНАЛИ, ЭТО СВЯЗАННО С ТЕМ, ЧТО ОСНОВНЫМИ ИНСТРУМЕНТАМИ РАСЧЕТА И РЕАЛИЗАЦИИ БЫЛИ ЦИРКУЛЬ И КОЛЫШКИ С НАТЯНУТЫМИ ВЕРЕВКАМИ, СЛУЖИВШИМИ И РАЗМЕТКОЙ И СРЕДСТВОМ РАСЧЕТОВ И ПОСТРОЕНИЙ
структуры и последовательности лежат в основе конструкции природы, все состоит из «типовых» кирпичиков
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Вначале было слово
Свиток и книгаДве парадигмы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Свиток и книгаДве парадигмы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Свиток и книгаДве парадигмы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Свиток и книгаДве парадигмы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Свиток и книгаДве парадигмы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Пушкин и последовательная ритмика звука
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Жил-был поп,Толоконный лоб.Пошел поп по базаруПосмотреть кой-какого товару.
На встречу ему БалдаИдет, сам не зная куда.«Что, батька, так рано поднялся?Чего ты взыскался?»
Поп ему в ответ: «Нужен мне работник:Повар, конюх и плотник.А где найти мне такогоСлужителя не слишком дорогого?»
Сказка о попе и о работнике его Балде
Ритмическое повторение звука «О»
Ритмическое повторение звука «О»
Ритмическое повторение звука «А»
Бедный попПодставил лоб:С первого щелкаПрыгнул поп до потолка;Со второго щелкаЛишился поп языка;А с третьего щелкаВышибло ум у старика.
Ритмическое повторение звука «А»
Ритмическое повторение звука «О»
ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)
ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)
ВИЛЛАР ДЕ ОННЕКУРТ И ЕГО СИСТЕМА (КАНОН)
ВИЛЛАРОВ ГЕОМЕТРИЧЕСКИЙ КАНОН ИЗМЕРЕНИЙ ПРОПОРЦИЙ
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ИСТОРИЧЕСКИЙ ПРИМЕР, ПЕРЕПИСЧИК ПРОПУСКАЕТ СТРОКУ, ДЛЯ ИСПРАВЛЕНИЯ РИСУЮТ ЦЕЛЫЙ СЮЖЕТ НА СТРАНИЦЕ С ВНОСИМОЙ КОРРЕКТИРОВКОЙ, ЧЕМ ЦЕННЕЕ МАТЕРИАЛ, ТЕМ ТОЧНЕЕ ИНСТРУМЕНТЫ И КОНТРОЛЬ
2:3:4:6 (inner:top:outer:bottom)КАНОН ГЕОМЕТРИЧЕСКОГО ПОСТРОЕНИЯ ВАН ДЕ ГРААФ
КАНОН ГЕОМЕТРИЧЕСКОГО ПОСТРОЕНИЯ РОСАРИВО
Raul Mario Rosarivo (1903–1966)
9×9
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Модуль и человек
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Модуль и человек
СИММЕТРИЯ
СИММЕТРИЯ И ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ
СИММЕТРИЯ
Ле Корбюзье
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Ле Корбюзье
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Ле Корбюзье
Жилой дом в поселке Вейссенгоф, Штутгарт, Германия. 1927
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Питер Корнелис (Пит) Мондриан
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Неопластицизм
Марк Ротко
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Живопись цветового поля
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Дизайн систем
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Навигация
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ПРИНЦИП ТРЕТЕЙ РАЗДЕЛЕНИЕ ПРОСТРАНСТВА 3×3 ДАЕТ НАМ ПЛАСТИЧЕСКУЮ СИСТЕМУ С ОПРАВДАННЫМИ ПОЛОЖЕНИЯМИ И СОРАЗМЕРНЫМИ ПРОПОРЦИЯМИ ДЛЯ 24 АЛЬТЕРНАТИВ ОРГАНИЗАЦИИ ФОРМАТА
Модуль
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Logan International AirportTerminal E Signage
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Metropolitan Transit Authority53rd & Lex Subway Signage
Правило третей
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
4×3 ПРОСТОЙ И ПЛАСТИЧНЫЙ МОДУЛЬНЫЙ ПРИНЦИП ДЛЯ ВЕБ
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.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Карл Герстнер
Карл ГерстнерОт Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
КАРЛ ГЕРСТНЕР ИСПОЛЬЗОВАЛ ПРИНЦИП 58 ЕДИНИЦ ДЛЯ ПЛАСТИЧЕСКОГО МАНИПУЛИРОВАНИЯ ПРОСТРАНСТВОМ ФОРМАТА (ОТСТУП 1ЕД)
МОДУЛЬНАЯ СЕТКА И ГЕОМЕТРИЧЕСКАЯ ПЛАСТИКА МЕТОДА ГЕРСТНЕРА
Dmitry Karpov / 2012г
Dmitry Karpov / 2012г
Dmitry Karpov / 2012г
numhr
Dmitry Karpov / 2012г
numhrnumhrnumhrnumhrnr
nr r rn n
ЯН ЧИХОЛЬД И ЕГО МОДУЛЬНАЯ СИСТЕМА ПОСТРОЕНИЙ
БРОКМАНН КЛАССИЧЕСКИЙ ПОДХОД К МОДУЛЬНОЙ СЕТКЕ
БРОКМАНН КЛАССИЧЕСКИЙ ПОДХОД К МОДУЛЬНОЙ СЕТКЕ
БРОКМАН И ЧИХОЛЬД И МОДУЛЬНАЯ СИСТЕМА ПОСТРОЕНИЙ
КЛАССИЧЕСКИЙ ПОДХОД К МОДУЛЬНОЙ СИСТЕМЕ ПРИРАВНЕННОЙ К БАЗОВОЙ ЛИНИИ НАБОРА (BASELINE) ИЗВЕСТЕН ПО РАБОТАМ БРОКМАНА И ШВЕЙЦАРСКОЙ ШКОЛЫ
Bauhaus Dessau Foundation / модульная сетка
ГЕОМЕТРИЧЕСКИЕ ПОСТРОЕНИЯ
http://demo.fb.se/e/ikea/homemade_is_best/
МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ И СКРЫТАЯ ДИНАМИКА
БАЗОВЫЕ ГЕОМЕТРИЧЕСКИЕ ФИГУРЫ, КАК МОДУЛИ В РАЗРАБОТКЕ ЛОГОТИПА
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Геометрия новых медиа
<head></head>
<body>
</body>От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Объектно-ориентированное программирование
Наследование Наследование — это свойство системы, позволяющее описать новый класс на основе уже существующего с частично или полностью заимствующейся функциональностью. Класс, от которого производится наследование, называется базовым, родительским или суперклассом. Новый класс — потомком, наследником или производным классом.
Полиморфизм Полиморфизм — это свойство системы использовать объекты с одинаковым интерфейсом без информации о типе и внутренней структуре объекта.
Класс Класс является описываемой на языке терминологии (пространства имён) исходного кода моделью ещё не существующей сущности (объекта). Фактически он описывает устройство объекта, являясь своего рода чертежом.
<head></>
<body>
</>От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Эстетика модульного подхода в типографике
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Эстетика модульного подхода в типографике
ПРИВЯЗКА ПРОПОРЦИЙ И МОДУЛЬНЫХ ПРОПОРЦИЙ К РАЗМЕРУ ШРИФТА В (EM)
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Интерфейс
пропорции цифровых медиа
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Вертикальный ритм в дизайне
интерфейса
ПРАКТИЧЕСКОЕ ПРИМЕНЕНИЕ В INDESIGN
ВЕРТИКАЛЬНЫЙ РИТМ ИНТЕРФЕЙСА МОБИЛЬНОГО УСТРОЙСТВА
МОДУЛЬНАЯ СИСТЕМА METRO WINDOWS МАКСИМАЛЬНО БЛИЗКА КЛАССИКЕ, ИСПОЛЬЗУЕТ КВАДРАТ КАК ГЕОМЕТРИЧЕСКИЙ МОДУЛЬ
ВЕРТИКАЛЬНЫЙ РИТМ ДЛЯ ТЕКСТА В ВЕБ
http://nascentguruism.com
МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ
ОСНОВНЫЕ ГАБАРИТНЫЕ ШАГИ ШИРИНЫ ПРИ RESPONSIVE DESIGN
СОХРАНЕНИЕ ПРОПОРЦИЙ ВЕРТИКАЛЬНОГО РИТМА И ГОРИЗОНТАЛЬНЫХ ПРОПОРЦИЙ ПРОДИКТОВАНО ФУНКЦИОНАЛЬНЫМИ ОСОБЕННОСТЯМИ ИНТЕРАКТИВНОГО ВЗАИМОДЕЙСТВИЯ
МОДУЛЬНАЯ СЕТКА И ИНТЕРФЕЙС НОВОГО ЯНДЕКСА
МОДУЛЬНАЯ СЕТКА С ГОРИЗОНТАЛЬНЫМ РИТМОМ
g960
ПРОСТЕЙШИЙ МАТЕМАТИЧЕСКИЙ МОДУЛЬ ДЛЯ ЭКРАННЫХ ПОСТРОЕНИЙ
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Золотое сечение в дизайне
интерфейса
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ И ПРОПОРЦИИ ИНТЕРАКТИВНЫХ ЭЛЕМЕНТОВ
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ КАК СИСТЕМА МОДУЛЬНОГО ПОСТРОЕНИЯ ИНФОРМАЦИОННОГО ПРОСТРАНСТВА
ПРИНЦИП ЗОЛОТОГО СЕЧЕНИЯ КАК СИСТЕМА МОДУЛЬНОГО ПОСТРОЕНИЯ ИНФОРМАЦИОННОГО ПРОСТРАНСТВА
пропорции цифровых медиа и touch области
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
пропорции цифровых медиа
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
ТИПОГРАФИКА И ИНТЕРАКТИВНОСТЬ ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ЕДИНЫЕ СИГНАЛЫ ПОЛЬЗОВАТЕЛЮ, НАПРИМЕР ЦВЕТОВОЙ КОД
пропорции цифровых медиа
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Золотое сечение
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Система решения пространства пользователя
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
ВИЛЛАРОВ ГЕОМЕТРИЧЕСКИЙ КАНОН ИЗМЕРЕНИЙ ПРОПОРЦИЙ НА ПРАКТИКЕ DIGITAL DESIGN
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
НЕКОТОРЫЕ ГЕОМЕТРИЧЕСКИЕ ПРОПОРЦИИ ИНТЕРФЕЙСА FACEBOOK
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Применение канонов диагональных пропорций к интерфейсу
Вылет за пределы
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Философия символического материала и тактильная перцепция
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
Касание лишенное обратной связи и восприятие объема
Последовательность
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
и это далеко не все ребята
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.
От Гутенберга к Метро / Дмитрий Карпов / [email protected] 2012 г.