Look inside
Multiple Domains

App Design Apprentice

Oct 1 2020 , Figma Figma

The best book to guide you through designing modern mobile-app UI and UX using fundamental design principles. Note: This book is available for Pre-Order. You'll be notified when the book is complete and ready for download. Estimated final release date: Winter 2020. By Prateek Prasad & Rajiv Patel.

Read for Free with the Personal Plan* * Includes this and all other books in our online library See all benefits
Buy Individually $59.99* *Includes access to all of our online reading features.
Leave a rating/review
Download materials
Comments
Save for later
Share

Who is this 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.

Covered concepts

  • Figma
  • App Teardowns
  • Wireframes
  • Reusable Components
  • Typography
  • Color
  • Transitions & Animations
  • Design Systems
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...

 more

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
What You Need
ii
Book Source Code & Forums

Section I: App Design Apprentice

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

1
Book Overview & App Preview
Toggle description
In this chapter, you will explore the book structure with an outline for each chapter. Set up the design workspace in Figma, including how to access the project files, in order to get started right away.
Workspace Tour & App Teardown
Toggle description
Get an introduction of key tools such the shapes, frames, sizing, alignment, colors, and layers. Trace over provided screenshots to study layout and to identify other visual elements.
Screen Layout & App Flow
Toggle description
Create wireframes of a few screens and the components that make up the screens. Create a scaffold of the app flow by defining the navigation between different screens.
Reusable Elements & Data
Toggle description
Learn to create and use reusable components for things like buttons and toolbars. Incorporate sample text and image data for more realism.
Typography & Color
Toggle description
Learn typography basics for communicating hierarchy, order, and emphasis. Gain an overview of color basics with common practices and creating palettes. Create visual styles for consistency throughout the app.
Transitions & Animations
Toggle description
Explore the prototyping tools to create a full app walkthrough. Create different transitions between screens to communicate orientation and the relationship among elements.
Feedback & Testing
Toggle description
Explore the collaboration tools to test designs and solicit feedback considering the app goals and overall user experience. Test across multiple devices.
Design Systems & Visual Language
Toggle description
Overview the design systems and visual language, including highlights from Apple’s Human Interface Guidelines, and Google’s Material design. Learn best practices for creating good “native” app experience in each ecosystem. Cover creating your own design system for larger projects or distributed teams.
Fit & Finish
Toggle description
Hone the fit and finish by iterating and exploring advanced techniques. Export assets, and code and prep for implementation.
Recap & Next Steps
Toggle description
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.