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

@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/

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

CONTENTnot 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Чистый, честный и красивый

Motion Design – CinematographyДобавьте жизни Kinetic Typography, Catch Me if You Can

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

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.

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

Контакты

Константин Кичинский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 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.