Top Banner
Layout Fundamentals in designing websites
7

Layout fundamentals

Jul 14, 2015

Download

Design

Penny Tan
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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