Friday, 30 November 2012

Typo 2012 - Special finishing

Achieving the special finish.  As this was aimed at Designers I wanted to achive a special finish.  ie experiemented with Foiling in the Screen Print area.

The post effective was the black on black

I also printed the 1 square posters with Typo Twelve in large ltters across the 12 posters.  I tried foiling the Typo however the lines were too thin to really be effective.  Also the black on yellow was not as noticeable.

I then made the decision to somehow incorporate black into the posters.  The only way I could include laser printing (to achieve the foiling - will only work on Laser ink not inkjet) was to use it like a frame to attach the yellow squares to.  With more time I am sure I could have found a more appropriate solution ie digitally ink jet print then use a screen to foil the black.

Web Design


To view locked code.

Site Sucker

To view source code in Safari Browser
View/View Source

Different Browsers offer different views. A lot of source code includes corrective code for Internet Explorer  and other browsers. ie Opera , Safari, chrome,  Test website on PC/Internet Explorer set up to test websites on Internet Explorer (Has to be live though)

Test websites on every browser and every device.  Iphone, Blackberry, PC Mac. ( Simon charges £200 to have it tested). Simon goes down to Internet Explorer 6 Always design to the lowest common denominator.

Wordpress is a Content management System also create blogs and websites

Can be confusing for non-techncal websites

CushyCMS free with their branding/ mthly fee for your own.
Maximum of five sites on free version.

Uses Editable ranges from your Web Template.

Give [divclass-=cushycms] on your template

Add domain name
Add a customers details with their email address to create an account.
Sign up to Cushy and create a name and email address

To use Cushy need to add code in editable region on your tempalte if on every page or on each page if specific area eg  index .html:
<div class="cushycms">

To add your Domain name

Thursday, 29 November 2012

Typo 2012 Book development

For the first concept crit the format of the book was A5.  I was originally going to focus on ten quotes hence Typo Ten.  The book did not feel like it had much personality with just two typefaces and lots of white space so I decided to experiment with a different formats.  I also changed the main body text from Univers Condensed to Univers 55 Roman which did not look as 'Black' on the page and allowed the words to breath more.( This was also noted at the progress crit)


Also looked at leading and paragraph spacing following feedback from the progress crit.

The Square format worked better.  I printed some mockup off and decided to use a 21x21cm format rather than a 29.7x29.7.  The larger size did not sit as comfortably in your hands when reading it.

I chose the Univers/ Adobe Caslon combination initially following research into typeface combinations.
I followed the general rule of combining a sans serif and serif font.   These two websites in particular proved useful:

The Type Chat forums are also 'fonts' of knowledge about current thinking such as this one about Futura and Helvetica on Typophile:

The Typeface background

The Univers typeface family is one of the most prolific grotesque sans-serif typefaces of the century. Like Helvetica, Univers is based on 1898‘s Akzidenz-Grotesk. However, Univers is unique in that the design lacks superfluous features of any type, creating a design that is versatile and distinctive without being obtrusive. Adrian Frutiger began work on Univers in 1954, completing his design in 1957. The Univers type family has grown to 44 different weights and styles, some of which include Cyrillic characters.
A very important aspect of the Univers family is its modularity. Frutiger wanted to create a series of related designs that were absolutely harmonious with each other. This could only be accomplished by determining the complete family range as part of the design process or by building the family within a strict modular framework. Frutiger did both. Frutiger has continued to improve and expand the Univers family, working with Linotype designers to add new weights and enlarging the character set to include many languages such as Greek, Cyrillic and Arabic. The final iteration of the family, Univers Next – a complete upgrading of the design – was released in 2010.

Adobe Caslon
A long running serif font first designed by William Caslon in 1722 and used extensively throughout the British Empire in the early eighteen century. It was used widely in the early days of the American Colonies and was the font used for the U.S. Declaration of Independence, but fell out of favor soon after. It has been revived at various times since then, in particular during the British Arts and Crafts movement and again each time it went through a redesign for technological changes. It continues to be a standard in typography to this day 
Currently the Caslon font is in wide use and considered the standard for typesetters and printers. The rule of thumb continues to be, when in doubt use Caslon. Because a bold weight was not used commonly to create emphasis in type at the time of the development of the Caslon font, Caslon never designed a bold font weight. This peculiarity of the font style has stayed with it through several revivals. 
The close of the 19th Century has seen three major changes in the technology of typesetting that affected the Caslon font. Beginning with the introduction of hot type and then the development of phototypesetting in the 60s and 70s, we then saw the recent change to digital fonts that began in the mid 1980s. All of these technological changes have seen redesigns of the Caslon font, some with very little similarity to the original font outside of serif and the name. .

At this stage I was attempting to make the type and layout consistent across the whole book however I instinctively felt this was not working.  Andy suggested maybe using different typefaces for each quote. or changing the typeface sizes if they were only short quotes so they filled the space.
In an attempt to maintain consistency across the book I also started using the Paragraph Styles feature in Indesign, something Mike had shown us in one of the Design for Print. I paid more attention to the real details such avoiding widows and orphans. I played around with kerning and tracking. 


As the development progressed I decided to be more experimental with some of the layout where appropriate ie the 'wierd' quote from Manchipp needed to distinguish itself from the others.

I also tried different designs for the Cover page


As this was a book about a Typography event and I had now started using a range of typefaces I decided to add a Typeface index.  This extended my own understanding of the typefaces I was choosing.

I also added page numbers so the Contents and Index would have a reference.  This also added another Graphic point of interest.
Overall I think the book is a success in terms of developing my type and layout skills an also in terms of it makes an interesting read( positive feedback from the Final Crit) The format, colours and foiling all combine to give the book the high end feel I was trying to achieve. I like the saddlestitch binding however the crafting lets it down as I did not have time to use the book binding workshops. Also I did not really think about distribution. I was more focused on researching the Designers and studios and developing my type and layout skills.

Poster spread

I have been thinking how the Typo posters will run as a series and how they will appear on the wall.  I made the decision to make the series of quotes twelve rather than ten when i thought how the posters would work as a display ie 5x2 would not look make as much impact as 4x3.  I was trying to keep to the square format with both the book and the posters but the square poster did not have enough white space and looked cluttered so i made the decision to make them an A format.

This design just looks too busy but I wanted to try out the acetate and foiling.

The foiling worked best black on black.  I foiled the black on yellow 'TYPO' across the posters but the line was too think to be noticeable.  A suggestion at the progress crit was to maybe do the whole thing sold but this would distract people from actually reading the quotes.  The reason for choosing the foil was to provide a 'high end' finish and also attract attention.

Joe Gilmore talked of an idea he used with some photos where he cut the photos in half and displayed one half at the bottom of one spread and the other half at the top of the facing page.  I experimeted this with the Typo twelve across the series of twelve posters.

I think I will go with the A format and print on the mango paper stock and foil the Typo Twelve areas with black

The Loft Space Banner development

Banners are not necessarily perceived as environmentally friendly however they are a cheap effective method of promotion.  I had thought of maybe a Canvas banner but this would still have to be treated to be waterproof so there probably would not be that much benefit.  I have sourced few environmentally companies who supply banners and their  prices are not too much higher than the local suppliers in Huddersfield.

The polyproplene banner is 10O% recyclable and cost £45 for by 5ftx 3ft.
The Bamboo Banner which is slightly more expensive at £65 is 99.6% biodegradable. The main environmental benefit is that it comes from a renewable resource. Bamboo is a hardy fast growing resource that can be harvested four years after planting and then re-grows without the need to replant. The bamboo used in the manufacture of this fabric is grown, without the use of pesticides, on an organically farmed plantation and is not taken from forests. The fabric is manufactured in an environmentally friendly closed loop process and has been tested and certified free of harmful substances according to REACH compliance standards. The fact that the fabric is biodegradable means that it does not have an infinite outdoor life but we are offering a guarantee of three months outdoor use before the fabric starts to degrade.

Banner design which matches up with the Seasonal Branding.

Wednesday, 28 November 2012

The Loft Space Seasonal Calendar events

One area The Loft Space need to promote is their workshops and crafts fairs.  At the moment Janet produces A5 'lists' of events.

I started with a poster which folded into four with a 'calendar' format.  I had been using Palatino from the logo; at this stage I realised it would be useful to incorporate another Typeface. I chose Gill Sans a sans serif typeface.

By using the Gatefold format I was able to fit a lot more information on about the Loft Space, the workshops and how to get there

I also tidied up the type hierarchy some of the titles were in Palatino rather than Gill Sans.

I designed some leaflets with no bleed which would be suitable for Janet to print A4 on her own printer.  The Leaflets with bleed need to be printed A3 or sent for professional print so would be expensive and possibly out of budget.

To push the range further I also incorporated branded and seasonal bags and tags.  These would provide a method of pulling their whole shops product range together (They sell crafts from lots of different Designer Makers)

I also extended the logo to consider how it could work at festive period such as Christmas