Мейнстрим
или
будущее UI?

Докладчик:
Вадим Орлов

Место:
IT Club Mykolayiv

vk.com/iamorlov
fb.com/iamorlov
Skype: heiker-ru
• Предыстория:
• Плоский дизайн или скевоморфизм?

• Принципы плоского дизайна
• И его основные тренды
• Microsoft Modern UI
• Apple iOS7
• Google web services
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Традиционно под
термином скевоморфизм (skeuomorphism) понимают
имитацию чего либо с помощью других материалов.
Главные плюсы скевоморфизма:
На мой взгляд,
скевоморфизм это не
столько UI (user
interface), сколько UX
(user experience); это в
первую очередь
имитация поведения
какого-то предмета.
Главные плюсы скевоморфизма:
Скевоморфизм - это
реализм. Он нам
нужен для
взаимодействия с
устройствами
человеческим
образом.
Иногда flat просто неуместен:
Скевоморфизм vs FLAT дизайн

• Информативнее
• Реалистичнее
• Более «человечней»
• Встречается куда чаще

•
•
•
•
•

Дешевле
Быстрее
Намного адаптивней
«Легче»
Сейчас это модно
От реального до плоского

Скевоморфизм

Flat

Minimal flat
Принципы плоского дизайна

Отсутствие эффектов

Простые элементы

Акцент на типографике

Минималистский подход

Акцент на цвете

«Почти» плоский дизайн
1

Отсутствие эффектов
2

Простые элементы
3

Акцент на типографике
4

Минималистский подход
5

Акцент на цвете
6

«Почти» плоский дизайн
Три главных тренда flat дизайна:
1

Microsoft
Metro UI
Основные черты Metro UI:

Основной шрифт:
Плиточная концепция
«Живые» плиточки
Пример логотипа в Modern
стиле
2

Apple
iOS 7 design
Градиенты – это всё, что я знал в
Photoshop’e, поэтому я начал использовать
их абсолютно везде, где смог:)
Основные черты дизайна iOS 7:

Основной шрифт:
Многослойность и закруглённость
Наличие градиентов
Пример логотипа в iOS7 сти

NOT
BAD
3

Google
Web services
Основные черты дизайна от
Google:
Основной шрифт:
Прямые точные тени

Точные цвета и цветовые оттенки
Пример логотипа в Google
стиле

Превед!
Дитер Рамс

”Хороший
дизайн — это
как можно
меньше
дизайна”
Вопросы?

More Related Content

PDF
Евгений Полей, компания USERSTORY — «Проектитование пользовательского опыта: ...
PDF
О дизайне интерфейсов для HR-IT CLUB
PDF
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
PDF
E-mail marketing trends 2016
PPTX
Mobile UI @Levelapp.me
PPTX
Вредные советы для тестирования юзабилити
PDF
Breaking the rules - SECR 2012
PPT
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для моби...
Евгений Полей, компания USERSTORY — «Проектитование пользовательского опыта: ...
О дизайне интерфейсов для HR-IT CLUB
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
E-mail marketing trends 2016
Mobile UI @Levelapp.me
Вредные советы для тестирования юзабилити
Breaking the rules - SECR 2012
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для моби...

Similar to Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv) (20)

PDF
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
PDF
Course User interface — Lesson 7
PPT
Проектирование админок для #uidesignersmeetup
PPTX
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
PDF
UX-дизайн. Обзор профессии
PPTX
Back to the future — UX 2015
PDF
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
PPTX
User experience, как замена юзабилити
PDF
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
PDF
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
PPTX
Тенденции мира UX: новые вызовы и возможности
PPT
Usability
PPTX
UX наоборот - введение в UX
PDF
Дизайн пользовательских интерфейсов для разработчиков
PDF
терминология vol.2
PPTX
опыт проектирования интерфейса Smart nut
PPT
Designing for i pad the creation of new interactive language
PPTX
Usability don't make me think
PDF
прототипирование юзабилити
PPTX
Back to the future: ux trends 2015
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Course User interface — Lesson 7
Проектирование админок для #uidesignersmeetup
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
UX-дизайн. Обзор профессии
Back to the future — UX 2015
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
User experience, как замена юзабилити
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Тенденции мира UX: новые вызовы и возможности
Usability
UX наоборот - введение в UX
Дизайн пользовательских интерфейсов для разработчиков
терминология vol.2
опыт проектирования интерфейса Smart nut
Designing for i pad the creation of new interactive language
Usability don't make me think
прототипирование юзабилити
Back to the future: ux trends 2015
Ad

More from GlobalLogic Ukraine (20)

PDF
GlobalLogic JavaScript Community Webinar #21 “Інтерв’ю без заспокійливих”
PPTX
Deadlocks in SQL - Turning Fear Into Understanding (by Sergii Stets)
PDF
GlobalLogic Java Community Webinar #18 “How to Improve Web Application Perfor...
PDF
GlobalLogic Embedded Community x ROS Ukraine Webinar "Surgical Robots"
PDF
GlobalLogic Java Community Webinar #17 “SpringJDBC vs JDBC. Is Spring a Hero?”
PDF
GlobalLogic JavaScript Community Webinar #18 “Long Story Short: OSI Model”
PPTX
Штучний інтелект як допомога в навчанні, а не замінник.pptx
PPTX
Задачі AI-розробника як застосовується штучний інтелект.pptx
PPTX
Що треба вивчати, щоб стати розробником штучного інтелекту та нейромереж.pptx
PDF
GlobalLogic Java Community Webinar #16 “Zaloni’s Architecture for Data-Driven...
PDF
JavaScript Community Webinar #14 "Why Is Git Rebase?"
PDF
GlobalLogic .NET Community Webinar #3 "Exploring Serverless with Azure Functi...
PPTX
Страх і сила помилок - IT Inside від GlobalLogic Education
PDF
GlobalLogic .NET Webinar #2 “Azure RBAC and Managed Identity”
PDF
GlobalLogic QA Webinar “What does it take to become a Test Engineer”
PDF
“How to Secure Your Applications With a Keycloak?
PDF
GlobalLogic Machine Learning Webinar “Advanced Statistical Methods for Linear...
PPTX
GlobalLogic Machine Learning Webinar “Statistical learning of linear regressi...
PDF
GlobalLogic C++ Webinar “The Minimum Knowledge to Become a C++ Developer”
PDF
Embedded Webinar #17 "Low-level Network Testing in Embedded Devices Development"
GlobalLogic JavaScript Community Webinar #21 “Інтерв’ю без заспокійливих”
Deadlocks in SQL - Turning Fear Into Understanding (by Sergii Stets)
GlobalLogic Java Community Webinar #18 “How to Improve Web Application Perfor...
GlobalLogic Embedded Community x ROS Ukraine Webinar "Surgical Robots"
GlobalLogic Java Community Webinar #17 “SpringJDBC vs JDBC. Is Spring a Hero?”
GlobalLogic JavaScript Community Webinar #18 “Long Story Short: OSI Model”
Штучний інтелект як допомога в навчанні, а не замінник.pptx
Задачі AI-розробника як застосовується штучний інтелект.pptx
Що треба вивчати, щоб стати розробником штучного інтелекту та нейромереж.pptx
GlobalLogic Java Community Webinar #16 “Zaloni’s Architecture for Data-Driven...
JavaScript Community Webinar #14 "Why Is Git Rebase?"
GlobalLogic .NET Community Webinar #3 "Exploring Serverless with Azure Functi...
Страх і сила помилок - IT Inside від GlobalLogic Education
GlobalLogic .NET Webinar #2 “Azure RBAC and Managed Identity”
GlobalLogic QA Webinar “What does it take to become a Test Engineer”
“How to Secure Your Applications With a Keycloak?
GlobalLogic Machine Learning Webinar “Advanced Statistical Methods for Linear...
GlobalLogic Machine Learning Webinar “Statistical learning of linear regressi...
GlobalLogic C++ Webinar “The Minimum Knowledge to Become a C++ Developer”
Embedded Webinar #17 "Low-level Network Testing in Embedded Devices Development"
Ad

Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)