Style Guide Research: Typeface

At the end of this week (Fri 17th) as a team we needed to have a style guide ready for the game, which we started in Derek’s lesson. We had a rough outline of the key words that summed up the brand, eg interlocking shapes the number 4, geometric Islamic patterns etc refer to the brand workshop blog for more info.  However we need a refined brand by the end of the week (suggested by Adam), so we needed to explore these words further and finesse our guide, by defining the typography, layout and movements we wanted to include. Therefore it was my job to research into these areas and try to form a finalised style guide for Hurry Hurry Heal Me.

 

 

Research

For reference I looked at the Publisher Hub style guide to give me a better idea of what we had to achieve and what we should include in the guide.

 

 

Overall I felt the book was much more in-depth than what I’d be able to achieve, with there being far more sections that wouldn’t be necessary for us, eg logo page layout or materials, as these referred more to a physical printing than to digital games and so wouldn’t be included in our guide. However I found it useful in giving me a clear structure to work from and actually know what one is as I wasn’t sure. Learning that for each header it is a good idea to have 6 words to describe it and then example images/ diagrams explaining the heading  and dos and don’ts of the brand, making it very clear what needs

 

 

 

Typography Research

As came up within Derek’s branding workshop the idea of interlocking geometric shapes was a key part of our brand and so I decided to research into type that utilised this to identify if interlocking shaped font would suit the identity and feel of the game.

 

screen-shot-2017-02-16-at-14-11-36 screen-shot-2017-02-16-at-14-11-45

Source

 

screen-shot-2017-02-16-at-14-13-05

 

source

 

 

 

screen-shot-2017-02-16-at-14-14-20

Source

 

 

 

 

 

screen-shot-2017-02-16-at-14-15-02

 

screen-shot-2017-02-16-at-14-15-06

 

Source

 

screen-shot-2017-02-16-at-14-15-59 screen-shot-2017-02-16-at-14-16-02

Source

Thoughts

  • Too modern – Picture Perfect shapes – too rigided no character to the type – With are game being about stress I feel it needs to have more emotion or character to the font.
  • Doesn’t capture the arabic art style of the game – Too blocky doesn’t work with the rest of the art style- I feel something more scripted and elegant is needed to suit the elongated characters and Arabic art style of the game

 

 

 

Pinterest Search

Using Pinterest I tried to find more traditionally scripted Arabic font, to help me identify if this style would better suit the style and mood of the game compared to the geometric font.

 

Key Images

screen-shot-2017-02-16-at-14-17-42 screen-shot-2017-02-16-at-14-17-54 screen-shot-2017-02-16-at-14-18-00

 

 

 

 

 

 

 

 

https://www.behance.net/gallery/17173183/Spirit-Arabic-Calligraphic-Script?utm_medium=email&utm_source=transactional&utm_campaign=project-published

 

 

screen-shot-2017-02-16-at-14-18-13 screen-shot-2017-02-16-at-14-18-33 screen-shot-2017-02-16-at-14-18-37

 

screen-shot-2017-02-16-at-14-18-43

 

 

https://www.behance.net/gallery/19757125/Colorful-Arabic-Typography-1

 

 

  • Handwritten feel – More free – Not pixel perfect – Character
  • Small accents – lines and diamonds – adds more detail and character
  • Different colour for different words – More fun and lively feel – Less formal more fun

 

 

 

 

Putting text into a shape – diamon, square, rectangle etc – could be useful to do for us to relate to 4 ?

screen-shot-2017-02-16-at-14-51-22 screen-shot-2017-02-16-at-14-51-28 screen-shot-2017-02-16-at-14-51-37 screen-shot-2017-02-16-at-14-51-54

 

 

 

 

 

 

Moroccan Typeface

screen-shot-2017-02-16-at-14-22-06

 

Thoughts

  • Too generic – not exciting or original – Prefer the arabic fonts above – More character and liveliness about them.

 

 

Arabic Typeface Blogs

Blog 29

Beirut 

 

 

Arabic Type

screen-shot-2017-02-16-at-14-24-10 screen-shot-2017-02-16-at-14-24-16

When searching through blogs on Arabic font I discovered these images which were a set of traditional Arabic fonts.

  • Useful for reference – Know exactly what is traditional Arabic font.

 

Arabic Fonts on Arabic Type Blog

 

 

Blog Post on Great Arabic and Great Sans

 

screen-shot-2017-02-16-at-14-28-51 screen-shot-2017-02-16-at-14-29-01 screen-shot-2017-02-16-at-14-29-44

 

 

 

Decision on Font

Narrowing down the options

  • Talking over with Bobbie
  • Narrowed it down to these 2 fonts – both Arabic feel – clear font
  • Contained the arabic expressions – flicks, juxaposition of the sweeping curves and the straight – Links to our geometric and elegant feel to our game
  • Clean and clear – Not too much fuss

screen-shot-2017-02-16-at-14-26-08 screen-shot-2017-02-16-at-14-26-11

Final Decision

 

screen-shot-2017-02-16-at-14-26-11

Decided on this font because:

  • Felt it was more elegant than the other one – pointed ends – links to the pointed elongated features on the characters  better suit the game

 

 

Issues

 

I’ve realised an issue with the font we have selected is that for it to look Arabic I need to actually write in arabic to gain arabic style to the font, which is probably stupid of me to not realise but now I have and its a big poop.

I tried to search for fonts that had an Arabic style but were an English font and it was near on impossible. What am I doing to myself? I can’t find anything gahhh. It’s so difficult to find something that is Arabic looking in terms of an English font, so it looks like I will need to design and create my own font for the game in order to gaint he type of font I am after.

 

Plan

  • Research into more aspects of the style guide, eg layout, shapes etc.

 

 

Advertisements