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!
Last week I was on a placement at Modern Designers. They’ve got a really nice spacious studio in the Northern Quarter and their work is mainly branding and identity across different platforms.
I had been a follower of their work for a while after researching them for the self promotion brief in second year. I’m a big fan of their work for Creative Tourist, which they run and maintain in-house.
I was given the job of designing a website and identity for one of their photographer clients. At the start of the week I thought it would be pretty straight forward. BUT I found it to be really difficult. It was hard to adjust to creating something unique so quickly, where usually I take my time and do plenty of research and sketches over the 6 weeks we get at uni. Also rather than creating just 1 outcome I needed to do an alternative version to give the client another option. I also helped them out with a few mini jobs updating copy on posters and cutting out mock ups for a book they’re doing.
I enjoyed the experience and the people there were really happy to help me out when I hit a creative barrier. They’re now going to take my work and develop it further and present it to the client as I didn’t fully complete what I was asked to do.
App Review - Sun
Sun App for iPhone/ iPod touch and iPad is very different from your average app from the iTunes Store. It is free, but to get it you have to go to the web browser on your device and save it to your home screen in order to create the App icon and view it. This is known as an iOS web app. Below are definitions from Jason Mayo’s mobile class…
Are coded / designed with a specific programming language (Objective C for iOS, Java for Android). These mobile applications are fast, reliable, and powerful but are tied to a mobile platform. That means you must duplicate them using the appropriate programming language in order to target another mobile platform.
Web Apps / Sites
Are available on every mobile platform, because they load up through the Mobiles web browser. They can work on any mobile device because they just use generic coding languages.
Sun app looks great and makes use of gestures you would find in a native app such as pinch and swipe. I like the simple layout of information and icons but the colours would be better matched to current temperature. Getting to the information also took me time to figure out as gestures aren’t made clear. It’s also a bit buggy and inaccurate at times.
There are loooaads of weather apps around, some more detailed than others. But the one I would recommend is the Met Office. Even though it doesn’t look too great it’s still very easy to navigate and information is detailed but quick to look at.