Доклад про плоский дизайн с конференции RedApple 2013

1. Плоский дизайн
в неплоском мире
Константин Кичинский
@kichinsky, konkich@microsoft.com

2. FLAT DESIGN
— еще один buzzword?

3. Плоский?

6. The Next Web: Before and after

7. Open Video

8. http://dribbble.com/shots/1135984-Flat-Design-UI-Components

10. http://wearemovingthings.com/

11. http://playhundreds.com/

12. http://etchapps.com/

14. http://www.flickr.com/photos/felipetonin/9308275090/sizes/l/in/photostream/

15. http://www.flickr.com/photos/matthewkimber/9121827677/sizes/l/in/photostream/

16. «Ключевые» атрибуты

23. CONTENT
not chrome

24. Если вам нужна
«модная» картинка…

25. 1. Простота

26. 2. Сетка

27. 3. Типографика

28. 4. Графика, фото и
видео для контента

29. 5. Простые формы

30. 6. Цвет

31. http://flatuicolors.com/

32. 7. Понятное
человечное
изложение

33. 8. Минимум
«оболочки»

34. Но...

35. Ужасно, что
«плоский» дизайн
называют плоским
дизайном.

36. Мы уже жили в плоском мире

38. Проекция
привычного мира
за горизонт

39. Как появились существующие
интерфейсы?

41. Многие дети не
знают, как этим
пользоваться.
Image by aussiegall

42. Почему, чтобы
позвонить,
нужен номер?

43. Нужен ли номер?

47. Как мы к этому пришли?
(в Microsoft)

53. Transitions: the in-between moments matter

55. Когда делаешь
что-то новое, нужен
прочный фундамент.

60. Open Video

61. Nike + Kinect Training

62. Источники вдохновения
Modern Design – Bauhaus
Оставьте самую суть
International Typographic Style
Чистый, честный и красивый
Motion Design – Cinematography
Добавьте жизни
 Kinetic Typography, Catch Me if You Can

63. Мы видим больше,
чем плоскость в дизайне

64. 1. Честность

65. 2. Цифровая
аутентичность

66. Не это...

67. 3. Экраны и
устройства
масштабируемость

68. 4. Поток
и микроанимации

69. 5. NUI
прямое взаимодействие

70. 6. Сделать сложные
вещи проще

71. http://www.windowsofnewyork.com/

72. 7. Исследование
возможностей

73. 8.1 Инвестиции
в будущее

74. FLAT DESIGN
— это плохое название
для правильных вещей.

75. Нас ждет
интересное
будущее.

76. “In essence, the flat era of design has
narrowed the constraints but surprisingly
expapnded our approach towards design.
Skeuomorphic design was not a trend, it was
necessary for technology to be adopted. Now
that it is, flat design is another necessary step
that will facilitate the exploration of new
design techniques that will take the industry
to new heights” /Damian Madray

77. Контакты
Константин Кичинский
Microsoft
konkich@microsoft.com & @kichinsky
blogs.msdn.com/kichinsky & html5insight.ru

78. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of
Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.