Primitive principles of web design

1. Web-design
2011, Web-design, Trukhin Roman page 1

2. Agenda
● Design
● White space
● Right places
● Don't make me stupid
● The Big Bang Color Theory
● Hard rules of fonts
● Web design trends 2011
2011, Web-design, Trukhin Roman page 2

3. Design is not just what it looks like and feels like.
Design is how it works.
Steve Jobs
2011, Web-design, Trukhin Roman page 3

4. Good design decrease amount of steps to goal
2011, Web-design, Trukhin Roman page 4

5. Don't afraid white space
2011, Web-design, Trukhin Roman page 5

6. Right places
Success
Failur
e
FuturePast
2011, Web-design, Trukhin Roman page 6

7. Don't make me stupid!
2011, Web-design, Trukhin Roman page 7

8. The Big Bang Color Theory
Additive model:
Red, Green, Blue
Subtractiv model:
Cyan, Magenta,
Yellow
Gamut Circle
2011, Web-design, Trukhin Roman page 8

9. Harmony rules
Complementary Analogous
Triad Square
Split-Compl. Rectangle
2011, Web-design, Trukhin Roman page 9

10. 2011, Web-design, Trukhin Roman page 10

11. Be careful with fonts
2011, Web-design, Trukhin Roman page 11

12. Hard rules of fonts
2011, Web-design, Trukhin Roman page 12

13. Web-design trends
Web Typography
CSS3 + HTML5
2011, Web-design, Trukhin Roman page 13

14. Web-design trends
Like Desktop
Simple Color
2011, Web-design, Trukhin Roman page 14

15. Web-design trends
Grid Layouts
Textures
2011, Web-design, Trukhin Roman page 15

16. Web-design trends
Big images
Parallax scrolling
2011, Web-design, Trukhin Roman page 16

17. Questions?
2011, Web-design, Trukhin Roman page 17