Далеко не всегда «фишки» в дизайне становятся трендом, но умение их применять может привести к совершенно неожиданным результатам. Как правило, эти «неожиданные результаты» и становятся трендами. Но в погоне за трендами следует помнить о «смертных грехах», что и как не следует делать при проектировании интерфейса. Мы поговорим о тенденциях в дизайне, о роковых ошибках при проектировании интерфейсов, о тенденциях, которые стоит учитывать и применять. Кроме того, вы сможете найти ответы на всевозможные вопросы, касающиеся веб-дизайна и разработки интерфейсов.

1. DESIGN
ДИЗАЙН
ПО СЛЕДАМ РАЗВИТИЯ UX И UI
РОМАН КВАРТАЛЬНОВ
ВАРТАЛЬНОВ
РОМАН
К

2. 1.
ДИЗАЙН
ТРЕНДЫ
РОКОВЫЕ ОШИБКИ
3.
ТЕНДЕНЦИИ
РОМАН
КВАРТАЛЬНОВ
2.

3. A.
B.
C.
D.
E.
F.
G.
H.
I.
J.
K.
L.
M.
N.
O.
P.
Q.
МИНИМАЛИЗМ
АДАПТИВНЫЙ ДИЗАЙН
СКРОЛЛИНГ
ПАРАЛЛАКС
ПЛИТКА
КРУПНЫЕ ЭЛЕМЕНТЫ
ШРИФТЫ
FLAT
ОДНОСТРАНИЧНЫЕ САЙТЫ
ИЛЛЮЗИЯ 3D
ФИКСИРОВАННЫЕ ЭЛЕМЕНТЫ
ФОТОГРАФИЯ
ВИДЕО
ПРОЗРАЧНОСТЬ И BLUR
ПСЕВДО 3D ИКОНКИ
DASHBOARD
ИНФОГРАФИКА
1.
ТРЕНДЫ

4. 1.
ТРЕНДЫ
Видео
http://ony.ru/
http://theartofraw.g-star.com/
http://www.isurfbecause.com/
http://www.lifeofpimovie.com/
http://blacknegative.com/
http://www.loisjeans.com/aw2013/en/campaign
Минимализм
http://www.vanderson.com.br/
Детали
https://mylapka.com/pem
http://tympanus.net/Development/
CreativeLinkEffects/#cl-effect-1
3d
http://tympanus.net/Development/
SidebarTransitions/
Адаптивный дизайн
http://www.microsoft.com/ru-ru/default.aspx
http://worldwildlife.org/
http://www.regent-college.edu/
http://stephencaver.com/
Одностраничные
сайты
http://grape.ru/
http://www.tagcreativestudio.com/
http://pitch.csspiffle.com/
http://www.ok-studios.de/home/
http://www.sweez.com.br/#a_sweez
https://victoriabeckham.landrover.com/INT
Параллакс + motion fix
http://www.puma.com/mobium/
http://journey.lifeofpimovie.com/#!/whale
http://www.nouvelleoctavia.fr/
http://flashvhtml.com/
http://smokeybones.com/
https://life-saver.org.uk/
http://www.nitrochargeyourgame.com/
http://nationallgbtmuseum.org/#/who_we_are/
Инфографика
http://100ansdetour.fr/
http://testofownership.com/proof
http://www.marketingfacts.nl/mf10jaar/
http://culture.ru/ru/uploads/media/atlas/
0001/18/82d31e01bdbcb051def4c4390798755bd4619322.j
peg
Плитка
http://www.pinterest.com/
http://www.lottanieminen.com/
Госы
http://government.ru/ vs http://kremlin.ru/
https://www.gov.uk/
http://data.gov.uk/

5. МИНИМАЛИЗМ

6. МИНИМАЛИЗМ

7. КРУПНЫЕ ЭЛЕМЕНТЫ

8. КРУПНЫЕ ЭЛЕМЕНТЫ

9. ИЛЛЮЗИЯ 3D

10. ДЕТАЛИ

11. ДЕТАЛИ

12. ДЕТАЛИ

13. ДЕТАЛИ

14. ДЕТАЛИ

15. ДЕТАЛИ

16. ДЕТАЛИ

17. ВИДЕО – ФОН

18. ВИДЕО – ФОН

19. ВИДЕО – ФОН

20. АДАПТИВНЫЙ
ДИЗАЙН

21. АДАПТИВНЫЙ
ДИЗАЙН

22. АДАПТИВНЫЙ
ДИЗАЙН

23. ОДНОСТРАНИЧНЫЙ
ДИЗАЙН

24. ОДНОСТРАНИЧНЫЙ
ДИЗАЙН

25. ПЛИТКА

26. ПЛИТКА

27. ПРОЗРАЧНОСТЬ
BLUR

28. ПРОЗРАЧНОСТЬ
BLUR

29. ПРОЗРАЧНОСТЬ
BLUR

30. FLAT

31. FLAT

32. FLAT

33. FLAT

34. ПСЕВДО 3D ИКОНКИ

35. ПСЕВДО 3D ИКОНКИ

36. ПАРАЛЛАКС

37. ФОТОГРАФИЯ – ФОН

38. ФОТОГРАФИЯ – ФОН

39. ФОТОГРАФИЯ – ФОН

40. ФОТОГРАФИЯ – ФОН

41. ШРИФТ

42. DASHBOARD

43. DASHBOARD

44. DASHBOARD

45. ИНФОГРАФИКА

46. ИНФОГРАФИКА

47. ИНФОГРАФИКА

48. 2.
ROCK’ОВЫЕ
ОШИБКИ и…

49. Первая версия Excel вышла для компьютеров Apple Macintosh.
Благодаря сравнительно недорогой цене, Excel стал одной из
главных причин для покупки компьютеров семьями и компаниями
малого бизнеса.

50. 1989г.
2003г.
40
250
ПУНКТОВ
ПУНКТОВ
МЕНЮ
МЕНЮ
ХОТЕЛОК
пользователей

52. ИССЛЕДОВАНИЕ
ПОВЕДЕНИЕ ПОЛЬЗОВАТЕЛЕЙ
UX

53. 10 000
352
ЧАСОВ РАБОТЫ
ПОЛЬЗОВАТЕЛЕЙ
МИЛЛИОНА
КЛИКОВ

54. РЕЗУЛЬТАТ
Пользователи MS Office проводят
в нем больше времени наедине, чем
со своей второй половиной)

55. 5 НАИБОЛЕЕ
ИСПОЛЬЗУЕМЫХ КОМАНД
ВСТАВИТЬ
ОТМЕНА
СОХРАНИТЬ
КОПИРОВАТЬ
ПОЛУЖИРНОЕ ВЫДЕЛЕНИЕ

56. 32% КЛИКОВ
ВСТАВИТЬ
ОТМЕНА
СОХРАНИТЬ
КОПИРОВАТЬ
ПОЛУЖИРНОЕ ВЫДЕЛЕНИЕ

57. РЕЗУЛЬТАТ: MS OFFICE 2007
Более дружелюбный дизайн
Группировка пунктов меню
Быстрое обучение

58. ВНЕЗАПНО )))
НЕУДАЧНАЯ ПОПЫТКА
ПОМОЧЬ ПОЛЬЗОВАТЕЛЮ
НАЙТИ ЧТО ОН ИЩЕТ

59. И
Каждый пользователь может настроить
интерфейс под себя
А нужно ли это ВАШЕМУ пользователю?
Адаптивный дизайн = Мобильная версия сайта
= Мобильное приложение
Это разные вещи. Разные функциональные
возможности
Зачем сетка в исходнике
ТАБУуу – Экономия времени и нервов
И
И
И
И
И

60. 3.
ТЕНДЕНЦИИ
ВЕКТОРА РАЗВИТИЯ

62. СОЦИАЛЬНЫЕ СЕТИ

63. РАЗРЕШЕНИЕ ДИСПЛЕЕВ
1366x768
1280x1024
1920x1080

64. Near Field Communication
(«коммуникация ближнего поля») – технология
беспроводной высокочастотной связи малого
радиуса действия, которая дает возможность
обмена данными между устройствами,
находящимися на расстоянии около
10 сантиметров.

65. ОБЛАЧНЫЕ РЕШЕНИЯ

66. Smart TV

67. AUTO APP store

68. МЫШКА
ПАЛЕЦ
ЖЕСТЫ

69. ГОЛОСОВОЕ УПРАВЛЕНИЕ

70. RKVARTALNOV@ARMD.RU
WWW.FACEBOOK.COM/IFRANZUZ
HTTP://WWW.LINKEDIN.COM/PUB/
ROMAN-KVARTALNOV/40/481/599