Category: Student work

Staircase

                                                                                       Staircase illustration

 

On Monday, we have been assigned to create a book cover that will narrate the story of the book. I have chosen the “Staircase” as my theme for the book cover.It was a story about a man who was barely sick and placed at the 7th floor, however as the time passes by he is moved to the ground level. Even though he wasn’t very ill, he ends up being on the ground floor and therefore, in the grave.

As, the story began at the top floor of the  hospital, and I drew a staircase that started from the title of the book (upper floor) and ended with a photo of a man hugging Death (last floor-grave).The idea behind the picture is , man led himself into the death. I drew a black mantle and a scythe over the   woman to represent her as a death. I  used a black marker to make an illustration of  the staircase and Death, as it looked more dramatic.

Creation of the Penguin Cover

Original Cover

 

On  Tuesday, we have been given a task of creating a penguin cover. It was a first time  I was using and an InDesign program. I found it very confusing at first, but we had been given a recorded video which helped a lot. The most confusing part was the creating of Penguin Books logos, as we had select, crop, reflect and then shaped the ovals, that were added to one shape. I have spent a lot of time on completing the task, but it was worth it! 😀

 

Cover created by me

 

The cover of my book was inspired by a Netflix television series, which was “Emily in Paris”. I have chosen “red” as a main color, because it  represents “Love” for me and “Emily in Paris” is all about romance. I have decided to place the penguin at Trocadero, as it would reflect the theme of the book more. The title of the book is also in red color, as it creates a connection between the upper and the lower part of the book. Initially, the file was in PDF format, but as i converted it in JPG, it lost its quality. Overall, I have enjoyed the freedom of designing the cover, as it let my put all thoughts and creativity in it.

Exploring Typographic Hierarchy

For this project, we had to use Adobe Indesign to create a cinema brochure for the Reading Film Theatre. I wanted my design to be clean and contemporary, using red as the accent colour, to put emphasis on certain elements of text. To continue with this simplistic look, I only used one typeface, but used intrinsic valuables, such as size and weight of the text. This will hopefully allow the viewer to see a distinction between the different elements of the brochure. For example, I put the contact information for the theatre in italic and made it smaller than the main body of text.

Here you can see my initial design sketch:

 

Here is my first brochure design:

After a blackboard feedback session, it was highlighted that the lack of colour variation removes the importance of the highlights of red. It was suggested to use the tint tool on Indesign and create varying shades of red to allow the largest emphasis to be on the titles of the movies. I also used this tool to add some grey tones into my design to add further contrast. Continuing with this idea, I also incorporated more variation within the main body of text, allowing a clearer hierarchy of information. Finally the alignment of the title in my first design was pointed out as being a little confusing. As a result, I took some steps to try and make this more logical and more visually appealing.  Finally, we had a peer review session in class where we were able to give feedback on each other’s brochures. Taking this advice on board as well, I refined my design.

My final outcome can be seen below.

I really enjoyed this project as it allowed me to explore Indesign and put my new knowledge about typography into practice. I also found the feedback sessions extremely useful and I am very grateful for all the advice I was given from both other students and tutors.

command, return

Last week in TY1INT we were given a mini week project to design a cinema leaflet of film listings. The project prompted us to think about the reader and how we could make the experience of reading a cinema leaflet easiest for a range of different users.

By the time I began the project I had already forgotten the shortcut for applying a paragraph style to text in InDesign. And now I’ve finished, I doubt I’ll ever forget it.

This project really helped me get a feel of using InDesign for my own work, outside of technical sessions where help is always at hand. I find that learning this way helps me remember shortcuts and learn handy things about the toolset provided in Indesign and how to use it to create interesting yet useful things.

I didn’t focus on the aesthetics of the leaflet as I wanted to get to grips with using a hierarchy of text in an applied manner. To start off with I found Reading film theatres logo to give the leaflet more of an identity and give myself a guide as to what colours to use. It was fun to see the variation of style you can achieve with a limited colour guide and using only one (or two) typefaces.

After today’s feedback session, I am aware of some errors made in my design that I will look out for in future work, including correct hyphenation, and being aware of separating info on line breaks.  Overall I am quite happy with my outcome and maybe next time would focus on adding more visual identity to the leaflet.

cinema listing v04

 

Japan in a Coffee Cup

So for the ideal gifts project i was working with a story about a trip to japan, my partner described Japan as an entirely different world. This got me thinking. How could I actually create another world? The idea i settled on was have a bubble that represented another dimension which contained some symbolic elements of Japan.

I was then given the random word of coffee. I had seen a trend in kawaii Japanese artwork using drinks bottles as containers for their artwork and thought this would be a brilliant way to convey my idea. So here we have Japan as coffee.

My Film Flyer

My cinema brochure. I experiment a bit with different layouts when it came to making my brochure, however will admit to going a bit off the brief as I wanted to explore looking at a design with the days at headings, as I noted that Tuesday, Thursday and Saturday were the days of film showings. I actually was quite happy with the final outcome, using black, red, and white for the whole colour scheme, as we were told we could add in just one more colour. I chose red of course, as it matches with the feel of a cinema and the red carpet. I do wish I’d perhaps used a bit more red, or had the time to create some kind of logo that linked with the key colours to link my brochure together a bit neater, and a logo always helps to look more professional or branded.

I used different fonts to help separate text, and messed around with using bold as well, as way of highlighting which films had subtitles and audio description, I didn’t want to make this detail too over powering, but enough that it clearly stands out for the reader. I used the red to highlight dates and times, including the ‘Autumn Term 2017’ at the top. As in my opinion, making sure the dates and times are clear, is one of the most important aspects, because if the audience can’t even tell when a film is showing, there is no way they’ll bother to book a ticket.

I definitely could have improved on my design in a could ways, such as at second glace I note there is spacing on the top row, and could have been made to be a lot more even. I did actually enjoy this task more than I thought I would, but to improve would next time want to add some small graphics or illustration.

Reading Movie Time

Reading Film Theater final

The project was to design a Reading movie leaflet for an International audience and family.

It was difficult to try and put all the information in (2) two columns at the same time make it legible and readable for the target audience but over some time I was able to overcome this difficulty.

I originally wanted to follow the University of Reading logo colour red as my background colour but was told from the peers feedback that it was not ‘aesthetically pleasing or easy on the eye’ for a movie leaflet so I choose a darker shade (maroon) as my background colour so that is can have a better contract with the white text.

I use a basic layout of the border around the edge with a white box at the bottom with a maroon colour text so the information would not blend in with the movie listing information and give it a bit of a hierarchy. The result made the text easier to read and stands out the most. Overall, it was effective.

When printing this work I found out I made a lot of little mistakes that I could not notice on the screen such as some spacing issues, line lengths and cutting someone’s name in half. I Should try to make sure to keep a consistent layout and make sure to pay close attention to the detail. Overall, I think I did really good work.

Information design is fun

While doing this task I learned that it can be hard to keep track of all the different types of data you might need to handle when doing information design. I thought that my stylings were sufficient but on closer inspection I missed highlighting a lot of information, such as what language the films is and whether the film has subtitles or not. I also now have a greater appreciation for how hard its can be to get all of your information on one page, as it took a lot of adjustments so that the text fit snugly within the margins of one page. Feedback indicated that my decoration clashed with some of the information for the films, so I increased the transparency so that the text contrasts more with the background decoration.

Safety signs

I’ve found that there are different categories that are common withing the signs. Overall, most of the signs were yellow to attract attention and to alert people. On some occasion, the use of a blue and white text was used.  I categorized my work with the message of the sign. There are a lot of signs around shops to make sure that people are following the rules.

The Devil’s in the detail

Brief

1) Choose one of the three suggested fonts. Using the letters ‘c a d b u r y’ draw how you would expect these letterforms to be presented in your chosen typeface.

2) Choose one of the three suggested fonts and complete the partially hidden letterforms.

 

Process

  • Task 1: When recreating this typeface it was really helpful to have a scaled example directly above it. I was able to draw many measured reference lines which helped me to get proportions such as line width and x-height as accurate as I could. Where this helped me with general dimensions such as x-height and tracking, there were some elements of each letter which I did not figure out accurately. For example, I provided the ‘y’ in the first task with a very round and curved descender but this typeface actually has a much more straight descender such as is presented in this blog post. Furthermore, I drew a single story ‘a’ as opposed to a two story ‘a’, which was incorrect for this typeface. Though not perfect, I am quite pleased with the contrast on each of these letters and I think they are rather well proportioned to one another.

  • Task 2: This task I found much simpler. Different sections of each letter were removed and we had to fill in the gaps as accurately as we could. Having observed what many of the letterforms should have looked like after finishing the first task, I had a much better idea of what to recreate here. Similarly to the first task, I drew out reference lines after measuring the scale of these letterforms. Whilst the proportions are quite accurate, I missed some very simple but key details within the letterforms themselves. The crossbar of the ‘e’ is presented slightly too thick. This could have been an error in technique when going over my sketches in fine liner. I also managed to overlook some subtle detail in the letter strokes of the ‘d’ and ‘n’. When compared to the official font, the strokes taper inwards slightly at the ends of the stroke next to where the shoulder joins. Additionally, my letter ‘a’ is too a-symmetrical. This typeface also adds a spur to the ‘a’. I found this to be quite uncharacteristic compared to the rest of the typeface which is why I unknowingly missed this detail.

 

Reflection

This project taught me to look, look again, then look again harder, especially when something seems rather simple to begin with. There is such a huge variety of typeface available these days, but no two are exactly the same and so it is important to be able to pay attention to the minute detail as it all comes together to create the unique font.