The Design Manual
The Design Manual
The Design Manual
Over 6500+ copies sold
Over 6500+ copies sold
4.9 (235+) ️️REVIEWS on gumroad
5.0 (235+) ️️REVIEWS
The only guide you need to master mobile design.
The only guide you need to master mobile design.
The only guide you need to master mobile design.
Learn how to design beautiful mobile apps for iOS and Android by combining theory with practice! 🧠
Learn how to design beautiful mobile apps for iOS and Android by combining theory with practice! 🧠
Rated 4.9★ by 5,000+ designers
Rated 4.9★ by 5,000+ designers
students from
students from
students from
Learn the screen naming conventions
Use auto-layout like a seasoned designer
Use auto-layout like a seasoned designer
Organize your Figma files for success
Organize your Figma files for success
Master the global styles and the design system basics
Master the global styles and the design system basics
not sure how to design for ios and Android?
not sure how to design for ios and Android?
Meet your ultimate shortcut to master mobile design
Meet your ultimate shortcut to master mobile design
a closer look at what’s inside
a closer look at what’s inside
Get all the resources you need to learn and practice mobile design.
Get all the resources you need to learn and practice mobile design.
Get all the resources you need to learn and practice mobile design.
Each chapter is packed with invaluable insights written from the point of view of a design lead with 8 years of experience.
Here are the included Chapters:
Each chapter is packed with invaluable insights written from the point of view of a design lead with 8 years of experience.
Here are the included Chapters:
⭐️ Part 1: Intro to UI/UX, Design roles, How to understand design
The first part of this e-book will show you the basics of UI and UX, teach you how to understand good design, practice good design, and learn good design the fastest way possible!
⭐️ Part 1: Intro to UI/UX, Design roles, How to understand design
The first part of this e-book will show you the basics of UI and UX, teach you how to understand good design, practice good design, and learn in the fastest way possible!
⭐️ Part 2: iOS Design Principles, Human Interface Guidelines & iOS native elements
In the second part, you’ll learn about the basics of iOS design, iOS native elements, and effects like blurs, shadows, and colors to improve your understanding of mobile design.
We’ll also cover almost every iOS native element.
⭐️ Part 2: iOS Design Principles, Human Interface Guidelines & iOS native elements
In the second part, you’ll learn about the basics of iOS design, iOS native elements, and effects like blurs, shadows, and colors to improve your understanding of mobile design.
We’ll also cover almost every iOS native element.
⭐️ Part 3: Android Design Principles & native Android elements
In the third part, you’ll learn about the basics of Material design and Android native elements.
You'll also learn to create design tokens, color, and type systems. In just a few simple steps!
⭐️ Part 3: Android Design Principles & native Android elements
In the third part, you’ll learn about the basics of Material design and Android native elements.
You'll also learn to create design tokens, color, and type systems. In just a few simple steps!
156
155
The main goal of this e-book is to show you the best UI practices when designing apps for iOS, but we just couldn’t leave out UX entirely.
We also want you to know that along with the new updates this book will be getting, we will also keep on updating the UI kit. We plan to include at least 9 more chapters, refresh and fix the designs for each release, add a working prototype and include a brand new and modern dark mode design. It’s all coming, and you’ll get free updates whenever we release them, so make sure you stay subscribed to the Gumroad newsletter and follow my daily stories on IG.
To sum up, right now, the UI Kit consists of 100+ screens, 20 flows, UX templates, UI templates, and a practical guide on how to design 15 out of 24 existing flows. New updates are coming soon.
Without further ado, let’s dive into the UX behind our Fintech App.
Fintech UI Kit ver 1.0
Fintech UI Kit
Fintech UI Kit
⭐️ Part 4: Fintech App project description + UX/UI design framework
You’ll learn the exact process I take when designing apps for commercial clients - no secrets hidden!
Every stage of the UX and UI process is supplemented by the appropriate Figma template you’ll receive for free with this e-book.
156
155
The main goal of this e-book is to show you the best UI practices when designing apps for iOS, but we just couldn’t leave out UX entirely.
We also want you to know that along with the new updates this book will be getting, we will also keep on updating the UI kit. We plan to include at least 9 more chapters, refresh and fix the designs for each release, add a working prototype and include a brand new and modern dark mode design. It’s all coming, and you’ll get free updates whenever we release them, so make sure you stay subscribed to the Gumroad newsletter and follow my daily stories on IG.
To sum up, right now, the UI Kit consists of 100+ screens, 20 flows, UX templates, UI templates, and a practical guide on how to design 15 out of 24 existing flows. New updates are coming soon.
Without further ado, let’s dive into the UX behind our Fintech App.
Fintech UI Kit ver 1.0
Fintech UI Kit
Fintech UI Kit
⭐️ Part 4: Fintech App project description + UX/UI design framework
You’ll learn the exact process I take when designing apps for commercial clients - no secrets hidden!
Every stage of the UX and UI process is supplemented by the appropriate template you’ll receive for free with this e-book.
When you are creating your splash screens, make sure to add brand visuals and accent colors. For promotional screens with inverted colors, remember to invert the buttons and play around with the opacity of your text.
If your description text is secondary, make it less prominent. Titles should be short and easy to understand.
UX Copy
We need to use an alert notification with a matching request text for every time we need to access the phone's settings. It's required by iOS, and users need to give explicit permissions before we can proceed.
As for the push notifications, be careful with the number of push messages you send to your users. We don't want to annoy them. Many apps don't follow the Apple guidelines and send out multiple, repetitive notifications about similar actions.
We're pretty much done with the first part of our account onboarding and can move on to the next step.
Push notifications
Enable notifications
And get notified about all your account actions in app.
Legal informaton - the theory
Legal informaton - the theory
360
A smooth user experience comes not just through an organized and clear journey but also from understandable, jargon-free language. Content is critical for converting sales, establishing a consistent voice for the brand, and driving a positive user experience. When it comes to app copy, clarity and consistency are both kings, and you might consider hiring a UX writer to ensure that all your text is as good as it can be (example on the next page).
It’s always helpful to build user personas and deeply analyze our target audience, drilling down not just into demographics but also their behaviors (psychographics), pain points, and motivations.
Get instant payment notifications!
We can send you instant payment notifications when you spend with your card so you see your payments in real time and your balance is always up to date
⭐️ Part 5: The Design Manual
After you’ve learned all the above, you’ll be taken into the Design Manual, where we cover every screen
from our Fintech app.
We explain the theory and structure behind most common app flows like Onboarding, Account Setup, Verification Processes, Home Screens, and 15 more!
When you are creating your splash screens, make sure to add brand visuals and accent colors. For promotional screens with inverted colors, remember to invert the buttons and play around with the opacity of your text.
If your description text is secondary, make it less prominent. Titles should be short and easy to understand.
UX Copy
We need to use an alert notification with a matching request text for every time we need to access the phone's settings. It's required by iOS, and users need to give explicit permissions before we can proceed.
As for the push notifications, be careful with the number of push messages you send to your users. We don't want to annoy them. Many apps don't follow the Apple guidelines and send out multiple, repetitive notifications about similar actions.
We're pretty much done with the first part of our account onboarding and can move on to the next step.
Push notifications
Enable notifications
And get notified about all your account actions in app.
Legal informaton - the theory
Legal informaton - the theory
360
A smooth user experience comes not just through an organized and clear journey but also from understandable, jargon-free language. Content is critical for converting sales, establishing a consistent voice for the brand, and driving a positive user experience. When it comes to app copy, clarity and consistency are both kings, and you might consider hiring a UX writer to ensure that all your text is as good as it can be (example on the next page).
It’s always helpful to build user personas and deeply analyze our target audience, drilling down not just into demographics but also their behaviors (psychographics), pain points, and motivations.
Get instant payment notifications!
We can send you instant payment notifications when you spend with your card so you see your payments in real time and your balance is always up to date
⭐️ Part 5: The Design Manual
After you’ve learned all the above, you’ll be taken into the Design Manual, where we cover every screen from our Fintech app.
We explain the theory and structure behind most common app flows like Onboarding, Account Setup, Verification Processes, Home Screens, and 15 more!
8 px
96 px
80 px
44x44 px
🎁 BONUS: Fintech UI Kit
Lastly, the “Cherry on top” - your own UI kit and practice files to take all the theory and knowledge from this e-book and apply it correctly!
Don’t worry; you’re not left there alone.
That’s what the Design Manual is for - to guide you by the hand and design everything with me :)
8 px
96 px
80 px
44x44 px
🎁 BONUS: Fintech UI Kit
Lastly, the “Cherry on top” - your own UI kit and practice files to take all the theory and knowledge from this e-book and apply it correctly!
Don’t worry; you’re not left there alone.
That’s what the Design Manual is for - to guide you by the hand and design everything alongside me
WHO IS THIS FOR
WHO IS THIS FOR
This ebook is perfect for...
This ebook is perfect for...
Web Designers
Master mobile design, practice your skills with bonus Figma files, and become a more capable designer
Web Designers
Master mobile design, practice your skills with bonus Figma files, and become a more capable designer
UX and UI Designers
Improve your mobile designs, gain expert knowledge, and take your skills to the next level
UX and UI Designers
Improve your mobile designs, gain expert knowledge, and take your skills to the next level
Freelance Designers
Improve your workflow, earn more money, build better products, and deliver projects in no time by following our super simple design framework
Freelance Designers
Improve your workflow, earn more money, build better products, and deliver projects in no time by following our super simple design framework
Mobile Developers
Learn the fundamentals of UI design, typography, color, and princinples of visual perception. Don’t rely on your designers as much!
Mobile Developers
Learn the fundamentals of UI design, typography, color, and princinples of visual perception. Don’t rely on your designers as much!
Every creative person
Wanting to learn mobile design and UI from the foundations to design handoff, in the most streamlined way possible
Every creative person
Wanting to learn mobile design and UI from the foundations to design handoff, in the most streamlined way possible
design manual, in a nutshell
design manual, in a nutshell
770+ pages of pure design knowledge, design templates, 2 mobile apps, and more…
770+ pages of design theory, design templates and 2 mobile apps
Design Manual is divided into:
Design Manual is divided into:
5 parts and 58 chapters counting 770+ pages
5 parts and 58 chapters counting 770+ pages
Best iOS + Android practices
Best iOS + Android practices
350+ page-long Fintech App breakdown
350+ page-long Fintech App breakdown
UX/UI design framework with bonus templates
UX/UI design framework with bonus templates
Mobile apps for iOS and Android (250+ screens total)
Mobile apps for iOS and Android (250+ screens total)
Social media post templates (Instagram + Dribbble)
Social media post templates (Instagram + Dribbble)
100-day plan to put your new knowledge into action!
100-day plan to put your new knowledge into action!
unique learning experience
unique learning experience
Learn mobile design effortlessly!
Learn mobile design effortlessly!
Learn mobile design effortlessly!
Trace, copy, or modify the designs by following the best practices and reference our Design Manual. We cover the theory and layout
structure of every single screen (100+) designed.
Trace, copy, or modify the designs by following the best mobile practices and reference our Design Manual. We break down every single screen (100+) designed.
The original 130+ frames will serve you as a reference point.
You’ll learn the proper spacing and font sizing
Understand how to set up your mobile designs for success
You’ll design 20 of the most popular mobile app flows
Look up font sizes, spacing, and auto layout settings
Build your mobile app portfolio in a matter of few days
Use the complete designs as your new baseline
Change global styles to transform entire app in minutes
The original 130+ frames will serve you as a reference point.
You’ll learn the proper spacing and font sizing
You’ll design 20 of the most popular mobile app flows
don’t take our word for it
don’t take our word for it
Join 5,000+ designers learning and improving their mobile skills
Join 5,000+ designers learning and improving their mobile skills
Join 5,000+ designers learning and improving their mobile skills
@theroborourke
The work Adrian put into this book is insane - to get years of advice and expertise all in one place like this (and for this price) is unbelievable.This is a must-have for anyone interested in UI/UX design.
I am reading your book and it’s gold! It’s answering all the questions I had about UI and I’m so happy to come accros this book early in my career 😍 I’ve read maybe 1/4 and got already like hundreds of wow-moments 😂
The best design material I’ve read so far!
The work Adrian put into this book is insane - to get years of advice and expertise all in one place like this (and for this price) is unbelievable.This is a must-have for anyone interested in UI/UX design.
Hey bro! Love the book, genuinely so helpful as I started UX in January, been doing a boot camp with career foundry and it’s so useful having it along side the material from the boot camp!
I was able to get the book through a friend. And I have to say, I’m really glad I did. I’ve been learning a lot from it.
Thank you for writing such a great book.
I purchased your design manual a while ago and have really enjoyed learning and practising UI design. Thanks for the book and hope to hear from you soon 🙏🏼
I just purchased your UI professional’s Design Manual. I look forward to improving my craft thanks to you! Very well put together and very professional. You’re the man!
Hi! I just got your Design manual e-book, and it is clearly my best purchase of this month ! Thank you for this content it is super helpful for a junior UX like me ! 🙌🏼 Merci ! Gaelle
I just bought the Design Manual for iOS and Android by Adrian and can’t thank him enough for putting together such a great resource! It’s an excellent resource for all UX designers!
Just bought it a few hours ago and took a quick look. This is a masterpiece!!! It’s a steal for this price. The book is easy to read, well explained, and inspiring. The content covers all range of skills from beginner to pro. Definitely worth it!
designill4u
This is the most detailed design eBook on the market, and the fact that it walks you through a full design process sets it apart from any other eBook.
BlairJDesign
This is a fantastic Mobile UI resource. One of the best out there. I have bought this and well worth it. It will pay for itself 100 x times over for future projects. Highly, highly recommend.
I recently finished my first ever UX/UI case study for a mobile app, with great help of your Design Manual. I'm pretty sure you get a ton of these types of messages every day, but nevertheless I wanted to express my gratitude towards you for putting great content out there and inspiring people like me to master design and become professionals. Your content on Instagram and in your books helped me discover design as a career path I want to take.
Hey Adrian! Your ebook is amazing! I’m a designer and I was scared I would buy something that would give me not much more information than what I already know but I was completely wrong! Your ebook is complete and it helps me a lot! Great work really 🙌
Adrian, I have recently bought your guide and I found it very helpful. Everything is explained in details. Also, I like that all the information is so well organized and it’s easy to find what I need to check 😊 Thank you so much for your work!
Hello Adrian, I just bought your book and so far it’s been sooo helpful. Thank you so much for sharing all this knowledge! Sylvia
I want to thank you! Your ebook is amazing, I couldn’t wait to see it 😄🎉
I just bought your iOS+Android guide. It’s a frigging steal for this price!
I just bought your ebook and I’m really excited for it!! I’m a developer that recently fell in love with CSS and design, and I want to thank you for creating super informative and awesome products. They’ve always reinvigorated my desire to learn more about design, so thanks so much!! ❤️🎉
I finally snagged a copy of Adrian Kuleszo's Design Manual and I can wholeheartedly say it is one of the best purchases I have made on my journey to becoming a UX designer.This manual includes all of the information that I feel is lacking in most resources that are popular in the UX community and is going to be so incredibly influential in my growth as a designer.I highly recommend for anyone on their journey to securing their first UX role!
Hi! I purchased your design manual ebook yesterday and I LOVE it! I devoured first half in one day and am just starting the practical exercises. I can’t wait to dive into the app!
Just want to say a big thanks for your book. I’m an iOS developer and my designs look like hot steaming garbage, mostly.
The book really feels like it’s the right track for me to make ends meet. Great job!
I did purchase the book and it has been great! Congrats on all the work!!
I just bought your ebook and honestly it’s amazing. I’m also a UI UX designer but not that much experienced as you. I would like to thank you for creating such an amazing product for us
Hi Adrian! I have almost finished your book and wanted to say it is super useful, love it! 😍
I’ve just finished reading your ebook. It’s amazing. You’ve done a great work. Keep going!!
Purchased your e-book and man, this is great information! This would have been amazing to have while I was going through my bootcamp. It’s nice and simple yet very thorough!
Read more reviews
@theroborourke
The work Adrian put into this book is insane - to get years of advice and expertise all in one place like this (and for this price) is unbelievable.This is a must-have for anyone interested in UI/UX design.
I am reading your book and it’s gold! It’s answering all the questions I had about UI and I’m so happy to come accros this book early in my career 😍 I’ve read maybe 1/4 and got already like hundreds of wow-moments 😂
The best design material I’ve read so far!
The work Adrian put into this book is insane - to get years of advice and expertise all in one place like this (and for this price) is unbelievable.This is a must-have for anyone interested in UI/UX design.
Hey bro! Love the book, genuinely so helpful as I started UX in January, been doing a boot camp with career foundry and it’s so useful having it along side the material from the boot camp!
I was able to get the book through a friend. And I have to say, I’m really glad I did. I’ve been learning a lot from it.
Thank you for writing such a great book.
I purchased your design manual a while ago and have really enjoyed learning and practising UI design. Thanks for the book and hope to hear from you soon 🙏🏼
I just purchased your UI professional’s Design Manual. I look forward to improving my craft thanks to you! Very well put together and very professional. You’re the man!
Hi! I just got your Design manual e-book, and it is clearly my best purchase of this month ! Thank you for this content it is super helpful for a junior UX like me ! 🙌🏼 Merci ! Gaelle
I just bought the Design Manual for iOS and Android by Adrian and can’t thank him enough for putting together such a great resource! It’s an excellent resource for all UX designers!
Just bought it a few hours ago and took a quick look. This is a masterpiece!!! It’s a steal for this price. The book is easy to read, well explained, and inspiring. The content covers all range of skills from beginner to pro. Definitely worth it!
designill4u