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

Size: px
Start display at page:

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

Transcription

1 OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane Supporting Blog: Critical Evaluation I started this assignment thinking I needed to construct the whole alphabet rather than just the letters TYP and E, and after several days I realised the enormity of the task of designing a whole typeface and began to focus on the essential letters. I set out to create a font that incorporated a love heart, and started sketches of this in my sketchbook. I found my poor drawing skills prevented me from really exploring font design, so set about playing about in Illustrator on a more systematic way. I found the glyphs very difficult to design, I think because I was trying to design every part of each letter from scratch. When I downloaded and looked at the font design software, TypeTool, I noticed that the system always starts with a basic font that the designer can modify according to their own design. So I chose a font called Glamor as my starting point. This is a free font that I downloaded that comes with the designers express permission for modification. I took the letters I needed, made guides from the letters, created decorative serifs to a font already on my system. I added curves, widened and narrowed various parts in general took liberties with each letter. In the end the font looked nothing like what I started with, but I m not sure I designed it from scratch it sort of evolved. To improve my font design, I need to be more rigorous in Illustrator, or use a software tool designed for the job. I explored different layouts, including a Fibonacci sequence Golden Ratio and a more traditional 3 column design which was more successful. I explored using different fonts, including serif fonts for the headings and sans serif fonts for the sub headings and body text. I tried contrasting square terminations with rounded terminations I m not sure I m entirely comfortable with the result of this but have a useful record for the future. I created an article for a magazine about fonts and created some alternative layouts for the article, exploring different colour schemes for the background and different arrangements of the text, also different sizes of the text. I added images that were relevant to the article. My final design for this assignment evolved rather than was designed. I tried different layouts. The two page layout was not very flexible at all, there was too much text. The three page layout was more flexible, but I

2 had too much room for the article on Question Marks and not enough for Construction of a Font. I could have edited the text, moved the articles around or tried a four-page article, but I ran out of time and needed to move onto the next section. However, I do like my final design, it s an artistic, 1960 s feeling psychedelic theme that I d be happy to develop further. My family also like it best of all my designs.

3 issue 1 March 2015 BORED WITH YOUR FONTS? Is your font wardrobe looking dated? We take look at how you can make it more interesting. BUILD YOUR OWN FONTS! Simple tips to help you get creative with your font library. We show you how in 5 easy steps. WE ASK THE QUESTION: HAS THE QUESTION MARK HAD ITS DAY? Where did it come from? What s its future? Have you ever wondered? We reveal the past secrets of this iconic little symbol and see what the future has in store for it.

4 Graphic Design magazines regularly feature articles on fonts and typography. These days every Graphic Designer has an armoury of fonts at their fingertips. Currently there are over 200,000 fonts available, so the choice of font is getting harder not easier and the decision making process gets longer. The first choice a designer - or the client - has to make is whether to choose a font with or without serifs. In a serif typeface the letters have extra curls and bobbles, reminiscent of calligraphy, whereas in sans serif (literally without serif) the letter forms have clean lines without any protruding bits. Mi Minion Pro Some people find serif fonts easier to read, others claim they find sans serif easier. If the font is for a logo, then the serifs are decorative anyway, so readability does t really matter as much as the brand values the client is trying to achieve, but if the font is for a long passage of text then a serif font is more traditional. Sans serif were traditionally thought to be better for screen fonts, but these days Web Fonts are available that make virtually any font available for screens. Script fonts - those that look like handwriting - often commonly seen on wedding invites and menus. They can be difficult to read. When the film Avatar was released, many fans complained that the Papyrus font - sort of a decorative script - used for the subtitles was inappropriate because it was too difficult to read at speed, though it has a magical, hippy feel to it that otherwise is perfectly suited to the genre of the film. These days, more and more blue chip corporates are investing in designing their own in-house fonts. Some - like Barclays - claim this is for security reasons as it makes forgery a bit more difficult. Recently the Foreign and Commonwealth Office spent 80,000 changing its typeface to one that was almost identical, which makes one wonder that they don t have more important things to spend their money on that people might actually notice. Im Impact In Nottingham in 2005 the council spent 180,000 changing the Robin Hood logo, with a serif font for Nottingham, to The Big N, a red letter N in a Futura Bold type font. This was done to symbolise the future of

5 How is a typeface constructed? Before the invention of letterpress, all typography was hand created. The manuscripts created by monks in the monasteries show the amazing talent and dedication of the scribes. Today these manuscripts are kept in darkened rooms in museums, but some computer fonts are designed to look like this ancient calligraphy should a designer have a requirement to emulate this style. A recent billboard in Nottingham was done in this way to advertise a banquet being held in an old hall and looked really effective (unfortunately when I went back with camera the next week it had gone). The glyphs are constructed of a variety of shapes, though each letter clearly has many components the same whatever font it belongs too. When I constructed my own font, I started by deconstructing the letters that I needed into their component parts - above is the letter Y deconstructed. Nottingham. However, Nottingham residents were most definitely not impressed with this new Nottingham branding and the red letter N quickly and quietly disappeared. Co Co Headline Bold Modern typefaces have the benefit of being designed by typographers using powerful computers, which makes the job easier so the designer can spend more time creating a whole family of fonts. However, the terminology surrounding fonts and typefaces still refers back to historical times when fonts were created from individual pieces of metal. Each of these component parts has a name and characteristics, which together gives a description of the font and typeface. These descriptions can be stored in a database, so that designers can readily identify fonts when needed, and with over 200,000 different ones available at the present time, resources such as Identifont are essential these days. A new font or typeface can be created by taking these component parts and modifying them in a defined way, for example, by adding embellishments to the serifs, as I have done, or curving the terminations in a new way, or by making the descenders and ascenders a different height. Changing the characteristics of the glyph is not the only way a new font is created; the designer also has to consider the spacing between the letters on the page. A designer may be creative by making a font extra wide, but if the kerning and leading are not adjusted accordingly, the letters will sit awkwardly on the page and look ugly. To create a truly stunning typeface, the typographer needs to look at many letter combinations, which is why constructing a new typeface can take an experienced team many months or even years.

6 Im Impact Ar Bauhaus 93 Arial Rounded MT Bold Gl Glamour Ed Edwardian Script ITC Bu Busorama MD BT Question Marks As well as the letters of the alphabet, typographers need to also design a whole host of other glyphs, such as question marks, exclamation marks, numbers, apostrophes, quotation marks, mathematical notation, full stops and other punctuation, as well as hashtags, currency and asterisks - to name but a few. The typographer also needs to consider cultural aspects of the font. For example, the question mark has been evolving since the 8th century and now has different formats in different languages - in Spanish an interrogation starts with an upside down question mark and ends with the one that were familiar with in the UK. Ro Rockwell Extra Bold De Ba Baskerville desdemona He Helvetica Ro Rockwell en Engrav Ba Bauhaus 93 Ha Harrington My Myriad Pro Semibold Mi Minion Pro

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

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

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

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

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

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

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

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

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

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

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

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

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

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

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

TEXT MEDIA AND INFORMATION

TEXT MEDIA AND INFORMATION TEXT MEDIA AND INFORMATION Objectives Identify the basic elements in creating a text-based presentation. Evaluate the text-based presentation through the design principles and elements. But we know, irl,

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

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

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

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

BRANDING. Styleguide

BRANDING. Styleguide BRANDING Styleguide 1 2 Welcome to Daugherty. We are a passionate group of individuals who believe in providing exceptional value to our clients, an incredible work environment for each other, and unwavering

More information

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art MMA 100 Foundations of Digital Graphic Design Clare Ultimo > Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art Typography

More information

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

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

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

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

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

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

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

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.

More information

SEAN REES PORTFOLIO This is a selection of my recent professional and personal design pieces.

SEAN REES PORTFOLIO This is a selection of my recent professional and personal design pieces. SEAN REES PORTFOLIO This is a selection of my recent professional and personal design pieces. WEB / UI - Volume Integration I m in the middle of a redesign right now for Volume Integration; a company in

More information

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf.

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf. BASIC SKILLS: TYPOGRAPHY This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf Kristy Ryan Name: Overview Complete

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

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web BRAND & LOGO GUIDELINES - Logos - Social Media - Web SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL LET YOU

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

Writing and Document Design Lecture 6 Typography

Writing and Document Design Lecture 6 Typography Writing and Document Design Lecture 6 Typography Last week We looked at Kress and van Leeuwen s work on composition/layout and considered its usefulness as both an analytic tool (a way of analysing and

More information

TYPE. Design Process

TYPE. Design Process TYPE Design Process 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment 01 Vocabulary 02 Classification 03 Six Classic Typefaces

More information

Introduction. ThinManager - A Rockwell Automation Technology

Introduction. ThinManager - A Rockwell Automation Technology 1220 Old Alpharetta Road, Suite 390 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 Introduction... 1 Logo... 2 Clear space and minimum size... 3 Primary color palette...

More information

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar)

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar) Template Tidbits This document is not intended to replace the individual guidance documents that accompany each template. Instead, it is a general document that addresses questions frequently asked by

More information

Final Project Report. Sharon O Boyle. George Mason University. ENGH 375, Section 001. May 12, 2014

Final Project Report. Sharon O Boyle. George Mason University. ENGH 375, Section 001. May 12, 2014 Final Project Report Sharon O Boyle George Mason University ENGH 375, Section 001 May 12, 2014 ENGH 375, Web Authoring, is a course that teaches the fundamentals of good website design. The class textbooks,

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

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ 1 1. Turkish tea glass is called ince belli bardak in Turkish, which means thin waisted glass. 2. Adobe Illustrator is a computer software that enables users to design, modify and edit vector graphics

More information

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the times, too. One thing that hasn t changed is our mission

More information

Ferrysavers Brand Guidelines

Ferrysavers Brand Guidelines 2 Contents 3 4 5 6 7 8 9 10 11 12 13 Introduction The Ferrysavers Logo Protecting Our Master Logo Incorrect Master Logo Application Ferrysavers Family Logos Typography Print Typography Digital Typography

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

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text. CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value

More information

Symphonic Distribution Brand Identity Guidelines Brand Guidelines 2019

Symphonic Distribution Brand Identity Guidelines Brand Guidelines 2019 Brand Guidelines 2019 INTRODUCTION Brand Identity Guidelines and Standards The powerful Symphonic Distribution (Symphonic for short) brand is one of the company s most valuable assets. To maintain the

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

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

Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze="3"> (fo nt s ize="+l"> (font size="-l">

Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze=3> (fo nt s ize=+l> (font size=-l> Chapter 2.. Page Layout and Design 47 There are some limitations to using fonts. Although there are many fonts to choose from, for users to view those fonts, they have to be registered on the user's system.

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

Excel Basics: Working with Spreadsheets

Excel Basics: Working with Spreadsheets Excel Basics: Working with Spreadsheets E 890 / 1 Unravel the Mysteries of Cells, Rows, Ranges, Formulas and More Spreadsheets are all about numbers: they help us keep track of figures and make calculations.

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

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

Logo & Brand Identity Guidelines. Media Sonar Technologies

Logo & Brand Identity Guidelines. Media Sonar Technologies Technologies Logo & Brand Identity Guidelines 0 Contents 1.0 Logo Specifics 2.0 Typeface Details 3.0 Icons 4.0 Colour Specifications 5.0 Logo Styles (lock-ups) 5.1 Logo Best Practices Logo Construction

More information

Web Design, 5 th Edition

Web Design, 5 th Edition Typography and Images Web Design, th Edition Chapter Objectives Explain webpage typography issues Discuss effective use of webpage images Describe image file formats Discuss how to prepare web-ready images

More information

JABRA CORPORATION GRAPHIC STANDARDS MANUAL

JABRA CORPORATION GRAPHIC STANDARDS MANUAL JABRA CORPORATION GRAPHIC STANDARDS MANUAL A simple reference guide for how to use the JABRA Corporation logo in real-world communications applications. INTRODUCTION Corporate image is a valuable asset,

More information

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs 1400 1500 1700 1800 Humanist Sans Serif Transitional Sans Serif Geometric Sans Serif Display Typefaces 1900 2000 Pre-Venetian

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

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

Part 01: Logo, Typography & Colours. Brand Identity Guidelines 2015

Part 01: Logo, Typography & Colours. Brand Identity Guidelines 2015 Part 01: Logo, Typography & Colours Brand Identity Guidelines 2015 At a glance Logo Typography ITC Caslon No. 224 Univers Georgia Arial The core elements of the Arts Council identity makes our brand instantly

More information

A question of character Typographic tips for technophobes II

A question of character Typographic tips for technophobes II In this fourth Tantamount Guide, we take a close-up look at some special features of characters and punctuation and also touch on some grammar issues. Typographic tips for technophobes II Capital letters

More information

FileMaker Pro 7 version of 3.8 Practical skills Presenting information

FileMaker Pro 7 version of 3.8 Practical skills Presenting information FileMaker Pro 7 version of 3.8 Practical skills Presenting information Creating a report Screens 1 to 15 show you how to create a basic report using the New Layout/Report assistant. Switch to layout view

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

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

DIGITAL BANNER ADVERTISING GUIDELINES

DIGITAL BANNER ADVERTISING GUIDELINES 1 DIGITAL BANNER ADVERTISING GUIDELINES Version 1.0 March 2017 This document is subject to periodic revision. Please check www.leeds.ac.uk/comms to make sure you have the most recent version. Contents

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

Principles of Typography

Principles of Typography Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good

More information

Wishes Script. the best way to express your greetings

Wishes Script. the best way to express your greetings Wishes Script Typesenses the best way to express your greetings Typesenses sabrina m. lopez www.typesenses.com typesenses@live.com.ar facebook.com/typesenses Twitter: @Typesenses Designer Wishes Script

More information

CALLUM MCMURRAY DESIGN PORTFOLIO

CALLUM MCMURRAY DESIGN PORTFOLIO CALLUM MCMURRAY DESIGN PORTFOLIO Contents 02 About Me: A short description about who I am, what I can do and what I enjoy. Self-Branding: Logo and Brand: My project to create a brand to represent myself

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

Third Party Identity Guidelines

Third Party Identity Guidelines Third Party Identity Guidelines Introduction Introduction This document has been developed to provide anyone using The Wolfson Foundation logotype with clear guidelines on how the brand identity can be

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

Design Development Documentation

Design Development Documentation Design Development Documentation Preliminary Logo One For the first logo design in which I created I started off with a clipart image of a clenched fist in which I traced within Photoshop. I chose this

More information

Introduction. Definitions. Contents. Rusland Horizons

Introduction. Definitions. Contents. Rusland Horizons Brand Guidelines Rusland Horizons Introduction Definitions The purpose of these guidelines is to explain the use of the new brand style for Rusland Horizons and to reinforce consistent application of the

More information

DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK

DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK CREATION DATE: FEBRUARY 2018 ISSUE 01: BRAND GUIDELINE CREATED FOR: DMD Diamond www.bit.diamonds

More information

Typography/ Layout and Design

Typography/ Layout and Design Typography/ Layout and Design What is typography? It s the study and science of fonts. Using typography is almost an art, and it takes practice to learn to use it correctly. Type is not just text that

More information

Our brand guidelines. Our photography

Our brand guidelines. Our photography 1 brand guidelines photography Hello. We re the Motor Ombudsman. Please give this document your full attention. It should help you get to know more about us and our corporate guidelines. 2 This section

More information

sav me Passion Life The

sav me Passion Life The WWW.AD-REPUBLIC.COM AD REPUBLIC BRANDING PROFILE 2018 WE CHANGE THE WORLD ONE CLIENT AT A TIME The Importance of Logo Design and Online Branding Your logo is a visual corner stone of a company s brand.

More information

Multimedia Design Principles. Darnell Chance August 2005

Multimedia Design Principles. Darnell Chance August 2005 Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography

More information

Primary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application.

Primary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application. Primary Logo Corporate logo - primary The elements of the logo may be arranged in two predetermined configurations: the primary logo (which also has a small version and the centered logo. The centered

More information

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.

More information

One Program s Experience in Web Development

One Program s Experience in Web Development One Program s Experience in Web Development Maryland Sea Grant Jeff Brainard, Assistant Director for Communications SEA GRANT WEEK, OCT. 10, 2016 What Maryland Sea Grant needed in a redesign of www.mdsg.umd.edu

More information

BRAND STANDARDS GUIDE UPDATED 9/15

BRAND STANDARDS GUIDE UPDATED 9/15 BRAND STANDARDS GUIDE UPDATED 9/15 LOGO USE THE LOGO EXACTLY AS IT IS DESIGNED. The logo and positioning line are the results of research and creative development - as well as a rigorous approval process.

More information

Logo. Logo. Symbol. Wordmark

Logo. Logo. Symbol. Wordmark 1725 Windward Concourse, Suite 300 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 FAX 678-990-0951 Introduction... 1 Logo... 2 Clear space and minimum size... 3

More information

IDENTITIES ARE THE BEGINNING OF EVERYTHING. THEY ARE HOW SOMETHING IS RECOGNIZED AND UNDERSTOOD. WHAT COULD BE BETTER THAN THAT?

IDENTITIES ARE THE BEGINNING OF EVERYTHING. THEY ARE HOW SOMETHING IS RECOGNIZED AND UNDERSTOOD. WHAT COULD BE BETTER THAN THAT? BRAND GUIDELINES IDENTITIES ARE THE BEGINNING OF EVERYTHING. THEY ARE HOW SOMETHING IS RECOGNIZED AND UNDERSTOOD. WHAT COULD BE BETTER THAN THAT? Paula Scher Paula Scher is an American graphic designer,

More information

THINGS YOU NEED TO KNOW

THINGS YOU NEED TO KNOW TYPOGRAPHY THINGS YOU NEED TO KNOW to prevent your work from appearing amateurish. (p. 151) Only one space after punctuation (p. 152) What is monospaced type? (p. 152) Correct Quotation Marks (as soon

More information

Contents. Introduction Page 2 Pre-Production Page 3 Production Page 5 Conclusion Page 7

Contents. Introduction Page 2 Pre-Production Page 3 Production Page 5 Conclusion Page 7 Contents Introduction Page 2 Pre-Production Page 3 Production Page 5 Conclusion Page 7 1 Introduction This is the evaluative report for my 3D character animation show-reel. At the end of the second year,

More information

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand ONE K CREATIVE tools for social impact storytelling: CREATING A CONSISTENT BRand key elements to define for brand consistency DEFINING THE BASIC ELEMENTS OF YOUR BRAND ALLOWS YOUR TEAM - STAFF, BOARD MEMBERS,

More information

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke PARTS OF THE LETTER Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke (stem).

More information

NEW BEGINNINGS. Our Visual Identity Version 1: July 2015

NEW BEGINNINGS. Our Visual Identity Version 1: July 2015 NEW BEGINNINGS Our Visual Identity Version 1: July 2015 1 hello The National Opera House is Ireland s first purpose-built opera house, an award-winning building situated in the historic heart of Wexford.

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

Brand Guidelines. version

Brand Guidelines. version Brand Guidelines version 2017.1 Primary Logo The OPSWAT logo is a universal signature spanning all of our communications. Because it is such a recognizable and highly visible asset, it s important that

More information

Lumin Lumin Sans Lumin Sans Condensed Lumin Display

Lumin Lumin Sans Lumin Sans Condensed Lumin Display Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Lumin Lumin Sans Lumin Sans Condensed Lumin Display OpenType font family supporting Latin based languages

More information

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY Prepared By: The Branding Task Force as directed by the Division Directors and the Otter Tail County Board of Commissioners. Manual Version Control Version

More information

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.

More information

BBN ANG 183 Typography Text colour: vertical and horizontal spacing

BBN ANG 183 Typography Text colour: vertical and horizontal spacing BBN ANG 183 Typography Text colour: vertical and horizontal spacing Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/spacing 1 / 43 outline

More information

> album art. > objective(s): Students will create a album art design for an existing artist's "next" release that utilizes imagery and text

> album art. > objective(s): Students will create a album art design for an existing artist's next release that utilizes imagery and text > album art > objective(s): Students will create a album art design for an existing artist's "next" release that utilizes imagery and text > curricular focus: This lesson emphasizes thematic design (design

More information

User Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming

More information