Version First Edition - Early Access 1
Editor Figma

Learn Modern App Design with Figma!

This book guides you through designing modern mobile apps using fundamental design principles.

This book is for intermediate iOS and Android developers who already know the basics of mobile app development but want to also learn how to design apps with attractive and effective UI and UX.

Topics Covered in App Design Apprentice

  • Figma: Learn the basics of this modern design tool.
  • App Teardowns: Analyze and pick out the best parts of other well-designed apps.
  • Wireframes: Explore what makes good app user flows.
  • Reusable Components: Learn to create and use reusable components such as buttons and toolbars.
  • Typography: Basics for communicating hierarchy, order and emphasis.
  • Color: Leverage visual styles and palettes.
  • Transitions and Animations: Create different transitions between screens to communicate relationships.
  • Design Systems: Implement best practices for creating good app experiences in each ecosystem.

This book will leave you with the knowledge needed to design modern mobile apps that are functional and attractive.

Note: This book is in early access. Estimated final release date: Early 2021.

Before You Begin

This section tells you a few things you need to know before you get started, such as what you’ll need for hardware and software, where to find the project files for this book, and more.

i

Section I: App Design Apprentice

Start your journey through designing modern mobile-app UI and UX using fundamental design principles!

Get an overview of the book including a brief look at what’s coming up in each chapter. Set up your Figma design workspace and learn how to access the project files. Jump in and get started right away with a quick project.

1

Get an introduction to key tools in Figma like shapes, frames, sizing, alignment, colors and layers and apply your learnings to design a screen from scratch.

2

Trace over provided screenshots for two popular apps to study their layout and identify patterns and structures used to build them.

3

Learn about the importance of wireframing and how to incorporate it into your design process. Create wireframes of a few screens and their components and build a scaffold of the app flow by defining the navigation between screens.

4

Learn to build reusable components for common UI elements like buttons, toolbars and content cards. Incorporate sample text and image data for more realism. Leverage resuable components for faster iterations and to build more flexible designs.

5

Learn typography basics for communicating hierarchy, order and emphasis.

6

Gain an overview of color basics by learning common practices and creating palettes. Create visual styles for consistency throughout the app.

7

Explore the prototyping tools to create a full app walkthrough. Create different transitions between screens to communicate the relationship among elements.

8

Explore the collaboration tools to test designs on multiple devices and solicit feedback about the app goals and overall user experience.

9

Review the lessons learned and how to apply them when starting from scratch. Sources for inspiration and useful resources. Suggestions for continued learning and mastering design skills.

10

Review of the lessons learned and how to apply them when starting from scratch. Sources for inspiration and useful resources. Suggestions for continued learning and mastering design skills.

11

Meet the team

Contributors

Who is this book for

This book is for intermediate iOS and Android developers who already know the basics of mobile app development but want to also learn how to design apps with attractive and effective UI and UX.

Concepts covered in this book

  • Figma
  • App Teardowns
  • Wireframes
  • Reusable Components
  • Typography
  • Color
  • Transitions & Animations
  • Design Systems

Version history

First Edition · Figma

v1.0 · Feb 12 2021 · Prateek Prasad

First Edition - Early Access 1 · Figma

v1.0.ea1 · Dec 10 2020 · Prateek Prasad

First Edition Pre-Order · Figma

v1.0.pre0rder · Oct 1 2020 · Prateek Prasad & Rajiv Patel

App Design Apprentice

By Prateek Prasad

The best book to guide you through designing modern mobile-app UI and UX using fundamental design principles. **Note**: This book is in early access. Estimated final release date: Early 2021.

Read for Free with an Ultimate Beginner Subscription* * Includes this and all other Beginner books in our online library See all benefits
Buy Individually $59.99 $29.99* *Includes access to all of our online reading features.
See buying options
Hide buying options

Spring Ahead Sale —
Save on Everything.
All videos. All books. Now 50% off.

Build your mobile development skills and save! The mobile development world moves quickly — make 2021 the year you stand out from the rest. Ultimate book & video subscriptions start at just $149/year for as part of our Spring Ahead sale.