Научный дизайн

A presentation at Frontend DEV Conf in March 2013 in Minsk, Belarus by Denys Mishunov

Slide 1

Slide 1

Научный ДИЗАЙН Денис Мишунов • +mishunov

Slide 2

Slide 2

ВНИМАНИЕ При подготовке доклада ни один дизайнер не пострадал.

Slide 3

Slide 3

10 августа 1903

Slide 4

Slide 4

2009

Slide 5

Slide 5

Slide 6

Slide 6

Photo © by Magnus Sandberg

Slide 7

Slide 7

Photo from http://goo.gl/SIaZw

Slide 8

Slide 8

Photo © by Magnus Sandberg

Slide 9

Slide 9

Photo © Sandefjørd Bladet

Slide 10

Slide 10

“Ремесленник” лицо (мастер или подмастерье), обладающее определёнными навыками (ремеслом), производящее на продажу и на заказ изделия ручной работы Photo © Sandefjørd Bladet

Slide 11

Slide 11

ДИЗАЙН

Slide 12

Slide 12

ДИЗАЙН "Мы дизайнеры, а не художники; основная разница в том что мы создаем продукты, которые решают проблемы" Пол Боаг

Slide 13

Slide 13

ГЕОМЕТРИЯ ПСИХОЛОГИЯ ДИЗАЙН НЕЙРОБИОЛОГИЯ

Slide 14

Slide 14

ГЕОМЕТРИЯ ДИЗАЙН

Slide 15

Slide 15

ПРОПОРЦИЯ

Slide 16

Slide 16

примерно 520 г. до н.э.

Slide 17

Slide 17

Чарльз Сейф “Биография цифры ноль” … Гиппас из Метапонта стоял на палубе в готовности умереть. Вокруг него стояли члены культа, секретного братства, которое он предал. Гиппас явил миру секрет, который был смертелен для Греческого восприятия мира. Секрет, который угрожал подорвать всю философию, которую братство строило с таким трудом. За разглашение этого секрета, сам великий Пифагор приговорил Гиппаса к смерти. Для защиты своей философии чисел культ мог убить…

Slide 18

Slide 18

Чё за фигня? Ippaso di Metaponto, filosofo 2 √ 1 1

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

http://www.invisiblecity.co.uk/

Slide 22

Slide 22

PrAviLo TreTEi

Slide 23

Slide 23

Квинта

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

http://www.studioairport.nl/

Slide 33

Slide 33

http://www.studioairport.nl/

Slide 34

Slide 34

http://www.studioairport.nl/

Slide 35

Slide 35

Slide 36

Slide 36

Пропорции экранов HDTV, iMac, iPhone5 – Nexus S, Nexus 4 – 9:16 [0.56] 3:5 [0.6] MacBook Pro, Nexus 7, Nexus 10 – iPhone 3, iPhone 4 – iPad, Kindle – 2:3 [0.66] 3:4 [0.75] 5:8 [0.625]

Slide 37

Slide 37

"Страница — это кусок бумаги. Это так же видимая и осязаемая пропорция, безмолвно передающая гармонию книги. На ней текст, который должен отвечать странице. Вместе они, страница и текст… Роберт Брингхёрст "Основы стиля в типографике"

Slide 38

Slide 38

… создают прямо противоположную геометрию. Одна только эта геометрия может привязать читателя к книге. Или, наоборот, она может погрузить читателя в сон, или взвинтить нервы читателя до предела, или отвернуть читателя." Роберт Брингхёрст "Основы стиля в типографике"

Slide 39

Slide 39

Геометрия ДИЗАЙН

Slide 40

Slide 40

Психология ДИЗАЙН

Slide 41

Slide 41

лето 1910г

Slide 42

Slide 42

  • Photo © Laszlo Bardos http://www.cutoutfoldup.com/ Макс Вертгеймер Зоетроп

Slide 43

Slide 43

Video of zoetrope

Slide 44

Slide 44

ГЕШТАЛЬТ психология

Slide 45

Slide 45

БЛИЗОСТЬ

Slide 46

Slide 46

СХОЖЕСТЬ по ЦВЕТУ

Slide 47

Slide 47

СХОЖЕСТЬ по РАЗМЕРУ

Slide 48

Slide 48

СХОЖЕСТЬ по ФОРМЕ

Slide 49

Slide 49

Photo from http://kristoff.web.elte.hu/ANG102/ANG102.htm

Slide 50

Slide 50

Slide 51

Slide 51

grabaperch.com

Slide 52

Slide 52

grabaperch.com

Slide 53

Slide 53

“Физика как секс: конечно это может приносить некоторые практические результаты. Но это не та причина, по которой мы этим занимаемся.” Ричард Ф. Фейнман

Slide 54

Slide 54

“Физика как секс: конечно это может приносить некоторые практические результаты. Но это не та причина, по которой мы этим занимаемся.” Ричард Ф. Фейнман

Slide 55

Slide 55

Психология ДИЗАЙН

Slide 56

Slide 56

ДИЗАЙН Нейробиология

Slide 57

Slide 57

Зрение

Slide 58

Slide 58

Зрение Глаза

Slide 59

Slide 59

Зрение МОЗГ Глаза (зрительная кора)

Slide 60

Slide 60

КОНТРАСТ

Slide 61

Slide 61

КОНТРАСТ Близость Схожесть Цвет что угодно

Slide 62

Slide 62

arngren.net

Slide 63

Slide 63

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

Slide 67

Slide 67

осень 2012...

Slide 68

Slide 68

mailchimp.com

Slide 69

Slide 69

mailchimp.com

Slide 70

Slide 70

весна 2013...

Slide 71

Slide 71

mailchimp.com

Slide 72

Slide 72

“Во всем, не важно что это, однородность нежелательна” Ёсида Кэнко “Записки от скуки” 1330 – 1332

Slide 73

Slide 73

“Во всем, не важно что это, однородность нежелательна” “Оставляя что-то незавершенным, делает это что-то интересным и дает человеку ощущение потенциального развития.” Ёсида Кэнко “Записки от скуки” 1330 – 1332

Slide 74

Slide 74

20 июня 2012

Slide 75

Slide 75

не бойтесь новых ИСПЫТАНИЙ

Slide 76

Slide 76

“Если мы хотим лучшие сайты, лучшую работу, лучше информированных клиентов, необходимость обучения начинается с нас” Джеффри Зельдман

Slide 77

Slide 77

СПАСИБО Шрифты “Five minutes” Олег Журавлев Музыка “A Necessary End” Saltillo “Zantroke” GLUK “Si Tu Vois Ma Mere” Sidney Joseph Bechet “Star Wars: A New Hope (Main Theme)” City of Prague Philarmonic (комп. John Williams) +mishunov

Slide 78

Slide 78

Slide 79

Slide 79