YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: Layout fundamentals

Layout Fundamentals

in designing websites

Page 2: Layout fundamentals

Focal Point Principles

color and contrast

size matters!

motion

Page 3: Layout fundamentals

Grouping Principles

proximity

containment

(boxes, shades of color, alignment)

Page 4: Layout fundamentals

Alignment Principles

left-align by default

right-align only as needed

align horizontally and vertically

use a grid to help you align your

elements

Page 5: Layout fundamentals

Consistency

Principles

color

size

position

Page 6: Layout fundamentals

Repetition PrinciplesRepeat only what is important; used for branding purposes.

Page 7: Layout fundamentals

Related Documents