Mr. Mussari - Digital Imaging

Design a Smartphone App

Create an app for a device by designing 3 screenshots of the app in action. Your app can be applied to almost any field. This assignment is for the design only – no coding or functionality for this assignment

Use these steps to design your app.

  1. Download from my teacher site the template for the iPhone screen shot sketch paper. Print this out.
  1. Go online to research apps and check out how different screens look inside an app.

Search on google – “pizza app” and hit the images tab to see how this popular app looks as an example for many companies.

  1. On your sketch paper draw in the first slot your concept with the home screen of the app. The other two screens will be any other parts of the app you interact with.
  1. Once you have your concepts go to Photoshop and set up a new document for 10 x 7.5 inches. Now paste in the document an above view high quality smartphone picture that you want to use. Find a picture on google. Proceed to cut out the existing screen using the rectangle selection tool. Now just duplicate your picture twice. You should have a document with three phones with empty screens.
  1. Design your app

Here is where the fun begins. Using all your previous tools from before, use Photoshop to design all the parts of the app. You may use pictures off of the internet for this. Consider downloading new fonts, using your brush tools, and researching online tutorials to make the different parts of the app,
Consider using your grid to help lay this out. Remember your rules of using fonts from before with regards to spacing, style, etc.

Also consider searching for smartphone buttons to build certain parts of the app instead of making them from scratch. Remember to make new layers for each new element you make.
Please hand in:

1 sketch using template page – 10 points formative grade

1 psdproject - 100 summative points.

  1. Expectations – To achieve a high “A” your project should be able to anyone who see its as real professional looking app. Aim to make sure all parts of the design look neat, clear, and well thought out with its design. Your idea for how this app works is also part of the grade. Designs that aren’t taken seriously will reflect poorly on your grades.

Useful Links