The
Beginner's
Playbook to
UI/UX Design Designing User-Centered
Experiences
CONTENT
01 Preface
02 UI/UX
03 Resources
06 Get Inspired
07 Thankyou
The Beginner's Playbook to UI/UX Design | Jarar Malik 01
PREFACE
Dear reader,
Thank you for choosing this ebook on UI/UX design. This book is intended to be a
comprehensive guide for beginners who are interested in designing user-friendly
interfaces. Whether you're a designer, developer, or a student, this book will provide
you with the fundamental knowledge and skills needed to get started in UI/UX design.
As an experienced UI/UX designer, I have seen the tremendous impact that well-
designed interfaces can have on user experience. A great interface can make a
product easy and enjoyable to use, while a poorly designed one can make even the
most promising product difficult to use and frustrating. That's why I am passionate
about teaching others how to create interfaces that are both aesthetically pleasing
and user-friendly.
If you're just starting out in the world of UI and UX design, it can be overwhelming to
know where to begin. That's why this ebook is here to help. This resource guide has
been curated specifically for beginners, providing a list of the best books, websites,
courses, tools, and communities to help you learn and improve your skills in UI and
UX design. Whether you're a designer, developer, or simply interested in learning
more about UI and UX design, this ebook will help you find the right resources to start
your journey. So, let's dive in and start exploring the world of UI and UX design
together!
I hope that by the end of this book, you will have a solid understanding of the
principles of UI/UX design and be able to create interfaces that are intuitive,
engaging, and user-centered. Thank you for joining me on this journey, and I wish
you all the best in your UI/UX design endeavors.
Sincerely,
Jarar Malik.
The Beginner's Playbook to UI/UX Design | Jarar Malik 02
UI/UX
UI UX design refers to the process of designing digital interfaces and experiences for
users. It combines two disciplines: user interface (UI) design and user experience
(UX) design.
UI design focuses on the look and feel of a digital product, such as its visual design,
layout, typography, and color scheme. It is concerned with creating an aesthetically
pleasing and user-friendly interface that is easy to use and visually appealing.
UX design, on the other hand, is concerned with the overall experience of using a
digital product. This includes designing the user journey, user flows, and interactions
to ensure that the product is easy to use, intuitive, and meets the needs of its users.
UI UX design combines these two disciplines to create digital products that are both
visually appealing and easy to use. It requires a deep understanding of user
behavior, psychology, and design principles to create products that are not only
functional but also enjoyable to use.
The ultimate goal of UI UX design is to create digital products that provide a
seamless and satisfying user experience, resulting in higher user engagement,
increased user satisfaction, and ultimately, improved business success.
The Beginner's Playbook to UI/UX Design | Jarar Malik 03
RESOURCES
Rules of UI Design
The 15 Rules Every UX Designer Should Know Adobe XD
Golden Rules of User Interface Design Theo Madel
9 Rules For UX Design Usability Geek
The Basic Principles of User Interface Design UX Pin
UI Design Principles | Everything You Need To Know DesignWithArash
10 Rules of Good UI Design to Follow Elegant Themes
Typography
What Is Typography, and Why Is It Important? A Beginner’s Guide CareerFoundry
The Ultimate Guide to Typography Envato Tuts+
6 Tips To Improve Your Typography Satori Graphics
Understanding typography Material Design
What is typography? GCF Global
Iconography
Guide to Iconography Design for Enhancing Your UX/UI Abilities Uxcel
Using iconography to enhance UX design Microsoft
Here’s How to Design an Icon From Scratch: A Step-by-Step Guide CareerFoundry
The Beginner's Playbook to UI/UX Design | Jarar Malik 04
10 iconography rules to follow in UI design Dribbble
Iconography for Designers | Top 3 Tips Jesse Showalter
Color Theory
Color Theory Interaction Design Foundation
The Role of Color in UX Toptal
An Understanding of Colors for UI Design QED42
Beginning Graphic Design: Color GCFLearnFree
Wireframing
Figma UX tutorial for beginners - Wireframe Aliena Cai
Website Wireframe Beginner's Guide: Processes, Tools, & Examples Hubspot Blog
What Exactly Is Wireframing? A Comprehensive Guide CareerFoundry
Prototyping
Prototyping Interaction Design Foundation
Figma Tutorial - Prototyping in Figma Butter Academy
Autolayout
Figma Auto Layout | Getting Started with Auto Layout Jesse Showalter
Figma in 5: Auto Layout Figma
Understanding Auto Layout Apple
The Beginner's Playbook to UI/UX Design | Jarar Malik 05
Design System
What is a Design System? Design Systems 101 for Designers Design Course
Everything you need to know about Design Systems UXdesign
Create a Figma Design System - Fundamentals (Part 1) Mizko
M3 Material Design Google
Spotify Design Spotify
Grids
Grid Systems Interaction Design Foundation
How to Calculate Responsive Grid Layouts Mizko
Effectively Use Column & Row Grids in UI Design (Figma) Design Course
Responsive Design
Responsive design in Figma with Breakpoints Sekei Design
What is responsive design? Adobe XD
Responsive Website In Figma Flux Academy
The Beginner's Playbook to UI/UX Design | Jarar Malik 06
GET INSPIRED
Behance
Dribbble
SAAS Interface
Landing Folio
SAAS Landing Page
UI Sources
Mobbin
Screen Lane
Design Vault
Muzli
Lookup Design
Mthds
UX Archive
The Beginner's Playbook to UI/UX Design | Jarar Malik 07
Thankyou!
Congratulations on finishing this UI/UX ebook! I hope you found it informative, useful,
and inspiring.
Remember, UI/UX design is a constantly evolving field, and there's always more to
learn and explore. As you continue your journey in UI/UX design, keep in mind the
importance of user-centered design and the power of simplicity.
Always strive to create designs that are intuitive,
accessible, and delightful for your users.
Don't hesitate to reach out to me @ui.ux.jarar with
any feedback, questions, or suggestions. I'd love
to hear from you!
Thank you for reading, and happy designing!
P.S
Don’t forget to follow me on Instagram for more
design tips, trends, and insights related to UI/UX.
