+- Forum Rockoldies (https://rockoldies.net/forum)
+-- Forum: Fotobearbeitung - Photoshop (https://rockoldies.net/forum/forumdisplay.php?fid=16)
+--- Forum: E-Learning, Tutorials (https://rockoldies.net/forum/forumdisplay.php?fid=18)
+--- Thema: Design Mobile Apps - Android & Ios - Ui, Ux & Prototyping (/showthread.php?tid=71994)
Design Mobile Apps - Android & Ios - Ui, Ux & Prototyping - Panter - 17.06.2023
![[Bild: xbjvcdlfgmpfmkilm98wjp2fwm.jpg]](https://abload.de/img/xbjvcdlfgmpfmkilm98wjp2fwm.jpg)
Design Mobile Apps - Android & Ios - Ui, Ux & Prototyping
Last updated 1/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 13.18 GB | Duration: 14h 39m
The Complete Course to Designing Apps in Adobe XD! Create interactive prototypes WITHOUT any coding!
What you'll learn
Create beautiful apps in Photoshop & Adobe XD
Create interactive prototypes that make the app look like it's coded
Design according to the Material Design principles
Increase your speed through tips, tricks, and special techniques
Requirements
Minimal Photoshop knowledge - know the hotkeys, tools, and you've used it at least 30 days combined in the last 6 months
Patience & commitment - the journey will be difficult at times!
Description
Do you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass a comprehensive approach to mobile app designing. I ll teach you everything you need to know, from A to Z. We ll use Adobe XD. I've taught over 250.000 students on Udemy and I'm a best-selling instructor!You ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that s high in demand in today s job market, all for the price of a fancy coffee. Create beautiful apps, interactive prototypes, and supercharge your career.You'll learn to:Design beautiful mobile apps;Create interactive prototypes without any previous knowledge;Use Photoshop for mobile app design;The principles of Material Design;Learn Adobe XD from scratch;Prepare all the files for developers through a special program called Zeplin;How to size elements correctly on ALL phone types and sizes;Typography best practices;Where to get design resources like icons, custom graphics, photos, and more;FAQ:Will I learn how to code them? Kotlin, Java, Swift, Android Studio, Xcode, Eclipse?No, that's not covered. However, I do teach you how to talk to developers and prepare everything. You won't have to slice or manually export your assets. I'll show you all my secrets as the CEO of my own Mobile App Design company, founded in 2013.What Photoshop version do I need to have?Any CC version will do. CS6 is not good enough, but you can get a free 7 day trial from Adobe's website. More than enough time to watch this course.Is this course for everybody?I don't assume you have any experience regarding mobile apps. You do need basic Photoshop skills. This is explained in detail in the lecture called "Requirements and your expectations". In short, if you're not a complete beginner in terms of Photoshop, you'll be fine.What will we design?We have a few projects, but there's a flagship app that's as real as they get. Over 70 screens in the final prototype - beautiful, sleek, interactive, modern. All the cutting edge techniques and best practices are used.Final, personal note: I can honestly say there isn't anything like this anywhere out on the market. Believe me, I've looked long and hard. The course is PACKED full of knowledge I would have loved to have at the beginning of my career as a mobile app designer. I believe it's going to help a lot of people get a fantastic life skill. By far, this is the best course I've ever created. I hope you'll feel the same way.
Overview
Section 1: Getting Started
Lecture 1 Requirements and your expectations
Lecture 2 Join Our Photoshop Community and Download all Resources
Lecture 3 Photoshop vs Adobe Experience Design vs Sketch
Lecture 4 Activity: Design your first app layout Part 1
Lecture 5 Activity: Design your first app layout Part 2
Lecture 6 Don t design any mobile app without this!
Lecture 7 How much money can you earn as an app designer?
Lecture 8 Preview your designs on your phone
Lecture 9 Optional - Computer requirements
Section 2: Best Photoshop Techniques for App Designing
Lecture 10 Introduction
Lecture 11 Set up Photoshop for app designing
Lecture 12 Best settings for an Android project in Photoshop
Lecture 13 Must-know artboard features in Photoshop
Lecture 14 10 Tips to efficiently work with vectors in Photoshop
Lecture 15 Best tips for layer alignment
Lecture 16 Learn to efficiently select layers in artboards
Lecture 17 Exercise: Layer selection and repositioning
Lecture 18 Solve the previous exercise
Lecture 19 Best typography tips for app designing
Lecture 20 Learn how to actually use smart objects
Section 3: Material Design and Essential Android Components
Lecture 21 Introduction to Material Design
Lecture 22 Android interface components overview
Lecture 23 Learn to design the action bar
Lecture 24 The simple guide to sizing components in pixels
Lecture 25 Sizes in pixels & action bar showcase
Lecture 26 Everything you need to know about tabs
Lecture 27 Displaying content in cards
Lecture 28 Beautiful and effective buttons on Android
Lecture 29 Text Fields
Lecture 30 FREE size guide for Android components
Section 4: Food Delivery App
Lecture 31 Introduction to this section
Lecture 32 Understanding the brief and the client's wishes
Lecture 33 Analyze the app s competitors Part 1
Lecture 34 Analyze the app s competitors Part 2
Lecture 35 Layout for the location (1) and listing (2) screens
Lecture 36 Layout for the restaurant details (3) screen
Lecture 37 How to make great design choices
Lecture 38 Design concepts for the location screen (1)
Lecture 39 Design concepts for the restaurant listing (2)
Lecture 40 Restaurant listing alternatives (2)
Lecture 41 Final restaurant listing variations (2)
Lecture 42 Design concepts for the restaurant details (3) screen
Lecture 43 Choosing the best typeface
Lecture 44 Define and refine our app s style
Lecture 45 Finishing touches screen 1
Lecture 46 Finishing touches on screens 2 and 3
Lecture 47 Section overview
Section 5: Android Icons & Design Principles
Lecture 48 Section introduction
Lecture 49 What do you want to be? A designer or a problem-solver?
Lecture 50 Discover the one thing that ruins all your designs
Lecture 51 UI Icons in Android apps
Lecture 52 Hands-on icons: Create a dashboard panel
Lecture 53 Android Icons: Case studies
Lecture 54 A guide for app design inspiration
Lecture 55 Target audience and the app s story
Lecture 56 Create a mood board
Lecture 57 Discover what makes an app beautiful
Section 6: The Principles of Color in Android Apps
Lecture 58 Android color fundamentals
Lecture 59 How to use color appropriately
Lecture 60 The principle of color contrast
Lecture 61 The best color schemes from top apps
Lecture 62 Tools for awesome color schemes
Lecture 63 How to implement a color scheme
Section 7: Typography in Android Apps
Lecture 64 Android typography fundamentals
Lecture 65 7 rules for Android legibility
Lecture 66 Guide for perfect font sizing in Android apps
Lecture 67 Typography: what the biggest apps are doing
Lecture 68 How to make lots of text look great
Lecture 69 How to pair fonts correctly
Section 8: Designing iOS Apps
Lecture 70 iOS apps Overview
Lecture 71 1x, 2x, 3x, PPI, notch?! iOS artboard size guide
Lecture 72 App design comparison: iOS vs Android
Lecture 73 My take on the official UI Kit
Lecture 74 iOS status bar (with/wo Notch)
Lecture 75 iOS Navigation bar
Lecture 76 iOS Tab bar
Lecture 77 iOS Text Fields
Lecture 78 iOS Controls
Lecture 79 Running Android apps on Mac OS
Lecture 80 The official iOS typeface should you use it?
Lecture 81 iOS conclusions
Section 9: Food Delivery App - Part 2
Lecture 82 Section introduction
Lecture 83 Preparing the PSD for 20+ screens
Lecture 84 Login and registration screens version 1
Lecture 85 Login and registration screens iteration
Lecture 86 Design the right menu
Lecture 87 Design the left menu
Lecture 88 Creating card-based layouts for Addresses and Payments
Lecture 89 Add a payment method Design a credit card
Lecture 90 Design the Reviews screens
Lecture 91 Create the restaurant s address and user profile screens
Lecture 92 Making the order history screen & success page
Lecture 93 Create the order details screen
Lecture 94 An overview of our progress
Section 10: Introduction to Adobe XD
Lecture 95 Introduction to Adobe XD (Experience Design)
Lecture 96 Learning XD and setting your expectations
Lecture 97 An overview of XD s interface
Lecture 98 Getting around in Adobe XD
Lecture 99 Selecting layers in XD
Lecture 100 Shape fundamentals in Adobe XD
Lecture 101 Editing shapes in Adobe XD
Lecture 102 Text fundamentals in XD
Lecture 103 Grid and smart guides
Lecture 104 Pen tool
Lecture 105 Working with photos and masks
Lecture 106 Adobe XD tips & quirks
Section 11: Supercharge your work in Adobe XD
Lecture 107 Optional - Disable Adobe XD's Recording Message on Windows
Lecture 108 From Photoshop to XD
Lecture 109 Create real-life mockups in just a few clicks
Lecture 110 Lightning speed with the Assets panel
Lecture 111 Linked symbols
Lecture 112 Preview and device preview
Lecture 113 Prototyping overview and sharing your design
Lecture 114 Create interactive prototypes
Lecture 115 Prototyping tips and tricks
Lecture 116 Make your app prototype seem real
Lecture 117 The incredible auto-animate and drag
Lecture 118 The Libraries panel
Section 12: How to Work with Mobile App Developers
Lecture 119 Introduction to Zeplin
Lecture 120 What the coder gets out of Zeplin
Lecture 121 From Photoshop to Zeplin to Android Developers
Lecture 122 Anything is possible in Android! Make clients & coders love you
Lecture 123 Design specs through XD
Lecture 124 Exporting from XD
Lecture 125 The best way to work with coders in Zeplin
Section 13: Designing & Prototyping in Adobe XD
Lecture 126 Introduction
Lecture 127 Import and fix the PSD in Adobe XD
Lecture 128 Setting up the prototype
Lecture 129 Prototyping the login and register screens
Lecture 130 Dealing with the City dropdown
Lecture 131 Creating the map interaction
Lecture 132 Finishing the initial screen interactions
Lecture 133 Analyzing our progress
Lecture 134 Recover password and create an account
Lecture 135 Recreate the restaurant listing in Adobe XD
Lecture 136 Creating a search bar
Section 14: Advanced Techniques in Adobe XD
Lecture 137 Connecting the left menu
Lecture 138 Connecting the filters
Lecture 139 Creating an animated tab system for the dish listing
Lecture 140 Creating the app s routes difficult!
Lecture 141 Continuing route 1: user registers at the beginning
Lecture 142 Route 2: user registers during checkout
Lecture 143 Route 3: user already has an account
Lecture 144 Restaurant information and reviews
Lecture 145 Fine-tuning and project analysis
Lecture 146 Preparing to export to Zeplin
Lecture 147 Export to Zeplin
Section 15: Final Thoughts from Chris
Lecture 148 Do this before you start freelancing
Lecture 149 Final Thoughts & What's Next
Anybody that wants a dependable life skill that can bring a solid income,Designers who want to know more about Material Design, creating apps, and interactive prototypes,Anyone who wants to launch their own mobile apps,Developers who want to expand their skill set,Photoshop users that are looking for an alternative tool - Adobe XD
![[Bild: designmobileappsandro19cyc.jpg]](https://abload.de/img/designmobileappsandro19cyc.jpg)