Design for Mobile APPs Class - GRAPH410

Contact Mr. D. school email: gdufner@orl.sanfordbrown.edu
School Website:
https://my.sb-orlando.com

Connect with your teacher. Get it on : https://www.remind.com
Instructions
Enter this number: 81010
Text this meesage: @profdufn

Students Websites:
- Peter - Rob - Jason - Godfrey - Wilson

Projects Examples Word Document image Due Date
1. Wireframe sketches for Website APP N/A N/A N/A Week 1b
2. Make website APP pages N/A N/A N/A Week 2b
3. Wireframe sketches for APP pages N/A N/A N/A Week 3b
4. Make APP N/A N/A N/A Week 5a

Sketch Template

An APP doesn't need marketing if it's good and cheap! How do you make money then? https://medium.com/...

- Tips for naming your mobile app or game: https://growthbug.com/tips-for-naming-your-mobile-app-or-game-c8e555470643#.b64bi72fh

Master pages plus Navigation in Muse for 'Scene' APP

          

       

'Scene' APP: http://www.webskinz.com/design_mobile_apps/edithrod


Helpful Link: How I Overcame Problems in Muse

Helpful Videos:

 

change Hyperlink text color: https://forums.adobe.com/thread/982968

Comment box: http://www.htmlcommentbox.com

Stars: http://widget-engine.com/ratingcode.php?lang=en_US

Calendar: https://upto.com/embed-calendar

Redirect from the desktop website version to the mobile website version on your phone :

iPhone 5 Template Download

Best iOS icons: http://yemista.com/best-ios-7-flat-icons/

Templates: http://graphicburger.com/

Rapid Prototype software: iplotz.com, or balsamiq.com

Selling Tips
- Create an APP screen like the pros: https://growthbug.com/create-app-screenshots-like-the-pros...
- Writing A Great App Store Description — Tips & Examples: https://growthbug.com/writing-a-great-app-store-description...
- The Colors Of An App Icon: https://growthbug.com/the-colors-of-an-app-icon...
- Side Project to Startup (a 3 year journey): https://medium.com/ios-os-x-development....

Build your app for realz: https://build.phonegap.com/people/sign_in
Adobe Gap Builder Tutorials
- https://www.youtube.com/watch?v=xYgUF1haNsA
- https://www.youtube.com/watch?v=37xEisu4FGs

 

- Mobile hamburger menu drop down animated: https://youtu.be/dvh6k5p98W0
Download of menu to put in Muse
Example: I used it to make a menu for a website http://www.millsparkdental.com/mobile

- Messing with codes in Muse. Muse has coding? No, but you can add code as an object to push your designs as functionality. Although this tutorial shows you how to create a sliding left to right menu it also shows you how to find the code you are looking for in Muse in a website browser: http://creativedroplets.com/adobe-muse-tips-sliding-menu/
Here is a download for the sliding menu for Muse: Muse Clouds

1. Preview your page in Google Chrome (File > Preview Page in Browser)
2. Open the Developer tools (View > Developer > Developer tools)
3. Click on the “Magnifying lens” tool at the bottom.
4. Click on the menu element of your page.
5. Get the “id” (#) of the element.

Example:

Edge Animate Banner 'Cinematic Trailer': http://creativedroplets.com/html5-animation-and-css-filters/

 

Chapter : Concepts, personaes, Mind Map,
Designing an App: https://www.youtube.com/results?search_query=desiging+a+app
Matthew Pummel talks about making Apps "iPhone vs Android"
This website shows how to use the Tinder App: wikihow.com/Use-the-Tinder-App
Watch funny clips about a popular App
teamcoco.com/video/conan-dave-franco-tinder-remote
teamcoco.com/video/tinder-outtakes
What size is the screen to make the design??????
iDev101.com

Check out the Project Overview of this APP called Spinute


Wire Frame/Sketches, Start getting familair with Codiqa
You tube tutorials for Codiqa:
- https://www.youtube.com/watch?v=8_WP8SInVFM
- https://www.youtube.com/watch?v=BwW5fLORKjU
- https://www.youtube.com/watch?v=-_AFbe-qeAg


Standard icons for Apps

Standard icons for Apps


School Email: https://webmail.careered.com/OWA/
itsupport@iadt.edu
JHuffman@iadt.edu: for attendance