Friday, 21 April 2017

MOBILE APP

   Clicking on file > new > mobile > android 1080p 
(1080 x 1920px @ 72 ppi) to set the blank document for use. Filled it with colour of choice then used rectangular tool to divide the top part gives the image as seen on the right hand side.









Using adobe illustrator, I was able to make battery icon. Using rectangular tool, make two rectangle shapes (one small, one big). Adjusted the corners to be rounded and making sure they are vertically align, place them together using arrow key on the keyboard to achieve this.... 
Filled with white to denote fully charged battery, then used pen tool to draw the triangle for the signal sign and ellipse + pen tool for the cone representing the Wi-Fi. All the drawings was arranged accordingly on the first image.

When that is done, I then duplicate the entire rectangular image created into four. Naming it accordingly as: home page, log in page, log in page 2 and log in page 3. On the home page, there is a logo and how to sign in. The home page is actually the introductory page showing clients what is needed to be done to get offers. 
On the log in page is example of what can be bought in the restaurant. There is also Vouchers available, Menu and Restaurant finder. The meal was gotten from the web (www.searchlock.com). The fruit was gotten from my adobe illustrator work.








The next page is log in page 2. This shows the breakfast menu available. Drop down icon gives way to example of food under each. Log in page 3 shows the type of food under breakfast butty.




Using rectangular marquee tool to select the home page of the mobile app, then clicking on edit > copy merge > paste. I was able to put the home page on a phone screen. The phone screen was gotten from Photoshop web.
Same process was repeated for the remaining pages. 


No comments:

Post a Comment