Web Design Principles

  • 495 views
Uploaded on

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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
495
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. WEBDESIGNPRINCIPLES
  • 2. BALANCE CONTRAST EMPHASIS PROXIMITYREPEAT OR RHYTHM WHITE SPACE LINE
  • 3. BALANCE The use of symmetries provides simplicity, elegance and clarity to the designsSymmetric Asymmetrical BalanceOut ofBalance
  • 4. BALANCESymmetric 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. SymmetricIt is the balance that must exist between the different elements of the page.
  • 6. BALANCE The designer can guide the visitor through theSymmetric 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 Asymmetricalbalanced or unbalanced but follow asymmetrical pattern. Balance
  • 7. Asymmetrical BalanceBalanced but without Follow a symmetrical pattern
  • 8. BALANCE The designer can guide the visitor throughSymmetric 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 Asymmetricalbalanced or unbalanced but follow asymmetrical pattern. BalanceOut of The pages out of balance or out ofBalance balance. This is done deliberately, looking for visual impact
  • 9. Out of Balancelooking for visual impact
  • 10. BALANCEThe use of symmetries provides simplicity, elegance and clarity to the designs.
  • 11. TONE CONTRASTtone played with variations within the same color to achieve that desired visual impact.
  • 12. TONE CONTRAST
  • 13. CONTRAST COLORcontrast objects through the use of different colors.
  • 14. CONTRAST CONTOURThe irregular shapes or abstract visual attract more attention tha simple geometric figures.
  • 15. EMPHASIScontribute to the aesthetic design and clarity of the message of it.
  • 16. REPEAT OR RHYTHMSet standards against which to sort the items on the page
  • 17. NO REPEAT HARMONICUsed to give a feeling jarring, increasing the emotional message design
  • 18. PROXIMITYRefers to put together or close the items that are related
  • 19. WHITE SPACEContributes to the balance of the different elements of a web page components
  • 20. LINEhighlight or emphasize some content
  • 21. Want more? Time to visit www.thefwa.com