Thursday 16 January 2014

End of module evaluation.

I started off the module with little clue of what I was really interested in and unsure of a topic which would synthesis practice and theory as the module asked for. My initial idea during the summer break came from watching several documentaries and films based around the 1980s and it was to investigate into future ideologies based on the knowledge back in the 80s as an 80s perspective. This was the basis of my context of practice proposal form but later realised, after several presentations and mountains of research, that this was the wrong focus and really my topic was all based around the fascination of the computers introduction and its effect on design in the years to come. Sitting down with my context tutor I then realised that this was too broad and needed narrowing down further. So after much discussion I finally came to my topic which focussed on how the introduction of the computer and other digital platforms affected typography.

My written element looked at the question ‘How did the introduction of the computer and other digital technologies influence and change typographic design?’ and I found that researching the topic was very easy because as I found numerous sources, books journals and online, that discussed directly the subject that I looked at. I found the process of researching enjoyable because I was enthused by the final topic I had chosen and whilst writing could see a practical piece that would work great alongside and synthesise.  I researched into areas of type and visuals that I never really looked at or studied in much depth such as letterpress, email and font file systems and found it intriguing. This was an easy process and one of my strengths however referencing and word count I struggled with until the very end but was eventually happy with the substantial written piece I had achieved.

To synthesis with the written piece my practical was to design a digital typeface which had the appearance of traditional to show the trends and cycle within type design back to traditional aesthetics. As I had learnt in my writing I need to distribute the font in a suitable way and because my concept is to explore traditional and digital it made sense to create a print and screen based version of a type specimen book. The content within would explain the types concept and purpose. 

Strengths during the project were web coding skills as I am pleased with the outcome and how it functions. I have kept navigation to a minimum to follow the simple folding methods of the specimen booklet which allows the user to view the visuals at ease. Again follows my concept of digital type being easier than traditional. 

Deciding on my initial topic to focus on was difficult to me as at the end of the second year I was unsure of what type of designer I really was. By leaving this so late in the module to decide upon meant that my research had to be re done when I should have been writing so this held me up massively causing elements of the practical to be rushed such as the final printed production. I am slightly disappointed with how the final print turned out because with the lack of time I had left myself after finishing the writing meant that I was unable to source better stock so the printing quality and overall visual is poor. It does not match the pure white colour of the website which I was hoping for but was suitable for folding as I desired. With the website I am disappointed with the lack of scrolling effect as I had mentioned when mocking up and creating my design sheets but again I would have needed more time to develop the coding to work properly.

To tackle these weaknesses next time I would look to manage my time much better and making decisions much faster so that the process can be speeded up. With this poor judgement of time I also left contacting letterpress studios for primary research too late which gave little time for them all to reply fully. Next time I would complete this earlier in my research stage so that I would leave adequate time for a full response. However I did learn a lot with the little responses which I received and they played a direct part in the content of my practical and its’ production. Time management is still a major concern for me and has affected me greatly during the whole of this module causing me to not include certain elements to my designs as not enough time to figure out how they would work. Photo skills are terrible too and have resulted in my finals looking poor on my presentation boards in the future I am going to look at investing in better lighting system or getting someone else to take them. 

Overall I am relatively pleased with how the module has turned out as a whole. During the process I have realised my love for digital typography and the manipulation of it but also print production methods once again. I feel that my practical synthesises well with the written element as I have visually created a font that represents my direct findings within chapter four but I have also had to adapt to suit digital, legibility and the audiences needs that was discussed throughout the investigation.

Design presentation boards.

Practical- Printed finals.



Practical- Final web visuals.


Practical- Rationale.

Throughout my written investigation I researched into the effect which the computer and its introduction had on typography and found that recent trends are reverting back to a hand crafted aesthetic but with production values of computer applications. Characteristics of traditional were once removed completely with the introduction of the computer as irregularities and one offs were dismissed for the preference of mass production. I found that the anatomy of type has remained constant in order to be legible but the tools that are available to create them have changed. My brief was set to explore these findings through a visual investigation resulting in a font which represented them.

The font I have created applies the visual of wood block print into a digital format so that it can be manipulated with ease but still appear printed on the page in a legible format. It began as a wood block printed form, scanned and then manipulated digitally into the relevant point sizes ready for use in a binary format.

Fakery has been chosen to name the font to suggest deception in the visuals and the production behind it. The font has been designed to investigate this authenticity of what the reader of today views when looking at the meaning of a certain typeface. 

Following my research I have presented the typeface in relevant forms for distribution including specimen packs to be easily posted and a digital website. The website is a digital version of the printed specimen book including the same information and has been designed this way to replicate this transition of traditional print to digital screen that is mimicked throughout the practical element and font. 






Further primary response.

Unfortunately this response was too late to include in my appendices as I have already bound my dissertation but it was nice to get further information that I could possibly add to my practical.

Sat Kalsi from Leicester Print Workshop

How do you go about starting to design for letterpress? Do you take a tactile or digital approach?

I start by designing a grid by hand, drawing out a 6 x 6 line grid on the size of paper I will be printing on, I then go on to choosing a typeface to suit the design - where possible I prefer to work with families of typefaces e.g. the same typeface in varying sizes or weights, rather than working with a number of different typefaces. However depending on who you're designing for and what your designing you may be working with a varied number of typefaces.

I prefer a hands-on approach, however I ask students to design their layout digitally and come with some sort of idea of what they intend to set and print, therefore I have a guide of what they're looking to achieve and can help them accordingly. For students who are often working to a deadline and busy timetable, time is of the essence.

What is your preferred way of working with type and letterpress?

With a hands-on approach, I prefer to work as traditionally as possible, however I still use design software.

Do you feel letterpress is just a current trend or do you think print is here to stay?

Letterpress will continue to be apart of the printing community who are currently working with this method of printing as long as others can see the benefits of learning about type and typography - there is no other way to learn directly and deeply about type than a hands-on approach. There is certainly a place for both tradition and digital as well as a combining both.

Please let me know if there is anything you'd like me to expand on, and if I can be of any help.

Wednesday 15 January 2014

Bibliography.

Apps
Bonadies, J. (2012) ‘LetterMpress’ [Apple Mac application] Illinois; mpressInteractive. Available on Apple app store [Accessed 02/01/2014]

Books
Aynsley, J. (2001) A century of graphic design: graphic design pioneers of the 20th century’ London; Mitchell Beazley.
Baker, R. (1993) ‘Designing the future: the computer transformation of reality.’ London; Thames and Hudson.
Blackwell, L. (2000) ‘The end of print: the graphic design of David Carson’ London; Laurence King.
Gill, E. (2013) ‘An Essay on Typography’ London; Penguin Books.
Harkins, M. (2013) ‘Understanding type’ Worthing; AVA Publishing. 
Heller, S and Meggs, P. (2001) ' Texts on Type: Critical Writings on Typography’ New York; Allworth Press.
Hill, W. (2010) ‘The Complete Typographer’ Upper Saddle River; Pearson Education Ltd.
Hillner, M. (2009) ‘Virtual Typography’ Switzerland; AVA Publishing.
Meggs, P and McKelvey, R. (2000) Revival of the fittest: digital versions of classic typefaces’ USA, RC Publications.
Tschichold, J. (1995) The new typography: a handbook for modern designers’ USA; University of California Press.
Unger, G. (2005) ‘While You’re Reading’ New York; Mark Batty Publisher.

Online journals
Carter, M. (1990) ’Typography and Current Technologies’ Walker Art Center. Available at http://www.jstor.org/stable/4091233 [Accessed 15/11/2013]
Cooper, M. (1989) ‘Computers and Design’ Walker Art Centre. Available at http://www.jstor.org/stable/4091189 [Accessed 15/11/2013]
Staples, L. (2000) ‘Typography and the Screen: A technical chronology of digital typography, 1984-1997’ The MIT Press. Available at http://www.jstor.org/stable/1511813 [Accessed 15/11/2013]
Vignelli, M. (2010) ‘The Vignelli Canon’. Available at http://www.vignelli.com/canon.pdf [Accessed 12/11/2013]

Videos
Hughes, K. (2009) ‘bet365.com In-Play betting campaign’ [Online video] Newcastle; Drummond Central. Available at http://www.youtube.com/watch?v=P6KnysIaPes [Accessed 14/01/2014]      
Hugo, M. (2013) 'Coldplay Atlas’ [Online video] New York; BlindPig.  Available at http://www.blindpig.tv/video/63 [Accessed 03/01/2014]

Websites
Bellis, M. (2014) ‘Johannes Gutenberg and the Printing Press’ Available at http://inventors.about.com/od/gstartinventors/a/Gutenberg.htm [Accessed 04/01/2014]
BlindPig. (2013) ‘Coldplay Atlas’ Available at http://www.blindpig.tv/video/63 [Accessed 03/01/2014]
CSUN. (none) ‘David Carson’ Available at http://www.csun.edu/~pjd77408/DrD/Art461/LecturesAll/Lectures/UCLA_DavidCarson.html [Accessed 14/01/2014]
David Carson Design. (2001) ‘Beach culture magazine’ Available at http://www.davidcarsondesign.com/t/2001/06/24/beach-culture-magazine/ [Accessed 14/01/2014]
Drummond Central. (2014) ‘bet365’ Available at http://drummondcentral.co.uk/work/bet365/sportsbook-archive [Accessed 14/01/2014]
Emerge type catalogue. (2014) Available at http://www.emigre.com/EmigreCatalog.php [Accessed 03/01/2014]
Encyclopaedia Britannica. (2014) ‘David Carson (American graphic designer)’ Available at http://www.britannica.com/EBchecked/topic/97120/David-Carson [Accessed 03/01/2014]
Organic Type. (2014) ‘Testominals’ Available at http://www.theorganictype.com/testimonials/  [Accessed 04/01/2014]
Penny, L. (none) ‘A history of TrueType’ Available at http://www.truetype-typography.com/tthist.htm [Accessed 04/01/2014]
Sevcenko, M. (2012) ‘Type design enters the digital age’ Available at http://www.dw.de/type-design-enters-the-digital-age/a-15907567 [Accessed 15/11/2013]
My Fonts. (2014) ‘Specimen catalogue’ Available at http://www.myfonts.com/info/specimen-book/ [Accessed 04/01/2014]

To, K. (2010) ‘Dead words’ Available at http://deadwords.info/ [Accessed 03/01/2014]

Practical- Poster developments.

The poster was quick and easy to develop and complete as it followed the same layout and style as the specimen booklet. I wanted them to be simplistic still to show off the typeface well and follows the inspiration I have looked at as most included a pull out poster. These won't be attached to my actual booklet but will be present within the pack. The content will display the full alphabet along with numbers and glyphs and how it can be used with sentences. I have chosen to include quotes from my primary research in the posters so that the content is readable and relevant. 
Issues that I came across were colour issues when placing the letter images into the document. To over come this difference ready for print I had to export and save the files as flat PNG images so the background colour printed flat with the letters transparent/cut out on top. I made sure that the size was no bigger than C5 so that it would fit in the plastic sleeves I have already bought to package the specimen pack. 








Tuesday 14 January 2014

Practical- Specimen booklet development.

My type specimen was simple enough to design as the layout needed to be simple to follow the research tips I have picked up but also to mimic the look of the website. As my concept is for the website and printed version to be the same to further confuse the audience of what is digital and what is traditional the content, layout and colour choices which the print need to display are pretty much the same. I did a few tweaks with the layout to get something that would display the type visual clearly to the audience and make the letters stand out on the page. I also had to be careful about where the booklet would fold and what would be seen first. The orders needs to follow the website. The front cover was a replica of the landing page with same use of block colour and copy to achieve this. 






I have decided that throughout I will use underline to highlight elements of interest and words in the font visuals that relate to the concept and production directly. 


Practical- Web development.

Now that I have my full alphabet printed, scanned and digitally manipulated I can now begin to develop the coding for my working website. As I have recently done the web workshop I have refreshed myself with the basics again from last year and learnt a few helpful tips that will speed up the production of this leaving enough time to sort out the written element ready for binding. 



I began by working on the landing page and adding anchor points so that it would scroll down to the correct point for the main body. Also added the introductory content to the landing page to visually show of the font before moving onto its use and explanation further into the site. This is to be a direct mimic to the printed specimen book so effectively this is used to replicate the front over of the booklet so that the audience views the font in a similar way on both platforms. This is to question the audience further about the concept of if you can tell what is traditional and what is print. 












After this was completed with all the content in place I began to work on the main website pages. The navigation proved tricky as I soon realised that my wire frame was wrong as I had followed the guides in Illustrator instead of working out myself. Because of this I had to change the variables several times until I achieved a layout which I was happy with and replicated the idea from my scamp. 


'Application' as a word was too long in length so this was changed to 'Apply' so that the navigation bar would look more balanced and centralised. 




Once the navigation was sorted I began to add the content to each page. Following the idea of my scamp I wanted the navigation to remain static on each page in the exact same position. For this to work I added an iframe so that the content could sit within and this would then be the only element to change. This was very difficult to do because of the anchors used to separate the landing element and main body. To overcome I moved the navigation onto each page so that this would also appear inside the iframe. This stopped the whole page going back to the landing page each time a link was clicked.  





 With the book on web coding I was able to link the contact to a email address and the FAQ to a new blank page which contained a great deal of content similar to the information in my rationale but referring to the personality and language to sell the font. The only link I couldn't make work was the 'download' button as this would need to externally link to a working font file which I was unable to create in the end because of the lack of time to learn Fontographer.



Looking back at the web specimen versions I have researched I liked the visual of the scroll where the text stayed still on the page. At this stage I am running out of time to figure out how to do this properly as the designer of that has done. So to create the same visual and movement I split the iframe into another iframe so that this could include just the image. By doing this it would mean the text could remain static in the first column and the other would scroll as aimed. The paragraph was tricky to position and took a few experiments with pixel size for the margins to get correct. 





The overall website took longer to develop than I first imagined but I am pleased with the visual outcome that I have achieved and it works to a standard that accurately conveys my content and purpose to the audience. It took longer because my wire frame wasn't correct in the first place which meant I had to keep tweaking pixel by pixel and this is something I need to work longer on in the future. I would have liked to add an animation to the scroll but unfortunately I have run out of time to achieve this and make it work properly which is a shame as the finished visual quality lacks slightly, especially the transition from the landing page to main content.