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

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

Место:
IT Club Mykolayiv

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

• Принципы плоского дизайна
• И его основные тренды
• Microsoft Modern ...
Традиционно под
термином скевоморфизм (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
стиле

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

”Хороший
дизайн — это
как можно
меньше
дизайна”
Вопросы?
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Upcoming SlideShare
Loading in …5
×

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

1,528 views

Published on

О скевоморфизме и FLAT дизайне. Их преимущества. Последние тренды. Примеры.

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

  • Be the first to like this

No Downloads
Views
Total views
1,528
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Мейнстрим или будущее UI? Докладчик: Вадим Орлов Место: IT Club Mykolayiv vk.com/iamorlov fb.com/iamorlov Skype: heiker-ru
  2. 2. • Предыстория: • Плоский дизайн или скевоморфизм? • Принципы плоского дизайна • И его основные тренды • Microsoft Modern UI • Apple iOS7 • Google web services
  3. 3. Традиционно под термином скевоморфизм (skeuomorphism) понимают имитацию чего либо с помощью других материалов.
  4. 4. Главные плюсы скевоморфизма: На мой взгляд, скевоморфизм это не столько UI (user interface), сколько UX (user experience); это в первую очередь имитация поведения какого-то предмета.
  5. 5. Главные плюсы скевоморфизма: Скевоморфизм - это реализм. Он нам нужен для взаимодействия с устройствами человеческим образом.
  6. 6. Иногда flat просто неуместен:
  7. 7. Скевоморфизм vs FLAT дизайн • Информативнее • Реалистичнее • Более «человечней» • Встречается куда чаще • • • • • Дешевле Быстрее Намного адаптивней «Легче» Сейчас это модно
  8. 8. От реального до плоского Скевоморфизм Flat Minimal flat
  9. 9. Принципы плоского дизайна Отсутствие эффектов Простые элементы Акцент на типографике Минималистский подход Акцент на цвете «Почти» плоский дизайн
  10. 10. 1 Отсутствие эффектов
  11. 11. 2 Простые элементы
  12. 12. 3 Акцент на типографике
  13. 13. 4 Минималистский подход
  14. 14. 5 Акцент на цвете
  15. 15. 6 «Почти» плоский дизайн
  16. 16. Три главных тренда flat дизайна:
  17. 17. 1 Microsoft
  18. 18. Metro UI
  19. 19. Основные черты Metro UI: Основной шрифт: Плиточная концепция «Живые» плиточки
  20. 20. Пример логотипа в Modern стиле
  21. 21. 2 Apple
  22. 22. iOS 7 design Градиенты – это всё, что я знал в Photoshop’e, поэтому я начал использовать их абсолютно везде, где смог:)
  23. 23. Основные черты дизайна iOS 7: Основной шрифт: Многослойность и закруглённость Наличие градиентов
  24. 24. Пример логотипа в iOS7 сти NOT BAD
  25. 25. 3 Google
  26. 26. Web services
  27. 27. Основные черты дизайна от Google: Основной шрифт: Прямые точные тени Точные цвета и цветовые оттенки
  28. 28. Пример логотипа в Google стиле Превед!
  29. 29. Дитер Рамс ”Хороший дизайн — это как можно меньше дизайна”
  30. 30. Вопросы?

×