Плоский дизайн
в неплоском мире
Константин Кичинский
@kichinsky, konkich@microsoft.com
FLAT DESIGN
— еще один buzzword?
Плоский?
The Next Web: Before and after
Open Video
http://dribbble.com/shots/1135984-Flat-Design-UI-Components
http://wearemovingthings.com/
http://playhundreds.com/
http://etchapps.com/
http://www.flickr.com/photos/felipetonin/9308275090/sizes/l/in/photostream/
http://www.flickr.com/photos/matthewkimber/9121827677/sizes/l/in/photostream/
«Ключевые» атрибуты
CONTENT
not chrome
Если вам нужна
«модная» картинка…
1. Простота
2. Сетка
3. Типографика
4. Графика, фото и
видео для контента
5. Простые формы
6. Цвет
http://flatuicolors.com/
7. Понятное
человечное
изложение
8. Минимум
«оболочки»
Но...
Ужасно, что
«плоский» дизайн
называют плоским
дизайном.
Мы уже жили в плоском мире
Проекция
привычного мира
за горизонт
Как появились существующие
интерфейсы?
Многие дети не
знают, как этим
пользоваться.
Image by aussiegall
Почему, чтобы
позвонить,
нужен номер?
Нужен ли номер?
Как мы к этому пришли?
(в Microsoft)
Transitions: the in-between moments matter
Когда делаешь
что-то новое, нужен
прочный фундамент.
Open Video
Nike + Kinect Training
Источники вдохновения
Modern Design – Bauhaus
Оставьте самую суть
International Typographic Style
Чистый, честный и красив...
Мы видим больше,
чем плоскость в дизайне
1. Честность
2. Цифровая
аутентичность
Не это...
3. Экраны и
устройства
масштабируемость
4. Поток
и микроанимации
5. NUI
прямое взаимодействие
6. Сделать сложные
вещи проще
http://www.windowsofnewyork.com/
7. Исследование
возможностей
8.1 Инвестиции
в будущее
FLAT DESIGN
— это плохое название
для правильных вещей.
Нас ждет
интересное
будущее.
“In essence, the flat era of design has
narrowed the constraints but surprisingly
expapnded our approach towards design.
Sk...
Контакты
Константин Кичинский
Microsoft
konkich@microsoft.com & @kichinsky
blogs.msdn.com/kichinsky & html5insight.ru
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Плоский дизайн в неплоском мире
Upcoming SlideShare
Loading in …5
×

Плоский дизайн в неплоском мире

746 views
625 views

Published on

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

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
746
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Плоский дизайн в неплоском мире

  1. 1. Плоский дизайн в неплоском мире Константин Кичинский @kichinsky, konkich@microsoft.com
  2. 2. FLAT DESIGN — еще один buzzword?
  3. 3. Плоский?
  4. 4. The Next Web: Before and after
  5. 5. Open Video
  6. 6. http://dribbble.com/shots/1135984-Flat-Design-UI-Components
  7. 7. http://wearemovingthings.com/
  8. 8. http://playhundreds.com/
  9. 9. http://etchapps.com/
  10. 10. http://www.flickr.com/photos/felipetonin/9308275090/sizes/l/in/photostream/
  11. 11. http://www.flickr.com/photos/matthewkimber/9121827677/sizes/l/in/photostream/
  12. 12. «Ключевые» атрибуты
  13. 13. CONTENT not chrome
  14. 14. Если вам нужна «модная» картинка…
  15. 15. 1. Простота
  16. 16. 2. Сетка
  17. 17. 3. Типографика
  18. 18. 4. Графика, фото и видео для контента
  19. 19. 5. Простые формы
  20. 20. 6. Цвет
  21. 21. http://flatuicolors.com/
  22. 22. 7. Понятное человечное изложение
  23. 23. 8. Минимум «оболочки»
  24. 24. Но...
  25. 25. Ужасно, что «плоский» дизайн называют плоским дизайном.
  26. 26. Мы уже жили в плоском мире
  27. 27. Проекция привычного мира за горизонт
  28. 28. Как появились существующие интерфейсы?
  29. 29. Многие дети не знают, как этим пользоваться. Image by aussiegall
  30. 30. Почему, чтобы позвонить, нужен номер?
  31. 31. Нужен ли номер?
  32. 32. Как мы к этому пришли? (в Microsoft)
  33. 33. Transitions: the in-between moments matter
  34. 34. Когда делаешь что-то новое, нужен прочный фундамент.
  35. 35. Open Video
  36. 36. Nike + Kinect Training
  37. 37. Источники вдохновения Modern Design – Bauhaus Оставьте самую суть International Typographic Style Чистый, честный и красивый Motion Design – Cinematography Добавьте жизни  Kinetic Typography, Catch Me if You Can
  38. 38. Мы видим больше, чем плоскость в дизайне
  39. 39. 1. Честность
  40. 40. 2. Цифровая аутентичность
  41. 41. Не это...
  42. 42. 3. Экраны и устройства масштабируемость
  43. 43. 4. Поток и микроанимации
  44. 44. 5. NUI прямое взаимодействие
  45. 45. 6. Сделать сложные вещи проще
  46. 46. http://www.windowsofnewyork.com/
  47. 47. 7. Исследование возможностей
  48. 48. 8.1 Инвестиции в будущее
  49. 49. FLAT DESIGN — это плохое название для правильных вещей.
  50. 50. Нас ждет интересное будущее.
  51. 51. “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
  52. 52. Контакты Константин Кичинский Microsoft konkich@microsoft.com & @kichinsky blogs.msdn.com/kichinsky & html5insight.ru
  53. 53. © 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.

×