The typography. of order EMIL RUDER

Size: px
Start display at page:

Download "The typography. of order EMIL RUDER"

Transcription

1 The typography of order EMIL RUDER

2 Swiss typographer, born in Zurich He was professor in basel school of design He founded the international center for the typographic arts in New York in 1962 Author of books ein gestaltun Ein Gestaltungslehr buch A Manual of Design - Un Manuel de Creation (Teufen: Niggli, 1967), and Typographie. writer and editor of typografische Monatsblatter (typographic monthly)

3 SWISS STYLE Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty.a printed workwhich cannot be read becomes a product without a purpose -Emil Ruder

4 CHARACTERISTICS strict grids no decorative elements photographs preffered over illustrations

5 FORM AND FUNCTION

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

7 Typographer must be ableto take the impersonal view; wilful individuality and emotion have little place in his work. -Emil Ruder

8 SPACE AND COUNTER SPACE The material contains usefulness, the immaterial imparts essence. -Lao Tse

9 WRITING AND PRINTING A good designer must refrain from mixing writing and printing. the spontaneity of handwriting can only be distantly approached and never attained by printing.

10 The many active contacts between people from every country today leaves no scope for typefaces with a pronounced national character. -Emil Ruder

11 INFLUENCES Teaism Bauhaus

12 EXAMPLES

13 PRODUCTS

14 HELVETICA

15 VISUAL COMMUNICATION

16 Work by Emil Ruder

17

18

19 Someone Who Worked With him Armin Hofmann (HonRDI) is a Swiss graphic designer. Hofmann followed Emil Ruder as head of the graphic design department at the Basel School of Design (Schule für Gestaltung Basel) and was instrumental in developing the graphic design style known as the Swiss Style. He is well known for his posters, which emphasised economical use of colour and fonts, in reaction to what Hofmann regarded as the trivialization of colour. His posters have been widely exhibited as works of art in major galleries, such as the New York Museum of Modern Art.

20 CONCLUSIONS Before doing this research,i never reallly thought about the ineraction of type and cuture,society,philosophy etc.knowing the story behind how typefaces have evolved i think will make me more sensitive and aware of thier characteristics and hence i will be able to use them effectively.i feel ornamentation distracts from the message and their is beauty in simplicity.it was really interesting howoriental philosophers have influenced the appreciation of counter space among designers. Negativespace is as important as the positive space.using non ornamental typefaces also makes one much more sensitive about composition which is what a typographers job really is. - Siddharth

21 After doing research on Emil ruder and overall typography, I realized typography is really vast subject and there are many things related to is such as philosophy, culture etc. There are many typographer and all of them have different point of view. But I liked the way Emil ruder is perceiving typography. Partly I agree with his point that typographer should work with other font and create composition than creating it. Also his principle related to negative and positive spaces is quite interesting. I learnt many things about typography from this assignment. And it s really important how and where you use which font. In future I ll be very careful while using fonts. -Mitwa

22 Before this typography couse I didnt know there was anything like typography. I wasn t aware that fonts had families and that they had so much history, serif and sans serif, roman gothic. I have learnt what makes a font legible, that is needs to be balanced, the positive and negative space within a letter in a font is as important as the posive and negative space outside a letter. I didn t think of using font alone to design something. I have learnt that using a simple legible font makes you pay more attention to the composition. However, I do not believe that one font should be used for everything because font does contribule to the composition, it does evoke an emotion and it can enhance your design. I have learnt that every font has its place. That Microsoft Word is not a good font editing tool. From Emil Ruder I have learnt that first the funtion should be given importance and only then the form. - Jonathan

23 Thank You

The Ohio State University, Paul Nini, Instructor

The Ohio State University, Paul Nini, Instructor Typeface Poster: Shaina Meyers (undergraduate) The Ohio State University, Paul Nini, Instructor I always have students prepare a written rationale statement for their projects, along with a process document

More information

Chapter 18: The International Typographic Style

Chapter 18: The International Typographic Style Chapter 18: The International Typographic Style International Typographic Style A graphic design style emphasizing cleanliness, readability and objectivity developed in Switzerland in the 1950s. Specifics

More information

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 Supporting Blog Post: https://jane511794.wordpress.com/category/assignments/assignment-5/ Critical Evaluation

More information

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"

More information

3/20/16. International Typographic Style. International Typographic Style. International Typographic Style ARTH 4573 HISTORY OF GRAPHIC DESIGN

3/20/16. International Typographic Style. International Typographic Style. International Typographic Style ARTH 4573 HISTORY OF GRAPHIC DESIGN ARTH 4573 HISTORY OF GRAPHIC DESIGN Section 9a international typographic style (swiss style) } American Modernism } 1913 } 1930s } The Depression } World War 2 } After the War } } Basel and Zurich, Switzerland

More information

The characteristics of this style are:

The characteristics of this style are: The characteristics of this style are: - Sans serif type - Asymmetrical organization of elements - Underlying grid used to structure page - Objective photography and copy used to present information in

More information

Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015

Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015 Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015 This workshop has been devised as a direct result of feedback by colleagues

More information

Wednesday, April 6, 16

Wednesday, April 6, 16 During the 1950s, an important design movement began in Switzerland and Germany. It was known as the SWISS STYLE or INTERNATIONAL STYLE. Wednesday, April 6, 16 The characteristics of this style are: -

More information

PLANNING. CAEL Networked Worlds WEEK 2

PLANNING. CAEL Networked Worlds WEEK 2 PLANNING CAEL5045 - Networked Worlds WEEK 2 WEEK 2 CHOOSING COLOURS CHOOSING FONTS COLLECTING CONTENT PLANNING STRUCTURE WIREFRAMES + MOCKUPS Every colour, including black and white, has implications for

More information

TYPOGRAPHY. The art of type

TYPOGRAPHY. The art of type Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (;? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop

More information

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art.

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Aims & Outcomes: Aims: to understand typeface categories and how they are used in

More information

The International Typographic Style

The International Typographic Style The International Typographic Style Ernst Keller was one of the pioneers of Swiss design. His work used symbolic imagery, simplified geometric forms and vibrant contrasting color. Poster for the Rietberg

More information

Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives

Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,

More information

TEMPLATE ORDER GUIDE /

TEMPLATE ORDER GUIDE / TEMPLATE ORDER GUIDE / Our template order guide is filled with guidelines to help you complete the template order form. We want this to be a super easy and fun process for you! In order to prevent any

More information

PRESENTATION BOARD LAYOUT

PRESENTATION BOARD LAYOUT NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK ARCHITECTURAL TECHNOLOGY DEPARTMENT written by annie boccella spring 2010 1. BEFORE YOU BEGIN... Organize yourself. What is your argument

More information

art 118: intro to communication design // FALL 2011

art 118: intro to communication design // FALL 2011 t y p e specimen Due: Wednesday, November 30 ov e r v i e w A type specimen is a publication, that shows the range of a particular typeface in use. Printers and typographers have produced type specimens

More information

The art of using fonts, colours in text

The art of using fonts, colours in text Lesson 7 Revision The art of using fonts, colours in text Aim In this lesson you will learn: What is a font and why it is important to choose a particular font. Where and how to use different font type,

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

More information

Products At Home for Skin, Hair & Body Care: A Step by Step Guide & 70 Simple Recipes for Any Skin Type and Hair Type Designing Type Lettering &

Products At Home for Skin, Hair & Body Care: A Step by Step Guide & 70 Simple Recipes for Any Skin Type and Hair Type Designing Type Lettering & Designing Type PDF One of the most essential tools of graphic design, typography influences the appearance of visual print materials perhaps more than any other component. This essential book explains

More information

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...

More information

Visual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1

Visual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1 Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired

More information

How we look. Brand Guidelines version 1.1

How we look. Brand Guidelines version 1.1 How we look. Brand Guidelines version 1.1 TOUCHTUNES Simplicity is the ultimate form of sophistication. Leonardo da Vinci 2 BRAND GUIDELINES This is a guide to the basic elements that make up our brand.

More information

the streamlining of typography rene koszerowski

the streamlining of typography rene koszerowski the streamlining of typography 1920 1929 rene koszerowski poster for sixtieth-birthday exhibition of kandinsky herbert bayer 1926 the streamlining of typography 1920 1929 contents pages 1900 1909 1

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2 Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

A Crash Course in Typography: Principles for Combining Typefaces - noupe

A Crash Course in Typography: Principles for Combining Typefaces - noupe A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

INTERNAL COMMUNICATION HOW TO DESIGN A NEWSLETTER

INTERNAL COMMUNICATION HOW TO DESIGN A NEWSLETTER 1. Subject of the workshop. INTERNAL COMMUNICATION HOW TO DESIGN A NEWSLETTER 2. Goal of the workshop. Be able to point out the typical design mistakes en know how to improve the design by using the tips

More information

The art of using fonts and colours in text

The art of using fonts and colours in text Lesson 6 Revision The art of using fonts and colours in text Aim In this lesson you will learn: What is a font and why it is important to choose fonts carefully. How to use different font types, sizes,

More information

THINGS YOU NEED TO KNOW ABOUT USER DOCUMENTATION DOCUMENTATION BEST PRACTICES

THINGS YOU NEED TO KNOW ABOUT USER DOCUMENTATION DOCUMENTATION BEST PRACTICES 5 THINGS YOU NEED TO KNOW ABOUT USER DOCUMENTATION DOCUMENTATION BEST PRACTICES THIS E-BOOK IS DIVIDED INTO 5 PARTS: 1. WHY YOU NEED TO KNOW YOUR READER 2. A USER MANUAL OR A USER GUIDE WHAT S THE DIFFERENCE?

More information

O M. O M logo specs. O M O M O M O M

O M. O M logo specs. O M O M O M O M overview. The useum of odern Art, or oa, is an art museum in anhattan that holds and displays a wide range of modern and contemporary art. oa is considrered to be one of the most influential museums in

More information

Introduction to Typography.

Introduction to Typography. Introduction to Typography. UC Santa Cruz CMPS 171 Game Design Studio II courses.soe.ucsc.edu/courses/cmps171/winter13/01 ejw@cs.ucsc.edu 25 February 2013 Upcoming deadlines Monday, February 25 (today)

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

How To Get Your Word Document. Ready For Your Editor

How To Get Your Word Document. Ready For Your Editor How To Get Your Word Document Ready For Your Editor When your document is ready to send to your editor you ll want to have it set out to look as professional as possible. This isn t just to make it look

More information

Good Publication Design

Good Publication Design Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written

More information

BETTER LOOKING S

BETTER LOOKING  S BETTER LOOKING EMAILS First impressions matter. So if you want a positive response to your email campaign you need to make a positive first impression. Here are some simple design strategies to help you

More information

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer

More information

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Typography 2! HCC 710 2/1 /13 1, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Letterform Critiques! 25-30 minutes 2, Wordpress Questions / " Graphic Design Inspirations! 3, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

BRAND GUIDE L I N E S

BRAND GUIDE L I N E S BRAND GUIDE LINES NETWORK OF COMMUNITY MINISTRIES SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT

More information

Helvetica Type Specimen Process book

Helvetica Type Specimen Process book Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

Andrew Argue Portfolio Website Web Design Studio

Andrew Argue Portfolio Website Web Design Studio Andrew Argue Portfolio Website Web Design Studio Requirements The purpose of my website is to have an online portfolio to show my design work. It will also contain my resume, information about me, and

More information

New Vintage Type: Classic Fonts For The Digital Age By Gail Anderson, Steven Heller READ ONLINE

New Vintage Type: Classic Fonts For The Digital Age By Gail Anderson, Steven Heller READ ONLINE New Vintage Type: Classic Fonts For The Digital Age By Gail Anderson, Steven Heller READ ONLINE Vintage style typography is classic and remains popular still today. Fonts You have to put in the time to

More information

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples... section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows

More information

GOING IN STYLE (#3): ON TYPOGRAPHY, PART 2

GOING IN STYLE (#3): ON TYPOGRAPHY, PART 2 GOING IN STYLE (#3): ON TYPOGRAPHY, PART 2 Typography is the visual component of the written word. (Matthew Butterick, Typography for Lawyers: Essential Tools for Polished & Persuasive Documents (2nd ed.

More information

Quick Reference Design Guide

Quick Reference Design Guide Presentation is everything. At one time or another, you have probably heard the phrase a book is judged by its cover. That s still true and probably even more so today because we live in a very distracted,

More information

Our Look Book. BRAND GUIDELINES VERSION 1.0

Our Look Book. BRAND GUIDELINES VERSION 1.0 Our Look Book. BRAND GUIDELINES VERSION 1.0 SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL

More information

Edea IDENTITY STYLE GUIDE

Edea IDENTITY STYLE GUIDE Edea IDENTITY STYLE GUIDE 00 Introduction 01 02 Typography 03Colour Usage The primary goal of this guide is to help ensure that the Edea identity is consistent throughout all communications. Consistency

More information

UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN

UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN INTRODUCTION Hello and welcome to the University Housing Communication Guide to Design! In this book, you will find various guides to help you enhance

More information

font pairing FONT PAIRINGS GCEF

font pairing FONT PAIRINGS GCEF font pairing As the saying goes, type is a beautiful group of letters, not a group of beautiful letters. ~Matthew Carter image as a designer ASSETS and type Two Functions of Type In order for your type

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. Antoine de Saint-Exupery DESIGNER+ARTIST ARTA TEIVĀNE PERSONALITY KEYWORDS

More information

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts.

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. 18/03/2018 How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. Harshita Arora Follow 16 y/o entrepreneur & programmer. Formerly at Salesforce and MIT Launch. Creator

More information

logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results.

logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results. logo logo 101 2 logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results. Our goal is to help you communicate

More information

20 _. 14 _ Visual Identity. 03 _ Brand Message. 24 _ Brand Consistency 04 _. 10 _ Color Palette. 02 _ Our Mission. Our Logo. Our.

20 _. 14 _ Visual Identity. 03 _ Brand Message. 24 _ Brand Consistency 04 _. 10 _ Color Palette. 02 _ Our Mission. Our Logo. Our. brand guidelines 02 Our Mission 03 Brand Message 04 Our Logo 06 Construction & Clearspace 07 Using Our Logo 08 Logo Don ts 09 On Photographs 10 Color Palette 12 Primary Colors 13 Complimentary Colors 14

More information

M150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.

M150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks. A good user interface design enables the user to effectively interact with the system and perform his tasks. (True) HCI: (Human-Computer Interaction) is the study of how humans interact with computers

More information

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication DTP Theory Notes What is Desktop Publishing? Desktop Publishing (DTP) is the process of using software to create different publications, e.g, magazines, brochures, posters, booklets,newspapers. Who makes

More information

Total Responses 13. Please list and explain every single design decision you made in presenting this work.

Total Responses 13. Please list and explain every single design decision you made in presenting this work. Initial Report Total Responses 13 Please write an explanation for the layout of the page -- or email -- that you are turning in today: Why did you choose the typeface(s) you did? Why did you choose the

More information

Maximiliano R. Sproviero presents P A R F A I T S C R I P T P R O

Maximiliano R. Sproviero presents P A R F A I T S C R I P T P R O Maximiliano R. Sproviero presents aa Guide P A R F A I T S C R I P T P R O aa ª Introduction Welcome to another of my obsessive creations, another dream made true. This time I present Parfait Script Pro,

More information

In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2

In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2 In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2 The reader should be able to read the message of a text easily and comfortably. This

More information

Graphic Design Tips for PowerPoint

Graphic Design Tips for PowerPoint Graphic Design Tips for PowerPoint And Other Pubs Environmental Interpretation S.K. Jacobson Topics Color and contrast Lettering size and case combinations Lettering styles and fonts Editing text Layout

More information

SUCCESSFUL TYPE? Interface Aesthetics

SUCCESSFUL TYPE? Interface Aesthetics TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed

More information

Developed by: Beth Gibbs

Developed by: Beth Gibbs Developed by: Beth Gibbs Steps in Organizing Newsletter Plan layout and content Write and format the copy Design the layout Add graphics Produce the newsletter Introduction Keep in touch with parents Inform

More information

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay.

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay. Welcome Back! Now that we ve covered the basics on how to use templates and how to customise them, it s time to learn some more advanced techniques that will help you create outstanding ebay listings!

More information

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,

More information

> creative résumé. > specifications: save as: Resume_Lastname.ai dimensions: 8.5" x 11" or 11" x 8.5" mode: CMYK

> creative résumé. > specifications: save as: Resume_Lastname.ai dimensions: 8.5 x 11 or 11 x 8.5 mode: CMYK > creative résumé > objective(s): Students will create an eye-popping, visually impacting résumé using current trends in graphics, color and typography. > curricular focus: This lesson emphasizes the graphic

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

Typography One Project Two

Typography One Project Two Typography One Project Two Typographic Systems, Emphasis and Hierarchy An important design problem is to aid reader comprehension of information through carefully considered logic, structure and order.

More information

Title: Challenges of teaching typography to the students of today's era, who are overexposed to information.

Title: Challenges of teaching typography to the students of today's era, who are overexposed to information. Typography and Education http://www.typoday.in Title: Challenges of teaching typography to the students of today's era, who are overexposed to information. Manasi Shekhar Keni, Rachana Sansad College of

More information

Once you know the tools, the technical aspect ends and the creative process starts.

Once you know the tools, the technical aspect ends and the creative process starts. Maarten Verhoeven is a 3D artist who specializes in character sculpting and has a passion for film and monsters. He has been working in the CG industry across a number of different fields, which incorporate

More information

A guide to simple, clean and minimalist design

A guide to simple, clean and minimalist design A guide to simple, clean and minimalist design In a world full of fuzz, it s refreshing to see design that gets messages across clearly and quickly. That s the driving force behind our design approach.

More information

Visual Design. Simplicity, Gestalt Principles, Organization/Structure

Visual Design. Simplicity, Gestalt Principles, Organization/Structure Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the

More information

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

Written Communication

Written Communication Module 2: Written Communication 1 Your Passport to Professionalism: Module 2 Written Communication Step 1 Learn Introduction Sooner or later, you will need to communicate in writing. You will write down

More information

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 Supporting Blog: https://jane511794.wordpress.com/category/assignments/assignment-4/ Critical Evaluation I started this

More information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working

More information

Brand Identity Guide. September 2017

Brand Identity Guide. September 2017 Brand Identity Guide September 2017 Welcome At Canada Drives our goal is to be the number one consumer lending company in Canada by making financing simple and accessible to every Canadian while maintaining

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper.

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper. Creating Large Format Posters Using PowerPoint TIP SHEET INTRODUCTION The ideal poster is designed to: o Tell a story o Provide a brief overview of your work o Initiate discussion o Stand alone when you

More information

ClearOne Style Guide 1

ClearOne Style Guide 1 1 Contents Overview 3 Brand Personality/Tone Specifics 4 Logo 5 Logo Sizing and Color 6 Logo with Taglines 7 Incorrect Logo Usage 8 Color Palette 9 Typography Style 10 Illustration Style 11 Logo - with

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? LESSON 8 Graphic Design for Web ELEMENTS LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE PRINCIPLES ALIGNMENT BALANCE CONTRAST

More information

Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo

Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo Competitive Review Fast Company Homepage Doing well: It has a bold and modern feel that appeals to the internet audience. Doing poorly: The layout is confusing as to which elements match up and it's unclear

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

Principles of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!

Principles of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs! Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication

More information

Natalie Olson - Kisscut design Typography and Internal Book Design

Natalie Olson - Kisscut design Typography and Internal Book Design Natalie Olson - Kisscut design Typography and Internal Book Design www.kisscutdesign.com/blog Typography and the art of setting type in books hasn t changed a lot since the 1500s. The methods have changed.

More information

Responsive Typography

Responsive Typography Responsive Typography Design for Meaning, Not for Screen Size NEWDcamp 1 November, 2014 What We ll Cover + Lies & deceptions about art & science + Understanding the value of hats + What is Responsive Typography

More information

UTILITY TRAILER MANUFACTURING COMPANY IDENTITY STANDARDS GUIDE

UTILITY TRAILER MANUFACTURING COMPANY IDENTITY STANDARDS GUIDE 1 TABLE OF CONTENTS LOGO OVERVIEW Corporate Logo General Corporate Logo / Tag line Aftermarket Parts Logo General COLORS Corporate Colors Corporate Logo Color Specifications Corporate Logo / Tag line Color

More information

fonts Some famous (and infamous) fonts

fonts Some famous (and infamous) fonts fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts

More information

Download Typographic Specimens: The Great Typefaces Kindle

Download Typographic Specimens: The Great Typefaces Kindle Download Typographic Specimens: The Great Typefaces Kindle Specimens of 38 of the finest type families in the world are brought together in Typographic Specimens: The Great Typefaces, making it an invaluable

More information

Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!

Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication

More information

A BRIEF USER MANUAL FOR. Sutro Deluxe. A Chromatic Slab Serif. Five layers to play with.

A BRIEF USER MANUAL FOR. Sutro Deluxe. A Chromatic Slab Serif. Five layers to play with. A BRIEF USER MANUAL FOR Sutro A Chromatic Slab Serif. Five layers to play with. parkinson type design 2014 background there was a lot of talk about color s at TypeCon2013 in Portland. Designers have been

More information

Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media

Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media 101 Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media January 28 & 29, 2010 Produced by Building Effective Interactivity into Your e-learning Better Beginnings How to

More information

proj 5 A/B kerning & introduction to the grid

proj 5 A/B kerning & introduction to the grid art 2413 typography fall 14 proj 5 A/B kerning & introduction to the grid problem objectives Many people assume a computer will create perfectly balanced spacing between letters, words, and lines. Such

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information