Tuesday, 30 April 2013

Summary of Term 2

Summary of Term 2

At the start of the second term most of the work we did was the same as with term 1. We did more weekly projects like designing adverts and logo for companies. I felt no new difficulties in the beginning of the new term. Then towards the end we got two big projects to do, a design of a kiosk interface and design a app for the ipad. This was a new experience for me in graphic design class and it was hard in some areas, mainly doing a lot more research and background work, but in the end I felt I did well and it was fun to do the big projects, well most of it anyway. The last thing was the blog and the website, which we had done for the whole year, that was nearing the end and it was probably the trickiest one for me because with so much going on with other projects I didn't have many chances to work on it, but still I got the blog up and running and my site is relatively okay so I think I might be able to do well in it. Overall I say the second term had much more to do then the first term with the two big projects we had to do, but still I felt I did well and enjoyed doing the projects.

Tuesday, 23 April 2013

Ipad App Interface Design

 Ipad App Interface Design

For This project we were asked to design a app to be used for the Ipad.

 Research

I decided to do a app that can be used to watch TV shows or Movies on the go. I looked up a lot of different design for any kind of app like this one e.g. Netflix Hulu plus etc., hoping to get some idea about how I wanted the app to look like. 




 

 

 

 

Navigation Chart

 


 This is a simple nav chat showing the basic structure of my app.

 

  Persona Chart

 

 

 

 

 

   

This is a persona chart, which shows who would be interested in the app. Mostly it would be for the young people but also I think it would be used by the older generation to , since almost everyone uses a ipad or even smartphone to watch TV or movies.

 Ipad App Design

 Main Menu 



















This is the main menu page for my app. Shows a variety of different options. Done using Adobe Illustrator. Mostly used shapes, text and gradient.

 Types of Shows

















This page shows you the various types of TV or Movies that you can see in different genres. Done using the same methods as other pages. Also used the pen tool.

 TV Show





This page gives you the info about any TV or movie you click on. Done using the same method as other pages

 Featured




This page shows you if there are any shows or movies featured. Done using the same methods as the other pages.

Video

This page appears if you have clicked on a certain video. Done using the same methods as others

Queue



















This page is if there are any movies or shows you like, then you can add them to your queue, which you send to watch them on your TV or computer. Done using the same methods as other.

Monday, 8 April 2013

Kiosk Interface Design

Kiosk Interface Design

For this project We had to come up with a design for the interface  of a kiosk to use for the new Metro North Railway  

 Research and Development

Different Kiosk Designs

 
Before starting the project I did some research on the Metro North and above I have some pictures that I Took of different types of kiosks to see how they are designed and work.

Persona

 
This is a persona sheet that I did as part of my research. Its to show the kind of people who would mostly use the metro.

Navigational Chart



This is a Navigation chart, which shows the process of where you go after selecting the ticket option on the main page.

Interface Design

 

 Main Menu

This is the main page yo see when you first use the kiosk. There are 3 options Tickets, Route Map and Timetable. It was done using Photoshop using the basic shapes tool type and layer effects. The Ticket option is purple to show that it has been clicked.



  

Selecting Ticket

This is the ticket page, where you go to after clicking the ticket option on the main page. Done the same as main page. It shows the different options for selecting different types of ticket and if you want to purchase more than one.
 


 Zone 

This is the zone page after selecting your ticket type. Again done using the same method as the other two pages.  Here you can select where you want to go by selecting which zone the area is in.

 Payment

Here after selecting your zone you go the payment section. Done using the same methods as other pages. Here is where you choose how you are going to pay for your ticket and if you want to change your ticket or zone option if you made a mistake.
 

Processing Ticket

After that this page showing your ticket being printed. Done using the same method as other pages

Wednesday, 23 January 2013

More Graphic Design Work


More Graphic Design Work

Advertising & Campaigns- Postcard

 

For this assignment we were asked to design at least three different postcard promoting the idea to keep young people from drinking  too much. The idea I had was the idea of not to abuse alcohol. I used Photoshop for this design piece, using the various tools available. It uses images selected and put together, showing of the idea that you can have fun with drinking, but with a message telling you not to overdo it.   
 

Advertising & Campaigns- Poster

 

For this assignment was to design a poster for the Olympics that were held in London last year, part of the advertisements and campaigns. I used Illustrator for this design. I did it using images, that were traced over with the pen tool,for the silhouette of the runners the jumpers and the background. The others were done using basic tools like the shape and type tool.  











 Information Design - Instructional




 This picture shows the style of information design, instructing a person on how to use a certain object or do a certain. Here its showing you hoe you would change a car tire. It was done using Illustrator using the various tools mostly the pen tool to trace and the type tool. 


Information Design-Maps




 This is a map I created using illustrator. The idea was to create a section of the map using basic tools from Illustrator.  I used various shape tools and a few symbols like with the train symbol or the small arrows on road. I tried to use colours to help it look like an actual map.


 Information Design - Symbol- Food



 These are symbols I created using Illustrator. The idea was to create symbols to use for a menu used at a restaurant or deli. I mostly used the pen tool for this, tracing over images, making them vector art work. I used simple black and white colour, which is what you would see for most symbol designs.


Interface Design

 

 Main Menu

This is the main page yo see when you first use the kiosk. There are 3 options Tickets, Route Map and Timetable. It was done using Photoshop using the basic shapes tool type and layer effects. The Ticket option is purple to show that it has been clicked.



  

Selecting Ticket

This is the ticket page, where you go to after clicking the ticket option on the main page. Done the same as main page. It shows the different options for selecting different types of ticket and if you want to purchase more than one.
 


 Zone 

This is the zone page after selecting your ticket type. Again done using the same method as the other two pages.  Here you can select where you want to go by selecting which zone the area is in.

 Payment

Here after selecting your zone you go the payment section. Done using the same methods as other pages. Here is where you choose how you are going to pay for your ticket and if you want to change your ticket or zone option if you made a mistake.
 

Processing Ticket

After that this page showing your ticket being printed. Done using the same method as the others

 Ipad App Design

Main Menu 



















This is the main menu page for my app. Shows a variety of different options. Done using Adobe Illustrator. Mostly used shapes, text and gradient.

 Types of Shows

















This page shows you the various types of TV or Movies that you can see in different genres. Done using the same methods as other pages. Also used the pen tool.

 TV Show





This page gives you the info about any TV or movie you click on. Done using the same method as other pages

 Featured




This page shows you if there are any shows or movies featured. Done using the same methods as the other pages.

Video

This page appears if you have clicked on a certain video. Done using the same methods as others

Queue



















This page is if there are any movies or shows you like, then you can add them to your queue, which you send to watch them on your TV or computer. Done using the same methods as other.

Tuesday, 11 December 2012

Summary of Term One

Summary of Term One

The start of the term wasn't that different form last year. We want over the uses of type like last year, nothing really new there. Next we started discussing creating a blog to show our work for this year and last year. I had created a simple blog and put some of my work up there, but something went wrong so I had to try and redo my blog over again. Thankfully I managed to get it working and am starting to get it up and running again. We also talked about the use of the about me page and LinkedIn. We also being doing stuff like, creating logos, billboards mobile phone covers and a design for the front of a shopping bag. It was tricky to come up with some good ideas for certain projects, but I managed to get it done and it starting to look good. Currently we are in the process of making our own website for the blog, which is to be done for the end of the year. Nothing yet so far with that, but I'm getting there. So after its been a good first half of the year and I hope it continues till the end.

Monday, 10 December 2012

Other Work

Other Work

Puzzle Piece


   


Health magazine cover


 

Book Cover



Poster-Black Swan


Graphic Design year 2


Work for Graphic Design year 2







Type 

A bottle made out of various words that describe  a bottle. Done using Adobe Photoshop. Traced from an existing image of a bottle using words




Type 2

An image of my face is done using text. The text used is my initials. Done in Adobe Illustrator. Made using tools like shape circle and pen tool and traced over with words.


Type 3

Another project using text. The idea I had was taking a quote from a TV series and use text to describe what the quote means. Done using Adobe Photoshop.

IPhone Cover

For this project I designed a cover for the iPhone. I used both Photoshop and Illustrator for this work.

Spar Bag

This was for a design for a reusable shopping bag for spar. I idea was a green idea for the bag. Done using both Illustrator and Photoshop, most of it was done in Illustrator.


Bagel Bite Logo

I created this as a logo design for a place called Bagel Bite. Done using Illustrator.  idea was to try and create an image of a place with fast service and good quality food.





PlayWell Logo

This logo was done for the name of a toy store called Play-Well. Done using Illustrator. Idea was create a colorful logo that would appeal to kids.


 Smironff Billboard

For this project it was to design a billboard advert for smironff. the theme behind was icons, celebririy icons.I used Photoshop for this assignment. It uses images, also effects from photoshop, like different blends,colour mode, overlay etc.