🎬

Video Online Course

Michal Malewicz photo

Learn with Michal Malewicz

UI in Mobile Apps

UI is becoming more and more important in the workplace. Designers that can do high-fidelity visuals are often paid more than their friends who end their work on low-fidelity wireframes. Log into the academy !

👋👋

Course outline

1. Introduction

3:26 mins

What is the course about and how we will learn together

2. Most common problems

6:54 mins

A list of most common issues many designers face

3. Blockframing exercise

20:43 mins

Blockframing excercise for better alignment understanding

4. Constraints & Theme

3:44 mins

Work with constraints + pick a theme for your app

5. Login & Registration

50:46 mins

Create forms for a login and registration flow

6. Lists & Cards

46:17 mins

Lists and cards are the most popular screen types in apps

7. Navigation

30:24 mins

The basic navigation types with examples and good practices

8. Detail pages

33:51 mins

Creating detail and profile pages in high fidelity

9. Map views

25:34 mins

How to add a map view to your project in a good way?

10. Modals & Popups

21:24 mins

Design friendly and usable modals for your project

11. High level flow

7:16 mins

Create the high level flow using the navigation pattern chosen

12. Review & Accessibility

2:45 mins

Final review and accessibility checks before submitting

Bonus: Sketch, Figma, Adobe XD playground exercise - learn the complete basics ☝️

What will you learn after the course?

The course will provide your with helpful & practical information that will bost your UI skills

📱📱

Mobile App Design

You will know how to design a functional Mobile App with a variety of screens - including a full login, registration flow, map view, modals, lists and many more.

🎨🎨

Picking the right fonts & colors

You will be able to pick the right fonts and colors for your project. You will know the basics of typography and color psychology to pick the ones that are fully accessible.

💡💡

Problem Solving

You will acknowledge the most common problems in mobile app design. You will know how to spot them and solve them easily to boost the usability of your project.

✏️✏️

Blockframing & aligning

You will know how to design a functional Mobile App with a variety of screens - including a full login, registration flow, map view, modals, lists and many more.

🛠🛠

My workflow

You will know how to design a functional Mobile App with a variety of screens - including a full login, registration flow, map view, modals, lists and many more.

+ You will get an exclusive code for all the participants: -35% off of our Designing UI book!

Hype4 academy

What is HYPE4 Academy?

It's an educational platform with both paid and free content for designers and developers. We are launching very soon, and for now you can enjoy our very first UI Design Course.

Hype4 instagram

Psst. We post very cool content on our Instagram:
@hype4academy

News from the designer world packed in quick and helpful tutorials, that you won’t find anywhere else. Follow us to grow as a designer!

Designing User Interfaces book cover

100% positive reviews: ⭐️⭐️⭐️⭐️⭐️ (4.98)

“This book is the best.👏❤️Still reading and I love it.”

@uiraygan on Instagram

Frontend Unicorn book cover

Our newest book! 🎉

Learn how to become a successful developer and earn more money!