A quick presentation aimed to freshman students on interactive and web design.

1. WEB
DESIGN
PRINCIPLES

2. BALANCE
CONTRAST
EMPHASIS
PROXIMITY
REPEAT OR RHYTHM
WHITE SPACE
LINE

3. BALANCE
The use of symmetries provides simplicity, elegance and clarity to the designs
Symmetric
Asymmetrical
Balance
Out of
Balance

4. BALANCE
Symmetric
The designer can guide the user
though the page in the way that you
want for ensure the best visibility
of the most important elements of it.

5. Symmetric
It is the balance that must exist between the different elements of the page.

6. BALANCE
The designer can guide the visitor through the
Symmetric page in any way you want to ensure the best
visibility of the most important elements of it.
The different elements of a web page are Asymmetrical
balanced or unbalanced but follow a
symmetrical pattern. Balance

7. Asymmetrical Balance
Balanced but without Follow a symmetrical pattern

9. BALANCE
The designer can guide the visitor through
Symmetric the page in any way you want to ensure the
best visibility of the most important
elements of it.
The different elements of a web page are Asymmetrical
balanced or unbalanced but follow a
symmetrical pattern. Balance
Out of The pages out of balance or out of
Balance balance. This is done deliberately, looking
for visual impact

10. Out of Balance
looking for visual impact

11. BALANCE
The use of symmetries provides simplicity, elegance and clarity to the designs.

12. TONE CONTRAST
tone played with variations within the same color to achieve that
desired visual impact.

13. TONE CONTRAST

14. CONTRAST COLOR
contrast objects through the use of different colors.

15. CONTRAST CONTOUR
The irregular shapes or abstract visual attract more attention tha
simple geometric figures.

16. EMPHASIS
contribute to the aesthetic design and clarity of the message of it.

18. REPEAT OR RHYTHM
Set standards against which to sort the items on the page

19. NO REPEAT HARMONIC
Used to give a feeling jarring, increasing the emotional message design

20. PROXIMITY
Refers to put together or close the items that are related

21. WHITE SPACE
Contributes to the balance of the different elements of a web page components

22. LINE
highlight or emphasize some content

27. Want more?
Time to visit
www.thefwa.com