160 likes | 307 Views
A summary of the book by Robin Williams “Non-Designer’s Design Book”. Basic Elements of Design. Principles of Design. P roximity…. Items related to each other should be grouped close together . A lignment…. Give every element a visual connection to another element. Alignment.
E N D
A summary of the book by Robin Williams “Non-Designer’s Design Book” Basic Elements of Design
Principles of Design Proximity… Items related to each other should be grouped close together. Alignment… Give every element a visual connection to another element.
Alignment "Alignment." About.com Principles of Design. Web. 20 Sep 2010. <http://desktoppub.about.com/od/designprinciples/tp/Principles_of_Design.htm>.
Alignment • Key idea: Nothing should be placed on the page arbitrarily. Every item should have a visualconnection with something else on the page.
Solution:Elements aligned Flushed right Alignment Nothing should be placed on the page arbitrarily ( randomly without thought) Problem: No element has any connection to the others.
Alignment Every item should have visual connection with something else on the page. When items are aligned on the page, it creates a strong cohesive unit, even if the two objects are physically far away from each other.
Text Alignment NEVER use more than one text alignment in a document. Avoid Centering when ever possible. http://formulate.com.au/images/articles/alignment/text-alignment.png
Alignment Centering can create: • a more formal look • a more sedate look • ordinary • dull
Alignment Use spaces between paragraphs instead of indenting NEVER do both! But, if you must indent then use an …….
Alignment “em” – a space as wide as the point size of your type http://www.creativepro.com/files/story_images/20100217_fg01.png
Alignment • Alignment unifies and organizes the page. • • • “Find a strong line and use it.” • Flush right type makes use of image’s border.
Avoid using more than one text alignment and center alignment. Alignment http://www.socialsciences.manchester.ac.uk/intranet/pg/itskills/images/module4/paragraph%20indents.jpg http://designshack.co.uk/wp-content/uploads/ds-basic-alignment-3.jpg
Basic Design Elements Packet • Complete your notes using this PowerPoint. • Look through the magazine and find an ad that demonstrates a good example of alignment. • Use your pen and show how each element is connected to another element by connecting them with dashed lines. Refer to the example on my website or look at the example on the next slide. • Sketch out your text using the Principle of Alignment in the top right quadrant of your sketch sheet. Do not draw any pictures or elements, only text.