DESIGN PATTERNS.
Goals:
EVOLUTION. MODERN TRENDS.
The Monochrome Era, circa 1989.
The beginning of the modern era, circa 1995.
CSS. First unleashed in 1998.
Responsive design. 2010.
Flat design.
Skeuomorphism vs. Flat
Minimalism.
Google Material Design
CONSISTENCY.
Consistency.
Johannes Itten's color circle.
UX.
Click overlay.
Forms.
LINKS.
VIDEO.
TEXT.
BOOK.
THANKS!
7.51M
Category: internetinternet

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]
English     Русский Rules