Outcomes
By the end of the course, learners will be able to:
Primary source of the course: https://www.udemy.com/course/ultimate-app-design-course/ Course contributors:
|
Level: | 03 |
Duration: | 15 Hours | |
Pre-requisites: | User-experience Design essentials: Level 01 | |
What’s next: | TBD |
Lessons
Getting Started
- Requirements and your expectations
- Join our photoshop community and download all resources
- Photoshop vs Adobe Experience Design vs Sketch
- Don’t design any mobile app without this
- Activity - Design your first app layout - Part 1
- Activity - Design your first app layout - Part 2
- How much money can you earn as an App Designer
- Preview your designs on your phone
- Optional – Computer Requirements
- Discover the differences between Android and iOS apps
Best Photoshop Techniques for App Designing
- Introduction
- Set up Photoshop for App designing
- Best settings for an Android project in Photoshop
- Must know artboard features in Photoshop
- 10 tips to efficiently work with vectors in Photoshop
- Best Tips for Layer alignment
- Learn to efficiently select layers in artboards
- Exercise
- Solve the previous exercise
- Best typography tips for app designing
Material Design and Essential Android Components
- Introduction to Material Design
- Android interface components overview
- Learn to design the action bar
- The simple guide to sizing components in pixels
- Sizes in pixels & action bar showcase
- Everything you need to know about tabs
- Displaying content in cards
- Beautiful and effective buttons on Android
- Text Fields
Food Delivery App
- Introduction to this Section
- Understanding the client’s wish
- Analyze the apps's competitors – Part 1
- Analyze the app's competitors - Part 2
- Layout for Location (1) and Listing screens (2)
- Layout for Restaurant Details (3) screen
- How to make great design choices
- Design Concepts for Location Screen (1)
- Design concepts for the restaurant listing
- Restaurant listing alternatives (2)
- Final restaurant listing variations
- Design concepts for the restaurant details (3) screen
Android Icons and Design
- Section Introduction
- What do you want to be A designer or a problem-solver
- Discover the one thing that ruin all your designs
- UI Icons in Android apps
- Hands-on icons Create a dashboard panel
- Android Icons Case studies
- A guide for app design inspiration
- Target audience and the app’s story
- Create a mood board
- Discover what makes an app beautiful
Designing iOS Apps
- iOS apps-Overview
- 1x, 2x, 3x, PPI, notch iOS artboard size guide
- App design comparison- iOS vs Android
- My take on the Official UI Kit
- iOS Status Bar (With or without Notch)
- iOS Navigation bar
- iOS Tab Bar
- iOS Text Fields
- iOS Controls
- Running android apps on Mac OS
- The official iOS typeface-should you use it
- iOS Conclusions
Food Delivery App - Part 2
- Add a payment method
- Design the Reviews screen
- Create the restaurant’s address and user profile screens
- Making the order history screen and success page
- Create the order details screen
- An overview of our progress
- Introduction
- Preparing the PSD for 20
- Login and registration screens - version 1
- Login and registration screens - iteration
- Design the right menu
- Design the left menu
Introduction to Adobe XD
- Text Fundamentals in XD
- Grid and smart guides
- Pen tool
- Working with photos and masks
- Adobe XD tips and quirks
- Introduction to Adobe XD
- Learning XD and setting your expectations
- An overview of XD's interface
- Getting around in Adobe XD
- Selecting layers in XD
- Shape fundamentals in Adobe XD
- Editing shapes in Adobe XD
Supercharge your work in Adobe XD
- Create interactive prototypes
- Prototyping tips and tricks
- Make your app prototype seem real
- The incredible auto-animate and drag
- The Libraries panel
- Optional-Disable Adobe XD's Recording Message on Windows
- From Photoshop to XD
- Create real-life mockups in just a few clicks
- Lightening speed with the Assets panel
- Linked symbols
- Preview and device preview
- Prototyping overview and sharing your design