App Design Apprentice | raywenderlich.com


Be taught Fashionable App Design with Figma!

This ebook guides you thru designing trendy cellular apps utilizing basic design rules.

This ebook is for intermediate iOS and Android builders who already know the fundamentals of cellular app improvement however need to additionally discover ways to design apps with enticing and efficient UI and UX.

Matters Coated in App Design Apprentice

  • Figma: Be taught the fundamentals of this contemporary design software.
  • App Teardowns: Analyze and pick the perfect elements of different well-designed apps.
  • Wireframes: Discover what makes good app consumer flows.
  • Reusable Parts: Be taught to create and use reusable parts corresponding to buttons and toolbars.
  • Typography: Fundamentals for speaking hierarchy, order and emphasis.
  • Coloration: Leverage visible types and palettes.
  • Transitions and Animations: Create completely different transitions between screens to speak relationships.
  • Design Techniques: Implement finest practices for creating good app experiences in every ecosystem.

This ebook will depart you with the information wanted to design trendy cellular apps which are practical and enticing.

Earlier than You Start

This part tells you just a few issues it’s good to know earlier than you get began, corresponding to what you’ll want for {hardware} and software program, the place to search out the venture recordsdata for this ebook, and extra.

Part I: Design & Software Fundamentals

Begin your journey by way of designing trendy mobile-app UI and UX utilizing basic design rules!

Get an summary of the ebook together with a short take a look at what’s developing in every chapter. Arrange your Figma design workspace and discover ways to entry the venture recordsdata. Leap in and get began instantly with a fast venture.

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

Hint over supplied screenshots for 2 fashionable apps to review their structure and determine patterns and constructions used to construct them.

Part II: Parts & Design Techniques

Decompose screens into small reusable parts. Discover ways to construct a versatile and extensible design system whereas choosing up the nuances of typography & colour principle.

Be taught concerning the significance of wireframing and learn how to incorporate it into your design course of. Create wireframes of some screens and their parts and construct a scaffold of the app circulation by defining the navigation between screens.

Be taught to construct reusable parts for widespread UI components like buttons, toolbars and content material playing cards. Incorporate pattern textual content and picture information for extra realism. Leverage reusable parts for quicker iterations and to construct extra versatile designs.

Be taught typography fundamentals for speaking hierarchy, order and emphasis. Use Figma’s textual content fashion characteristic to construct a typographic scale from scratch.

Be taught the fundamentals of colour principle and the significance of colours in constructing accessible and inclusive merchandise. Use Figma’s colour fashion characteristic to construct reusable colour types from scratch.

Study design methods and the way they assist introduce construction, coherence and adaptability into your initiatives.

Part III: Interactive prototypes & Developer Handoff

Construct an interactive prototype that offers a really feel of the product. Share your designs to achieve suggestions and promote collaboration. Discover built-in instruments for developer handoff

Discover the prototyping instruments to create a full app walkthrough. Create completely different transitions between screens to speak the connection amongst components.

Discover the collaboration instruments to check designs and solicit suggestions concerning the app’s targets and general consumer expertise.

A recap of what you discovered the earlier chapters and strategies about the place to go from right here to enhance your design abilities.



Leave a Comment