Your SlideShare is downloading. ×
0
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Web Design Principles
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Design Principles

550

Published 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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
550
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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

×