• Like
  • Save
Design principles
Upcoming SlideShare
Loading in...5

Design principles






Total Views
Views on SlideShare
Embed Views



1 Embed 21

http://cavaninstitute.wholeschoolvle.com 21


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

    Design principles Design principles Presentation Transcript

    • d e sign pr in cipleswh at yo u ne e d to kno w
    • Contents at a glance• Basic principles of design• Basic elements of design• Layout and composition• Communication
    • Basic principles of design• Balance• Rhythm• Proportion• Dominance• Unity
    • Balance• Relation of elements in composition with regards to their visual weight.• Relation to ideas of physical structure.• Mass, gravity, edge.• Symmetrical and Asymmetrical.
    • Balance Horizontal Symmetry
    • Balance Approximate Horizontal Symmetry
    • Balance Asymmetry
    • Rhythm• Repitition of elements with set intervals.• Create a sense of movement.• Regular, flowing and progressive rhythm.
    • Rhythm Regular
    • Rhythm Flowing
    • Rhythm Progressive
    • Proportion• Relative size of different elements in terms of scale.• Also relates to balance and symmetry.• Can also be used to describe depth.
    • Proportion Proportion
    • Proportion Proportion - Depth
    • Dominance• Can also be described as emphasis.• Distribution of weight through various elements.
    • Dominance Dominance
    • Dominance Dominance
    • Unity• Relation between elements of a design and the compostition as a whole.• Tie it together to show wholeness.• Break it apart to show variety.• Principles based on Gestalt theory of how our mind organizes visual information.
    • Unity Unity Gestalt
    • Basic principles of design
    • Basic elements of design• Color• Line• Shape• Form• Texture
    • Color and Line• Color ◦◦ Meaning in different contexts and cultures. ◦◦ Red = Love OR Red = Danger/Warning ◦◦ Statistical preferences according to how the eye works.• Line ◦◦ Direction, purpose, intent. ◦◦ Lead gaze or obstruct gaze.
    • Shape and Form• Shape ◦◦ The two dimensional shape of an object. ◦◦ Recognition of objects and weight.• Form ◦◦ Three dimensional shape of an object. ◦◦ Shows volume and depth. ◦◦ Relation to real world - like in greyscale.
    • Texture• Relates to the tactile response of touching physical objects.• Design of some software applications.• Sense of realness.
    • Layout and composition• Rule of thirds ◦◦ If dividing a frame into thirds horizontally and vertically. ◦◦ The focus should be place on one of the intersections of those lines. ◦◦ The focus element should be differentiated from the background by contrast in either colour, shape, or form. ◦◦ There should be elements leading the gaze into that position.
    • Layout and composition• Grid based layout ◦◦ Based upon laying out items to align to a pre-defined grid to ensure balance, unity, and harmony.
    • Layout and composition
    • Layout and composition ◦◦ Editorial layout ◦◦ Applicable to content heavy designs
    • Communication• Typography ◦◦ Legibility vs Readability ◦◦ Design elements at the root. ◦◦ What are you saying?• Separation of concern ◦◦ What is the job? ◦◦ Keep elements grouped logically in consumable “chunks”. ◦◦ Focus on the purpose in choosing content.