Mobile App Design Basics
=====
—–
Course Id: MOBI-ADSN
Duration: 30 Hours
Overview
—–
* Only well designed apps succeed
* So its very important to learn design skills to make your app stand-out
* This course teaches you how to make beautiful apps with essential UI and UX concepts
* This training has a practical step-by-step component for professional app design
Pre-Requisites
——-
* No programming experience is required
* Keen Interest to learn android app development
Training Objectives
——
All participants learn to:
* Create mobile app designs from scratch
* Compare designing for iOS vs Android
* Create wireframe designs for any digital project
* Create mockups using Sketch and other tools
* Create animated prototypes
* Kick-Start a UI/UX designer career
Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems
Materials Provided
—–
* All participants receive
* PDF of slides
* PDF of handson
* Access to instance with lab environment
Software Requirements
—–
Any of the following
* Any current internet browser
* vnc client
* rdp client
Hardware Requirements
—–
* Processor: 1.2 GHz+
* RAM: 512 MB+
* Disk space: 1 GB+
* Network Connection with low latency (<250ms) to Internet
## Daywise Course Outline
—–
## Day 1
—–
* Unit 1 : Design Basics
* Unit 2 : Color Theory
* Unit 3 : Typography
## Day 2
—–
* Unit 4 : User Interface (UI) Design for Mobile
* Unit 5 : User Experience (UX) Design for Mobile
## Day 3
—–
* Unit 6 : Designing for iOS and Android
* Unit 7 : Putting it All Together
* Unit 8 : Design Patterns And Colour Palettes
* Unit 9 : User Flow Diagram
## Day 4
—–
* Unit 10 : Wireframes
* Unit 11 : Professional Mockups
* Unit 12 : Prototyping
* Unit 13 : Resources
## Detailed Outline
—–
Unit 1 : Design Basics
* Why design is important for an app builder
* Designer vs. Non-Designer Thinking
Unit 2 : Color Theory
* Understanding the Mood of Your Colour Palette
* How to Combine Colours to Create Colour Palettes
* Tools for Designing with Colour
* Resources
Unit 3 : Typography
* Introduction to Typography
* The Sans Serif Type Family Of The Serif Type Family
* Origins and Use Of The Sans Serif Type Family
* How Typography Determines Readability
* How to Combine Fonts Like a Pro
Unit 4 : User Interface (UI) Design for Mobile
* What is User Interface (UI) Design?
* The Tour Guide Approach to UI Design
* What is Good Practice in Interaction Design
* The Importance of Alignment
* Colour in User Interface Design
* The Many Ways of Designing Text Overlays
* How to Be an Attention Architect
Unit 5 : User Experience (UX) Design for Mobile
* What is User Experience (UX) Design?
* Usability
* Asking for Permissions
* User Profiling
* Form vs. Function
* Consistency
* Simplicity
* Don’t Make Me Think
* Onboarding
* Idiot Boxes
Unit 6 : Designing for iOS and Android
* What are the Important Differences?
* Android vs. iOS Design
* Navigation
* The Devil is in the Details
* Differences in Icon Design
* Flat Design vs. Material Design
* Differences in Establishing Visual Hierarchy
* iOS and Android Design Guidelines
Unit 7 : Putting it All Together
* A Step-By-Step Guide to Mobile App Design
* Step 1: Design Patterns and Colour Palettes
* Step 2: Create a User Flow Diagram
* Step 3: Create Wireframes
* Step 4: Create Professional Mockups
* Step 5: Create an Animated App Prototype
Unit 8 : Design Patterns And Colour Palettes
* Where to find design patterns and colour palettes
* Selecting Design Patterns
* Selecting Colour Palettes
Unit 9 : User Flow Diagram
* What is a User Flow Diagram
* How to Create a User Flow Diagram
Unit 10 : Wireframes
* How to Create Wireframes
* Wireframing Resources
Unit 11 : Professional Mockups
* Tools for Creating Mockups
* How to use Sketch (41) to Create Mockups
* How to Use Canva to Create Mockups
* Your Turn to Create Your Own Mockups
* Tools and Resources for Creating Mockups
Unit 12 : Prototyping
* How to Create an Animated App Prototype
* Tools and Resources for Creating Prototypes
* Prototyping with Keynote
* Protoyping with Marvel
* Create a Prototype
Unit 13 : Resources
* Search For Free-For-Commercial use Image Assets
* Search For Find Free-For-Commercial use Icons
* Next Steps