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
      • UI/UX 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
      • UI/UX 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
v4 Draft

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'

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.

Kerning

Final Outcomes

Back to top
Site powered by Weebly. Managed by 34SP.com