Design patterns

1. DESIGN PATTERNS.

2.

Пока все держат белорусов
за колхозников, они понемногу
захватывают мир.
Артемий Лебедев

3. Goals:

1. Understanding of the basic stages in the
d
development of web
design and logics of
modern trends.
2. Consistency like main UI-practice.
3. Foundations of UX.

4. EVOLUTION. MODERN TRENDS.

5. The Monochrome Era, circa 1989.

d

6. The beginning of the modern era, circa 1995.

d

7. CSS. First unleashed in 1998.

d

8. Responsive design. 2010.

d

9. Flat design.

d

10. Skeuomorphism vs. Flat

1. Reality vs. Minimalism
d
2. Naturalistic vs. Bright
colors
3. 3D vs. 2D

11. Minimalism.

1. Functionality
2. Schematic

12. Google Material Design

1. Flat icons + Shadow
2. Paper sheets animation

13. CONSISTENCY.

14. Consistency.

1. Concept
2. Brand
3. UI

15.

16.

17. Johannes Itten's color circle.

● Active (hot)
colors
● Passive (cold)
colors
d

18.

19. UX.

20.

Я просто беру камень
и отсекаю все лишнее.
Микеланджело

21. Click overlay.

Overlay can
illuminate
the weaknesses
and strengths
of your design.
d

22. Forms.

1. Communication
2. Convenience
3. Clarity
d

23. LINKS.

24. VIDEO.

1. https://www.youtube.com/watch?v=MsiAp1s
eyKA
2. https://www.youtube.com/watch?v=vB8dnq
d
84RZ8
3. https://www.youtube.com/watch?v=IV49oSrs
m3k
4. https://www.youtube.com/watch?v=VjaJfjW
a36E

25. TEXT.

1. https://habrahabr.ru/company/iloveip/blog/
261857/
2. https://habrahabr.ru/company/iloveip/blog/
d
263061/
3. http://prozhector.ru/publications/vypusk41/10-pravil-yuzabiliti-na-vse-vremena/

26.

PRESENTATION.
1. https://www.dropbox.com/s/rymac2kvy8ff38
u/Color.pdf?dl=0
2. https://www.dropbox.com/s/04ruwz72yk9gh
d
b3/UX.pdf?dl=0
3. https://www.dropbox.com/s/pwt23yinfh90s
0a/DESIGN_PATTERNS_NEW.pptx?dl=0

27. BOOK.

1. http://ux-files.by/archives/265
2. http://mikheenko.ru/tagged/%D0%BA%D0%B
D%D0%B8%D0%B3%D0%B8
d

28. THANKS!

Any questions?
You can write me on [email protected]