After researching we sketched out rough thumbnails referencing the list of content we made earlier. This features content not found anywhere else on the STF website or blog, such as the stages of creating a typeface, interviews, articles, font sites, exquisite
corpse type game etc.
In creating the layouts we took in to account the effects and gestures we could use and also how these are indicated with a set of icons. It’s also important not to have too many pages or large media which will increase the file size. We’ll use the STF colours and stripe pattern to give it an identity, but we want to vary the header type slightly and not use our brand font ‘Enriqueta’ as much.
Some more research into app functionality. George downloaded some free issues from different magazines do that we could see how they use the interactive features in their issues.
This comes from Wired magazine and is a good use of how scrollable frames could be used. The page is just an image with a title when it is first loaded, but the tab at the bottom of the page prompts users to scroll to reveal the text of the article.
Today we were researching how different magazines use interactive elements to enhance the reading experience. Looking at this page the image is full screen with minimal info, the light beam is also animated. By having a pull up area it gets a lot of text in to a small area but still has visual impact when the large image has space around it.
So here is the finished flipbook mock-up. The sizing works well as it fit into your pocket, but the text is still easily readable.
I have used two different positions for the columns of text, which are top right and bottom left. I used top right for larger blocks of text to allow spacing on the left where the book will be joined with a pin.
I tried to condense the information that is in the full brand guidelines publication that George designed. A lot of this information isn’t really needed in this copy, as it is more or a quick reference guide for colours, fonts and sizes.
The final copy should have more padding on the left and the right, but this has been cut off with the scaling on my printer.
This is a small version of the branding guidelines which Megan has adjusted from my original A4 landscape pdf. With this version we can easily reference the STF colour values when designing. We will print it on the same paper used for the other items in the promo pack.
Yesterday me and Megan put together the brief promotion packs to be sent out to feeder colleges and universities. They included a folder with hand cut logo, A3 poster, A5 flyers, Tear poster, Manifesto, Intro letter and printed address label. Originally we wanted to send out other items to give a wow factor but we felt they weren’t necessary for everyone and would take up more time. We needed to send them out as soon as possible to give time for postage and for students to work on the brief before the deadline on 3rd May.
We will be producing extra items to promote STF in general such as tote bags, pencils, badges, guidelines, flipbook, 3D logo, business cards and iPad app.
Ways of showing type anatomy. For certain letters we are going to do some simple animations. I like the use of circles to highlight areas and the blue lines to represent areas. Link1 Link2 Link3
As part of the STF app we are creating an a-z of type terms. I blogged about a feature I saw in Computer Arts a while ago but heres the online version
Spent today in Uni with George working on some more adjustments for the site. Last week I coded a page for the brief submissions using Lightbox, but I couldn’t add links to the description part of the box. So I used a different version of the slideshow called FancyBox. This was still tricky to add the description, but I found a way to do this.
This version also allows the used to use the next/previous arrows to navigate through the images and it also has support for moving GIF’s and videos (which we will need for submissions).
I’ve already added the two submissions that we have received already, and also used other specimen sheets that we had for the initial submissions that Tim collected.
All we need now is some more submissions!