Web-design
2011, Web-design, Trukhin Roman page 1
Agenda
● Design
● White space
● Right places
● Don't make me stupid
● The Big Bang Color Theory
● Hard rules of fonts
● We...
Design is not just what it looks like and feels like.
Design is how it works.
Steve Jobs
2011, Web-design, Trukhin Roman p...
Good design decrease amount of steps to goal
2011, Web-design, Trukhin Roman page 4
Don't afraid white space
2011, Web-design, Trukhin Roman page 5
Right places
Success
Failur
e
FuturePast
2011, Web-design, Trukhin Roman page 6
Don't make me stupid!
2011, Web-design, Trukhin Roman page 7
The Big Bang Color Theory
Additive model:
Red, Green, Blue
Subtractiv model:
Cyan, Magenta,
Yellow
Gamut Circle
2011, Web-...
Harmony rules
Complementary Analogous
Triad Square
Split-Compl. Rectangle
2011, Web-design, Trukhin Roman page 9
2011, Web-design, Trukhin Roman page 10
Be careful with fonts
2011, Web-design, Trukhin Roman page 11
Hard rules of fonts
2011, Web-design, Trukhin Roman page 12
Web-design trends
Web Typography
CSS3 + HTML5
2011, Web-design, Trukhin Roman page 13
Web-design trends
Like Desktop
Simple Color
2011, Web-design, Trukhin Roman page 14
Web-design trends
Grid Layouts
Textures
2011, Web-design, Trukhin Roman page 15
Web-design trends
Big images
Parallax scrolling
2011, Web-design, Trukhin Roman page 16
Questions?
2011, Web-design, Trukhin Roman page 17
Upcoming SlideShare
Loading in...5
×

Web design crash course

784

Published on

Primitive principles of web design

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
784
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web design crash course

  1. 1. Web-design 2011, Web-design, Trukhin Roman page 1
  2. 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. 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. 4. Good design decrease amount of steps to goal 2011, Web-design, Trukhin Roman page 4
  5. 5. Don't afraid white space 2011, Web-design, Trukhin Roman page 5
  6. 6. Right places Success Failur e FuturePast 2011, Web-design, Trukhin Roman page 6
  7. 7. Don't make me stupid! 2011, Web-design, Trukhin Roman page 7
  8. 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. 9. Harmony rules Complementary Analogous Triad Square Split-Compl. Rectangle 2011, Web-design, Trukhin Roman page 9
  10. 10. 2011, Web-design, Trukhin Roman page 10
  11. 11. Be careful with fonts 2011, Web-design, Trukhin Roman page 11
  12. 12. Hard rules of fonts 2011, Web-design, Trukhin Roman page 12
  13. 13. Web-design trends Web Typography CSS3 + HTML5 2011, Web-design, Trukhin Roman page 13
  14. 14. Web-design trends Like Desktop Simple Color 2011, Web-design, Trukhin Roman page 14
  15. 15. Web-design trends Grid Layouts Textures 2011, Web-design, Trukhin Roman page 15
  16. 16. Web-design trends Big images Parallax scrolling 2011, Web-design, Trukhin Roman page 16
  17. 17. Questions? 2011, Web-design, Trukhin Roman page 17
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×