RYATHO | University Website
  • Year 1
    • Introducing Visual Communication >
      • The Comic
      • Technical Skills
      • Drawing & Visualising
      • Colour, Composition & Narrative
      • IT Sessions
      • Workshops
    • Multi-Dimensional Graphic Design >
      • 2D
      • 3D
      • 4D
      • Set Exercise
      • Workshops
    • Collaborative Practice >
      • Wonders of Carlisle
    • Other >
      • West Walls Brew Co
  • Year 2
    • The Designer's Toolkit >
      • Alignment & Hierarchy
      • Contrast & Negative Space
      • Balance & Colour
      • Hotfoot
    • Type & Typography >
      • Hierarchy & Layout
      • Magazine Layout Design
      • Responsive Digital Typography
    • Graphic Design Projects >
      • D&AD: Yahoo!
      • Museum Brand Identity
      • Information is Beautiful
      • West Walls Anniversary
    • The Critical Designer >
      • Research Blog
    • Other >
      • Uptown Gallery
  • Year 3
    • Advanced Design Projects >
      • Design for Exploration
      • Design for Awareness
      • Design for Persuasion
    • Graphic Design Showcase >
      • D&AD: Tuborg
      • Typeface Design
      • Poundshop Packaging
      • Book Design
    • Degree Show >
      • Show Preparation
  • Ryatho.co.uk
  • Year 1
    • Introducing Visual Communication >
      • The Comic
      • Technical Skills
      • Drawing & Visualising
      • Colour, Composition & Narrative
      • IT Sessions
      • Workshops
    • Multi-Dimensional Graphic Design >
      • 2D
      • 3D
      • 4D
      • Set Exercise
      • Workshops
    • Collaborative Practice >
      • Wonders of Carlisle
    • Other >
      • West Walls Brew Co
  • Year 2
    • The Designer's Toolkit >
      • Alignment & Hierarchy
      • Contrast & Negative Space
      • Balance & Colour
      • Hotfoot
    • Type & Typography >
      • Hierarchy & Layout
      • Magazine Layout Design
      • Responsive Digital Typography
    • Graphic Design Projects >
      • D&AD: Yahoo!
      • Museum Brand Identity
      • Information is Beautiful
      • West Walls Anniversary
    • The Critical Designer >
      • Research Blog
    • Other >
      • Uptown Gallery
  • Year 3
    • Advanced Design Projects >
      • Design for Exploration
      • Design for Awareness
      • Design for Persuasion
    • Graphic Design Showcase >
      • D&AD: Tuborg
      • Typeface Design
      • Poundshop Packaging
      • Book Design
    • Degree Show >
      • Show Preparation
  • Ryatho.co.uk
 

Typeface Design
​​​
Graphic Design Showcase

​Project Brief

Brief: Typeface Design
Project Overview

To develop a custom typeface suitable for my own future branding and as a saleable asset for other brands/consumers to use. The purpose of the typeface is to allow me to discover, develop and apply the skills I’ve learnt from previous typographic work into a functional typeface for the typographic market.
The Typeface will be a blend between different styles to achieve something unique, imbued with my own personality and style. Eventual use on completion in my own branding, portfolio and website.

Possible stylings:

• Geometric

• Humanist
• Expressive
​
Example of existing typefaces that i like:


• ​Avenir
• Azo Sans
• Figtree
• Lemon Sans
• Owners 
• Poppins

Target Audience

​Me
Foundries
Designers
Typographic Users looking for a blended humanist geometric typeface

Deliverables

Designed typeface in one weight
Typographic posters showcasing the typeface in action
Finished working font files

Specification

Should be scalable across all sizings of type
Typeface to be assembled using Glyphs 3 (Mac OS app)
Workable files in .OTF or .TTF
Posters displaying the typeface to be A2 format.

Milestones 

Week 1: Research existing typefaces and foundries + f
orm styling and begin to visualise the style
Week 2-9: Typeface Development

Jump to final outcomes

Take me there

Research

Existing Geometric & Humanist Typefaces
Figtree
Picture
Picture
Picture
Picture
Picture
Full typography
Picture
Lemon Sans
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Full Typography
Picture
Owners (Wide)
Picture
Picture
Picture
Picture
Picture
Full typography 
Picture
Azo Sans
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Full typography
Picture
Avenir Next
Full typography
Picture
Poppins
Full typography
Picture
San Francisco (SF Pro)
Picture
Picture
Picture
Picture
Picture
Picture
Full typography
Picture
Futura
Picture
Picture
Picture
Picture
Picture
Full typography
Picture
Archivo
Picture
Picture
Picture
Full typography
Picture
Raleway
Picture
Picture
Picture
Picture
Full typography
Picture
Font Foundries
F37 (https://f37foundry.com/)
Picture
Picture
Picture
The Northern Block (https://thenorthernblock.co.uk/)
Picture
Picture
Picture
A2-Type (https://a2-type.co.uk/)
Picture
Picture
Picture
Tutorials
Type Book
Designing type (Karen Cheng)
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Other
Picture

Typeface Analysis

Picture
Picture
Picture
Picture
Chosen Pangram
Foxy diva Jennifer Lopez wasn’t baking my quiche. 

Letter Sketching

Trying to figure out what the typeface could look like
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Digitalising initial letterforms
Picture
Picture
Picture
Picture
Picture
Realised after drawing only certain letters that I needed to draw the full alphabet. The letters were looking a bit stiff and not very unique.
More letterforms
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Proposed lettering (if they work)
Picture

Letter Development

1st Draft
Picture
Typography sheets
Picture
Picture
Picture
Own analysis
Picture
Picture
v2 Draft
Picture
Picture
Picture
Picture
Peer analysis comparison
Picture
Picture
Picture
v3 Draft
Picture

Weight tests

Whilst the direction and look of the type is fine, I don't feel like it's thick enough, which limits its usability. Want to try adding a second weight (and hopefully crack variable fonts to fill in the 'in betweens'
Picture
Picture

Use Testing

Instagram
Made a carousel of posts to test how it would look online
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Degree show
Using my typeface for the degree show has opened up the opportunity to give it a real test run, across different types of marketing. Below is some examples of contrast testing, colour testing, weight testing etc. Only manual kerning is applied (haven't yet tackled kerning yet).
Colour guidelines
Picture
NDF leaflet mockups
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Social Media
Picture
Picture
Takeaway...
Happy with the overall look of the type, especially in the bolder weights. Kerning is still a big issue, even when manually applied. Some of the letters seem a bit heavier than others - need to sort this.

SPACING & Kerning

Following the guide to spacing and kerning in Karen Cheng's "Designing Type" 
Picture
Spacing & Letter Bearings
Uppercase H - set to 50
Picture
Uppercase O - Set to 30
Picture
Picture
Followed the rest of the guide using the spacings to the right.
Picture
1. 50
2. 40
3. 25
4. 20
​5. 30
Picture
Lowercase the same, using the following spacings as a starting point:
Picture
1. 50
2. 40
3. 55
4. 2​0
5. 25
6. 25
Picture
Picture
Picture
Picture
Picture
Left sidebearings test:
Right side bearings test:
Kerning
Picture
Pangram Testing
Picture
Picture
Picture
Picture
Picture

Type Specimens

Posters
Poster Designs
Picture
Picture
Picture
Picture
Analogue
Really wanted to try and make something different from the usual static poster-type specimens, so I thought of making an easel with a letter on, and some small alphabet cubes with the uppercase on show
Illustrator setup:
Picture
Picture
Crafting:
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
 

FINAL OUTCOMES

Characters
Type Specimen Poster Sets
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Analogue Specimens
Picture
Picture
Picture
Picture
Picture
Back to top
Site powered by Weebly. Managed by 34SP.com