• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web Design Principles
 

Web Design Principles

on

  • 617 views

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

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

Statistics

Views

Total Views
617
Views on SlideShare
617
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NoDerivs LicenseCC Attribution-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Web Design Principles Web Design Principles Presentation Transcript

    • WEBDESIGNPRINCIPLES
    • BALANCE CONTRAST EMPHASIS PROXIMITYREPEAT OR RHYTHM WHITE SPACE LINE
    • BALANCE The use of symmetries provides simplicity, elegance and clarity to the designsSymmetric Asymmetrical BalanceOut ofBalance
    • 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.
    • SymmetricIt is the balance that must exist between the different elements of the page.
    • 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
    • Asymmetrical BalanceBalanced but without Follow a symmetrical pattern
    • 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
    • Out of Balancelooking for visual impact
    • BALANCEThe use of symmetries provides simplicity, elegance and clarity to the designs.
    • TONE CONTRASTtone played with variations within the same color to achieve that desired visual impact.
    • TONE CONTRAST
    • CONTRAST COLORcontrast objects through the use of different colors.
    • CONTRAST CONTOURThe irregular shapes or abstract visual attract more attention tha simple geometric figures.
    • EMPHASIScontribute to the aesthetic design and clarity of the message of it.
    • REPEAT OR RHYTHMSet standards against which to sort the items on the page
    • NO REPEAT HARMONICUsed to give a feeling jarring, increasing the emotional message design
    • PROXIMITYRefers to put together or close the items that are related
    • WHITE SPACEContributes to the balance of the different elements of a web page components
    • LINEhighlight or emphasize some content
    • Want more? Time to visit www.thefwa.com