by Denis Mishunov on Frontend DEV Conf'13 http://bit.ly/Denis_Mishunov

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

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

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

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

5. ПРОПОРЦИЯ

6. Около 520 года до н.э.

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

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

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

11. Пифагор
VI век до н.э.

12. Эвклид
III век до н.э.

13. Леонардо
Пизанский
(Фибоначчи)
1170 - 1250
Книга абака, 1202

15. TreTEi
PrAviLo

16. Квинта

17. screenshot of iPhone

20. http://www.studioairport.nl/

21. http://www.studioairport.nl/

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

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

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

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

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

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

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

29. БЛИЗОСТЬ

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

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

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

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

35. grabaperch.com

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

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

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

39. Глаз
Зрительная кора
ЦВЕТ

40. КОНТРАСТ

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

42. arngren.net

45. осень 2012...

46. mailchimp.com

47. весна 2013...

48. mailchimp.com

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

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

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

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