Web Design Principles
0 likes•847 views
The document discusses principles of web design including balance, contrast, emphasis, proximity, repeat or rhythm, white space, and line. It states that balance can be achieved through symmetrical or asymmetrical layouts and is important for guiding users through a page. Elements can be balanced, unbalanced but follow patterns, or deliberately out of balance for visual impact. Contrast uses different colors or tones and emphasis draws attention. Proximity groups related items and white space contributes to balance while lines can highlight content.
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