Verizon
9: 56 AM
85%
Dérive Search Dérive Process
Typeography 2
Katelyn Plecker
Fall Semester 2014
IP Report Typefaces:
Map:
Verdana –
Design –
Matthew Carte
OCR A Std –
American Type Founders
Myriad Pro –
Robert Slimbach and Carol Twombly
Images: Explore Page –
Katelyn Plecker
Reference – Google maps Fredonia
Icons: Katelyn Plecker
Research Page –
Websites Provided
Design Process Page – Original App Pages – Final App Pages –
Google Maps / Katelyn Plecker
Katelyn Plecker
Katelyn Plecker
Map Icon –
Katelyn Plecker
Reference – Google Maps
Post Office Icon –
Katelyn Plecker
Reference – An envelope
Karen’s Hairem Icon –
Katelyn Plecker
Reference – AIGA Symbol Set
The Brick Room Icon –
Katelyn Plecker
Reference – AIGA Symbol Set
The Opera House Icon –
Katelyn Plecker
Reference – Phantom of the Opera
DĂŠrive
Table of Contents Project Brief....................3 Exploration.....................4 Research........................5 Design Process................6 Final Design....................7 Critique Summary............8
Project Brief Project Overview In this project students will be required to work through several exercises to create a framework for a mobile application. Students will be required to show a cumulative understanding of typographic design. New opportunities for exploring hierarchical grids will be explored.
Project Outcomes Students will be responsible for: 1.) A finished comprehensive conceptual plan for a walking/wandering app. 1.1) The app must provide an interface for the various media made available with a mobile device; i.e., video, sound, geo location, etc. 2.) A digital process book and blog showing typographic, physical, historical, and psychogeographic research. 3.) A 12 page printed process book sewn using a pamphlet binding process.
EX
PL
OR
E>
>
Research>>
Fredonia Post Office Address – 21 Day St, Fredonia, NY 14063 Website – http://www.uspspostoffices.com/ny/fredonia/fredonia
Karen’s Hairem Salon Address – 52 W Main St, Fredonia, NY 14063 Website – https://www.facebook.com/pages/Karens-Hairem
The Brick Room Address – 49 W Main St, Fredonia, NY 14063 Website – http://www.brickroom.biz/
The Fredonia Opera House Address – 9 Church St., Fredonia, NY 14063 Website – http://fredopera.org/home/
Design Process>>
1. Fredonia Post Office 2.Karen’s Hairem Salon 3.The Brick Room
4. Fredonia Opera House
Materials Used>>
Adobe Programs –
Illustrator / Indesign
Photos From Exploration – Typefaces –
Katelyn Plecker
Verdana / OCR A Std / Myriad Pro
Color Palette:
>>
>>
Critique Summary Things that worked: From the Derive exploration, to the final app interface design, there were many obstacles to overcome. With the collection of images during the walk, the color palette came naturally. The challenge then became what information did I feel was necessary to provide witin the app interface pages. I was pleased in the end that the solution displayed the first screen as the homepage, the next contained the post office information, then Karen’s Hairem Salon, The Brick Room Restaraunt, and lastly the Opera House information. On each page there was a use of three typefaces that all seemed to coexist successfully.
Things that didnt: The most challenging part during the project as a whole was to make all four icons of places visited to appear as a symbol set. Dealing with a post office, a hair salon, a restaraunt, and a opera house, I couldnt seem to find a balance. On the second attempt I realized they had to use the same color palette and same amount of simplicity. Also the Oper House page requried more attention for the affect that some-
one would scroll through the bottom three images. I added circle icons instead of an arrow and the one not outlined is the image the viewer is on.
Typeography 2
Katelyn Plecker
Fall Semester 2014