How the effective use of type and whitespace can combine to create attractive packages.

Slides:



Advertisements
Similar presentations
YEARBOOK Layout and Design.
Advertisements

Definition: The style, arrangement, and appearance of text on a page.
Cascading Style Sheets
Unity Gestalt Space Dominance Hierarchy Balance Color Part I: Color Theory Color Part II: How to Use Color.
& LOGO D E S I G N typography. PART 1 Review of The Basics.
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Microsoft ® Office Word 2007 Training Bullets, Numbers, and Lists ICT Staff Development presents:
Typography Usability & Readability
Design and Layout Desktop Publishing Basics. Basics  Content dictates design.  The designer should have a plan for the final product.  Sketch a plan.
How to Create a Professional Magazine Layout Handout-16.
Graphic Design: An Overview for Effective Communication.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Design Principles 3.02 Understand business publications Slide 1.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
Design Principles for PowerPoint
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Intro to Multimedia Intro to Typography.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
ADOBE INDESIGN CS3 Chapter 2 WORKING WITH TEXT.
PRINCIPLES OF DESIGN © Patrick Morgan An Introduction to the.
Six Principles of Good Design
CHAPTER Planning for Focus and Flow 5 Desktop Publishing: Chapter 5 ©2008Thomson/South-Western.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
Creating visually attractive and appealing publications.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Enhance Your Website Using Design Elements Objective: The students will understand that basic design principles are used to enhance the visual appeal of.
3.02 Understand business publications
0707 IAT 102 Graphic Design Design Basics Design Tools.
Good design helps the reader focus on content!.  Dominance: achieved by making a content element significantly larger so that it becomes a focal point.
Design Principles 3.02 Understand business publications.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Effective Posters. A GREAT POSTER IS... readable, Readability is a measure of how easily the ideas flow from one item to the next.
Headings and Text What makes headings stand out?.
Posters, Magazines, Websites
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Design Principles 5.01 Understand business publications Slide 1.
Contrast “Contrast is created when two elements are different…Really different.”
Design Principles 3.02 Understand business publications.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
New Trends in Design Adding unity, balance, structure and dominance to your layouts.
Thoughts on Design. Never Forget Audience and Purpose Just as the text depends on audience and purpose, so does the design Consider the difference in.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
Graphic Design Working with Type
Typography Usability & Readability
Basic Design Principles and Hazards to Avoid
Treatments that effect typography
Chapter 9 Layout and Design
Basic Design Principles and Hazards to Avoid
Unit 2.1: Identifying design elements when preparing graphics
Document Design is CRAP
Understanding Typography
Creating a Baseline Grid
GDP113 Typography Ex.#4 Hierarchy Study.
Your Poster Title Here Your Name, Other Names… Your University
Newspaper Design and Layout
Fixed Positioning.
Additional Information
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
HTML Formatting Text.
LOREM IPSUM DOLOR SIT Character spacing of title text: TIGHT
Typography Usability & Readability
Interface Design Interface Design
Typography Usability & Readability
How do you get into your organisation or field of engineering
Presentation transcript:

How the effective use of type and whitespace can combine to create attractive packages

  The art and technique of arranging type  The cornerstone of any designer’s skillset  Much more than making words legible What is typography?

It is impossible to become skilled in typography without understanding the basic rules of the craft — even if you mean to break them.

  Size. Not just the font size, the character size.  Leading. The vertical space between each line of type.  Kerning. Refers to the space between characters.  Measure. The width of the text block.  Hierarchy. The order of elements. Basic concepts

  Leading should be a larger number than font size  General rule: between one and two sizes greater  FUN FACT! It’s called leading because, in the days of metal typesetting, strips of lead were used to separate lines of type. Leading

 Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is too loose. Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is too tight. Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is just right. Leading

  Kerning describes the act of adjusting the space between characters to create a harmonious pairing.  Example: where an uppercase ‘A’ and ‘V’ meet AV (the top left of the ‘V’ sits above the bottom right of the ‘A’) Kerning

  Provides the reader with a roadmap  Font size is not the only way to define hierarchy  Color  Spacing  Weight  Dominant elements are bigger  Things get smaller down the page Hierarchy

whitespace.

  Serves as a subtle, visual clue  Balance is key  Whitespace can never be underrated  My opinion: Too much is better than too little Whitespace

 “The black space can never be beautiful until the white space is beautiful.” Whitespace

  What you don’t notice  Focuses on the content  Attractive  Consistent in every detail (most important!) What is good design?

“Perfection is achieved, not when there is nothing left to add, but when there is nothing left to remove.” —Antoine de Saint-Exupéry