0
Upcoming SlideShare
×

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.
Standard text messaging rates apply

# Design principles

777

Published on

Published in: Design, Spiritual, Technology
0 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

• Be the first to like this

Views
Total Views
777
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
20
0
Likes
0
Embeds 0
No embeds

No notes for slide

### Transcript

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