Mobile App Design in Affinity Designer: UX & UI from Scratch

Name: Mobile App Design in Affinity Designer: UX & UI from Scratch
Rating: 4.5 (27 reviews)

Design a Modern, Clean, Real World To-Do App from Scratch and Learn the Fundamentals & Essentials of UX and UI Design.

Created byFilip Kordanovski

Last updated 11/2018

English

What you'll learn

Learn how to design a real world mobile application from scratch
Create modern, minimalistic and beautiful UX/UI experiences
Grasp the fundamentals of UX and UI design and how to apply them into your projects
Design consistent and user-friendly applications from scratch
Create intuitive app experiences and design applications people will love
Adaptive and available instructor (24/7) to answer all of your questions ASAP
Access to an exclusive Facebook group where we discuss graphic design & web topics and help each student with any questions they have!
Included in the Course, You'll Find an E-book "75+ Must-Use Resources for Web Developers & Designers"!

Course content

6 sections • 32 lectures • 3h 29m total length

Who Is This Course For?1:34
We take a quick look in the targeted audience for this course.
What Are You Going to Learn?2:04
See what knowledge you'll get away with after following the course.
What is UX and UI Design?5:19
We break down the differences between 2 very different fields, UX and UI design.
Join the Official Facebook Group Here!0:35
"uDemy Web Enthusiasts" is a Facebook group where me and my students communicate. Its a vital part of the learning process and you're very welcome to join in!
Introducing "Hitmarks" and How Will They Help You When Designing1:01
Hitmakrs are custom made checkpoints for this course which will represent an important information that needs to be remembered.
Download Your Copy of the E-Book Here!0:12
Here you can get my e-book that I've written especially for my students as my gratitude towards them.
Introduction and Overview of Affinity Designer6:23
A quick introduction and overview of the working area and possibilities of the software we're using for this course, Affinity Designer.

How Does a Client Specification Look Like?4:07
We take a look into a demo app specification from a client and try to understand what a spec is and why it is very important for the seamless flow of a project.
Todost: Introducing Our App with a Font Selection10:43
I introduce the app that we'll be designing through the course, called "Todost" and we break down the process behind my font choosing.
Choosing an Appropriate Color Scheme7:07
We take a detailed look into the 10 most popular colors when it comes to choosing a color for your brand and we explain where they are used and what do they represent.
Information Architecture and Determining the App Screens2:17
In this lecture we're visualizing the app screens that will need to be designed and we build the brains of our app via sketches/prototype screens.

App Screen Design: Wireframing & Designing the Welcome Screen28:37
The first screen is the walk through or the welcome screen that the users will see when they start the app for the very first time.
UX/UI Principle: Consistency1:56
Consistency is one of the key elements of UX/UI design and one that makes your brand recognizable.
App Screen Design: Wireframing & Designing the Login Screen24:16
The login screen is what the users will see after the walk through screen or the second time they start the app, presumably logging in if they have an account.
UX/UI Principle: Less is More1:11
Why did the Apple founder and CEO really liked the phrase "Less is more"? Read on below...
App Screen Design: Wireframing & Designing the Sign Up Screen15:23
The Sign Up screen is a mandatory screen for any app as it will allow a potential user to register to your database.
UX/UI Principle: Cognitive Load A.K.A. 'Don't Make Me Think'1:09
Don't make the user think more than a second for ANY action they want to accomplish using your app.
App Screen Design: Wireframing & Designing the User Profile Screen22:47
The home screen is the most important screen of the app and the users will spend most of their time there. So we're making sure it looks pretty and it functions well.
UX/UI Principle: Intuitive Design1:19
Intuitive design is by far the most important part of UX/UI as it gives the customer a smooth and flawless experience if done correctly.
App Screen Design: Wireframing & Designing the Create New Task Screen13:07
The screen which the users will hopefully use the most - how to create a to do task.
UX/UI Principle: Physical Constraints and Accessibility1:04
You need to have in mind the audience of users who have visual and/or hearing impairments.
App Screen Design: Wireframing & Designing the Incomplete Tasks Screen13:17
The Incomplete Tasks screen will show all of the tasks that you've added from the "Create a Task" screen that you haven't marked as completed. The simplicity in this screen is really important, so we keep that a priority.
UX/UI Principle: Confirmation0:45
When accomplishing delicate tasks, users need to confirm that they are sure about the action they want to take.
App Screen Design: Wireframing & Designing the Completed Tasks Screen2:49
Follow up of the incomplete screen, with no changes at all.
Top UX/UI Resources, Articles and Blogs to Follow in 20180:06
Thanks to Amy Smith, we have an amazing list of UX/UI resources to follow.
App Screen Design: Wireframing & Designing the Navigation Screen8:32
The importance of the navigation screen is huge - the possibility of the users to explore all of the apps options within a single click.
App Screen Design: Wireframing & Designing the Settings Screen7:06
The quick settings screen which will offer the user the possibility to change some of their settings.

Exporting the App Screens & Introducing Invision App6:08
We learn how to export the designed screens and we introduce Invision App.
Exploring the Possibilities Inside InVision App7:46
Get a glimpse of what InVision App is able to achieve with its powerful tools for prototyping, collaborating and designing.
Build Mode in InVision: My Favorite Rapid Prototyping Tool8:17
Create Hotspots and see how your app will work in real-world, after its been installed on an user's phone.
Final App Look + Assignment Teaser1:31
We take a look at the finished app design and get ready for the final assignment.

Requirements

You'll need Affinity Designer installed on your machine.
No prior app design knowledge is required. The course starts from scratch!
No prior UX/UI design knowledge is required as well!
Your favorite drink!

Description

Hey there, thank you so much for showing interest in my course! Below is a breakdown of what you're going to learn throughout the course.

Do you want to start a career as an UX/UI designer but you're not sure where to start?
Or, maybe, you're an aspiring freelancer who wants to learn how to design modern & beautiful mobile applications that offer an intuitive and consistent experience?
Or, you're a hobbyist who just wants to learn the essentials and fundamentals of UX and UI and start applying them in future projects with clients?
Whatever it may be, you'll find this course very helpful towards reaching your goals that I mentioned above.

You absolutely don't need to have any experience with UX and UI, as well as designing apps for mobile devices. This course will take you by your hand and thoroughly, step-by-step will help you design a modern, minimalistic, functional and user-friendly mobile application.
In between the main lectures I've written very useful articles for the UX/UI principles that contribute even more to the knowledge this course offers.
This course will teach you to design intuitive, consistent, user-friendly and beautiful mobile applications from scratch. You don't need to have any prior knowledge before taking this course!

FINAL ASSIGNMENT:
As a final challenge, you'll be presented with an assignment that you SHOULD complete before finishing the course. You'll use EVERYTHING you've learned throughout the course and you will try to design a brand new mobile app from scratch. I'll be here to help you along the way. Are you ready to take on the challenge?
I've created this to show you how much you can learn in couple of hours and I have no doubts you'll create something amazing. The detailed instructions for this assignment are written in the corresponding lecture. I can't wait to see what you'll design!

5 MORE BONUSES WITH ENROLLING INTO THE COURSE:

GET MY E-BOOK FOR FREE: "75+ Must Use Resources for Web Developers & Designers" is a book I've written especially for my students. Its supposed to be your ultimate guide when it comes to finding web resources like stock photos and videos, mockups, PSD templates, icon packs, fonts, typography, design inspiration and much more!
ACCESS TO A FACEBOOK GROUP: My students are granted access to a completely private Facebook group where we discuss web design and development topics, share knowledge and help each other with bugs and issues. You can also contact me personally there, as well.
MY PERSONAL FEEDBACK ON YOUR FINISHED APP DESIGN: Once you've completed the course and the app you designed is ready, I will be very glad to take a look at it and give you some feedback and thoughts. Feel free to message me in the student chatroom and we'll discuss your website in detail!
COMPLETE SUPPORT WITH QUESTIONS: I will be available 24/7 for your questions and queries regarding this course. If you're stuck, facing a problem or have a question regarding anything in Affinity Designer, I'll be glad to personally inspect your query and explain your the solution in a timely manner. Just post a discussion in the Q&A section and I'll be there!
30-DAY FULL MONEY BACK GUARANTEE: In case the course didn't meet your expectations, I'm offering full 30-day money back guarantee, no questions asked. I would, however, appreciate if you give me feedback on what would you like to be improved, so I can improve myself for my upcoming courses!

What are you waiting for? Click the "BUY NOW" button and I can't wait to see you inside!

Who this course is for:

Students who want to learn how to design a real-world mobile application from scratch
Beginner freelancers who want to start working as UX/UI designers and charge clients for mobile app designs
Anyone who wants to start a career as a UX/UI designer

Mobile App Design in Affinity Designer: UX & UI from Scratch

What you'll learn

Explore related topics

Course content

Course Introduction & Getting Started7 lectures • 17min

Preparations: Information Architecture, Color Schemes and Client Specifications4 lectures • 24min

Todost App Design from Start to Finish16 lectures • 2hr 23min

Rapid Prototyping with Invision App4 lectures • 24min

Final Student Assignment0

Bonus Section1 lecture • 1min

Requirements

Description

Who this course is for: