web design crash course

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● Web design trends 2011

2011, Web-design, Trukhin Roman page 2

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

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

Failure

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-design, Trukhin Roman page 8

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 trendsWeb Typography

CSS3 + HTML5

2011, Web-design, Trukhin Roman page 13

Web-design trendsLike Desktop

Simple Color

2011, Web-design, Trukhin Roman page 14

Web-design trendsGrid Layouts

Textures

2011, Web-design, Trukhin Roman page 15

Web-design trendsBig images

Parallax scrolling

2011, Web-design, Trukhin Roman page 16

Questions?

2011, Web-design, Trukhin Roman page 17