Design Principles KIS PROXIMITY ALIGNMENT CONSISTENCY HARMONY GRAVITY/SEQUENCE BALANCE PROPORTION FONT USE.

Slides:



Advertisements
Similar presentations
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Advertisements

Elements of Design: The 4 Basic Principles.
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Design Principles 3.02 Understand business publications.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
1.01A – What typefaces should be used for various displays?????
Multimedia & Webpage Design
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Design Principles 3.02 Understand business publications Slide 1.
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
Digital Interactive Media
CS 4001Mary Jean Harrold 1 Using Visual Arguments.
Graphic Design: the fun part Sheila Potter Scott Olszowiec Digital Images Digital Images.
Professionally Basic Elements of Design 4 Classifications of Type.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Basic Design SBM 338 Lanny Wilke. Four Basic Design Principles Proximity Alignment Balance Unity.
Design Principles and Font Rules Contrast Repetition Alignment Proximity Font Rules Quiz.
Desktop Publishing Design Tips and Guidelines. Effective Design Attractive and pleasing to look at and read Well-organized Self-explanatory Link between.
Design Principles 3.02 Design Principles revised 9/24/09.
Designing Reader- Focused Documents C H A P T E R 10.
Typography Graphic Design Fundamentals
Unit 1: Graphics are all around us Design Graphic.
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
 Design Principles Lets learn about “CRAP” By: Lindsey Derber December 7, 2011.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
2 VISUAL JOURNAL Hannah Hanif Ng Jas Min Prethiba Esvary Subramanian 0801G65256 Sim Pei Xuan
What is nonfiction literature?  Nonfiction literature is not fiction.  Nonfiction literature is true. It is about real people, places, things, and events.
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Assignment Compose a black and white design using the grid system. Your design will include: 2. Two or more photographs One straight photo. One using transparency.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
It can also be used to create emphasis. White space is when blank space is left on a layout deliberately. It gives the reader breathing space if the.
Codes and Conventions of contents pages. By Eleanor Raftery.
Design Principles Mrs. Levi. Think about it…… Who creates advertisements? Why do they look like that?
Font Families. Roman Fonts have small cross-lines or feet called serifs are easy to read used in books, magazines, and newspapers.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Although this is an older issue of the magazine (2008) it looks very dated. The type for the page banner is definitely more hard core rock than designer.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Multimedia & Webpage Design
Digital Interactive Media
Basic Design Principles and Hazards to Avoid
Graphic Communication
Treatments that effect typography
Chapter 9 Layout and Design
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding Desktop Publishing
Principles of Graphic Design
Document Design is CRAP
Design Principles Proximity Font
The Art of Type 9/17/2018.
Microsoft Word Illustrated
GRAPHIC DESIGN TIPS & TRICKS
Design Principles 3.02 Understand business publications
Principles of Typography
Design Principles Rvsd. Feb 2016
Digital Interactive Media
Design Principles 8-Dec-18.
Additional Information
Design Principles 3.02 Understand business publications
DESIGN PRINCIPLES and arguing in virtual spaces
Design Principles 5-Apr-19.
Word Processing Software Photo credit: © 2007 JupiterImagesCorporation.
Design Principles 3.02 Understand business publications
Presentation transcript:

Design Principles KIS PROXIMITY ALIGNMENT CONSISTENCY HARMONY GRAVITY/SEQUENCE BALANCE PROPORTION FONT USE

KIS - Keep it Simple This principle is basically self-explanatory. Keep fonts, colours and pictures simple. Two different fonts used consistently throughout the project is a lot more effective than all sorts of different fonts confusing the page. It’s the same with pictures and colours. Sticking to a basic colour scheme is a lot more manageable to read than a kaleidoscope of colours hypnotizing you, and not over crowding a page with pictures will make it that much more effective IS THIS A GOOD EXAMPLE OF KIS --- NO !!. HOME

PROXIMITY. This is to do with the grouping of text or images. Grouping together text or images that are related to the same topic make it much more easier for the user to read, rather than having to jump all over the page for the information they are after. Keep the groups just the right distance apart and consistent. For a good example: HOME

ALIGNMENT This principle refers to the arrangement of your text. For normal writing we usually have the alignment on ‘normal’. For headings many prefer ‘center’’ alignment and for footnotes ‘right’ alignment is often used. In some cases, for text in novels, we use the alignment setting ‘justified’. A bad example: HOME

CONSISTENCY This principle refers to keeping text or fonts consistent throughout your work. It’s wise to use no more than two different text or fonts. Otherwise it looks messy and the user finds it hard to read. Good Bad HOME

HARMONY Your work should ensure that all items on the page work towards a single goal. This goal is to ensure that it fits the image, purpose and intent of the page. A Good Example - everything on this page ‘sends’ the same message HOME

GRAVITY or SEQUENCE: Readers do not take in the whole page at a glance, there is a natural “gravity” ( in Western cultures) from left to right and top to bottom. Respect this flow. HOME

BALANCE A document must look balanced. Graphics and text have a visual weight and density - think of the text having a physical ‘weight’ - where would the page balance if put on a pivot point ?. A page can look unbalanced when text, graphics and white space are placed carelessly. There are two types of balance: Dynamic (informal) Static (formal) Balance also refers to the amount of the page which is set aside for each of text, graphics and white space. To much of one can upset the balance of the page. HOME

PROPORTION Every item on a page has a relative importance. Generally the amount of space you give to an item should reflect its importance. Do not forget white space which is very important in terms of balance, proximity and harmony. HOME

FONTS - When should you use which font ? Serif: The serif font is a font that has ‘ticks’ on some characters. This font is better suite for the body of the text.You would use this font type for block text, because it’s easier to read. This is why many books, magazines, newspapers etc use the font type serif. e.g ITC Officina Serif Book Sans Serif: The sans serif is a font type that has no ‘ticks’. This font is better suited for headings or a sentence exclaiming something in capitals. Sans serif is usually used in titles for articles, stories and for captions under photo’s in newspapers or magazines. e.g Comic Sans MS Script: Script fonts are usually reserved for special occasions or personal notations. It is a fancy type of lettering that often looks like it has been handwritten. e.g Brush Script MT HOME