BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Initial Layouts & Sizes

Due to the traditional and analogue nature of this project, the size it took, must adhere to traditional consideration. Initially it started as A format, but quickly changed to B format, allowing for more space to work with. B format is the size of the majority of Pengin paperbacks. I experimented with different margin widths and heights, but ended with 18mm, T,L&R, and 25mm B. Again adhering to traditional standardisations.

Another important decision at this stage is the grid structure. Using a 9 by 9 grid as always, but I wanted a slightly reduced inner margins, for sub-headings. So The horizontal grid was set to margins, but the vertical grid was set to page, to allow for this.

                      

BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Digital Website

Before I could make an Analogue Website, I obviously had to make a digital one first. I wanted a website that would showcase my print works, but highlight my interest in web functions as well.
The main functions on my new website are the black box on the left hand side, is a random RGB colour every time you move over it and all of the images for each brief are stacked on top of each other, to be revealed by a bring to front function. Thirdly, and most excitingly the angled type is live, something which I never thought would be possible online. It works by using a web-kitz transform.

BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Context

Post dissertation...

BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Context

Due to the almost impossible nature of of typesetting the content, it would make sense to make up some stereos.

BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Context

Need to consider a few different ways to bind the finished product and in truth, what format it should even take. What production methods will be used.

BRIEF 02 ≈ D&AD MAKE YOUR MARK
—Context

Handsetting all the type was a consideration, but due to the lack of glyphs available it wouldn't be possible. The fact that it would take forever was also a consideration to find an alternative production method.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Keming errors

When the typeface was in use, a few errors flagged up that had been missed in the production and kerning.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Fontographer Glitches

When making modification to the typeface in fontographer, with live text being used in InDesign, the updates often put all of the letters out of sync.

'Grilling toast until I hear the smoke alarm'
-
'Endless cups of coffee'

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Kerning Pairs

                    

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Kerning

Initially I kerned the alphabet from a to z in a linear fashion. Foolishly expecting this to the the only job that needed doing....

...Exported the font file and not only had it seemed to have messed up a few I thought I'd done (a-b, d-e, n-o-p etc) but with a bit of a keyboard bash, I soon realised that when letters are used outside the alphabet there's a whole world of kerning still to do...

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Numerals

Making numerals, based on the previously constructed letterforms. Initially just the numbers from my phone number, but then through to all ten digits.

            

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Fontographer

Everything was going pretty well up til this point. Copy and pasting from Illustrator to Fontographer, produced visuals for each letterform, but actually there was no data present. So to solve this after a few hours of researching and testing, the resolution was to import each letterform as an .eps

I also inserted them with the bounding box shown below, as I found this was the easiest way to keep the x heights in the same location.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Glyphs!@£$%^&*()_{}[]:"|;'\<>?,./ etc

Making the glyphs using all the previously produced letterforms, and studying glyphs from other typefaces.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Context

Another type specimen. G.od use of body copy as well/

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Context

Type specimens for bespoke produce typefaces. Left hand side is pretty standard, but not sure on the usage of the right option, but it works pretty well.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Context

A few interesting layouts for type driven posters/publications.

BRIEF 01 ≈ TYPEFACE PRODUCTION
—Context

So I just wiped my hardrive, and successfuly backed up absolutely everything of any importance, except FontBook. So I just had to re-obtain all the typefaces I could think of. Realistically it was a bit of a waste of time, because I only really use about 5, but it felt weird not having an arsenal of type just in case.