🎬

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.

👋👋

Course outline

03:25 min

Introduction

What is the course about and how we will learn together

6:54 min

Most common problems

A list of most common issues many designers face

20:43 min

Blockframing exercise

Blockframing exercise for better alignment understanding

3:44 min

Constraints & Theme

Work with constraints + pick a theme for your app

50:46 min

Login & Registration

Create forms for a login and registration flow

46:17 min

Lists & Cards

Lists and cards are the most popular screen types in apps

30:24 min

Navigation

The basic navigation types with examples and good practices

33:51 min

Detail pages

Creating detail and profile pages in high fidelity

25:34 min

Map views

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

21:24 min

Modals & Popups

Design friendly and usable modals for your project

7:16 min

High level flow

Create the high level flow using the navigation pattern chosen

2:45 min

Review & Accessibility

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 you 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 to make a blockframe for your project. You will also learn the super usable Red Square Method that will help you align the content perfectly.

🛠🛠

My workflow

I will share with you my personal design workflow, including all the tips and tricks I’ve learned over the course of my 20 years of Product Design experience.

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

What is HYPE4 Academy?

Hype4 academy

What is HYPE4 Academy?

It`s an educational platform with both paid and free content for designers and developers. We will be adding new featured, articles and materials in the coming weeks.

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!