Friday, July 1, 2022
HomeiOS DevelopmentApp Design Apprentice | raywenderlich.com

App Design Apprentice | raywenderlich.com


Study Trendy App Design with Figma!

This ebook guides you thru designing trendy cell apps utilizing elementary design ideas.

This ebook is for intermediate iOS and Android builders who already know the fundamentals of cell app growth however wish to additionally discover ways to design apps with engaging and efficient UI and UX.

Matters Coated in App Design Apprentice

  • Figma: Study the fundamentals of this contemporary design device.
  • App Teardowns: Analyze and pick one of the best components of different well-designed apps.
  • Wireframes: Discover what makes good app consumer flows.
  • Reusable Elements: Study to create and use reusable elements equivalent to buttons and toolbars.
  • Typography: Fundamentals for speaking hierarchy, order and emphasis.
  • Shade: Leverage visible types and palettes.
  • Transitions and Animations: Create totally different transitions between screens to speak relationships.
  • Design Techniques: Implement finest practices for creating good app experiences in every ecosystem.

This ebook will go away you with the information wanted to design trendy cell apps which might be practical and engaging.

Earlier than You Start

This part tells you a couple of issues you should know earlier than you get began, equivalent to what you’ll want for {hardware} and software program, the place to seek out the challenge information for this ebook, and extra.

Part I: Design & Software Fundamentals

Begin your journey by means of designing trendy mobile-app UI and UX utilizing elementary design ideas!

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 challenge information. Soar in and get began straight away with a fast challenge.


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 offered screenshots for 2 common apps to review their structure and determine patterns and constructions used to construct them.


Part II: Elements & Design Techniques

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

Study concerning the significance of wireframing and incorporate it into your design course of. Create wireframes of some screens and their elements and construct a scaffold of the app stream by defining the navigation between screens.


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


Study typography fundamentals for speaking hierarchy, order and emphasis. Use Figma’s textual content model function to construct a typographic scale from scratch.


Study the fundamentals of colour idea and the significance of colours in constructing accessible and inclusive merchandise. Use Figma’s colour model function to construct reusable colour types from scratch.


Study design programs and the way they assist introduce construction, coherence and suppleness into your tasks.


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 totally different transitions between screens to speak the connection amongst components.


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


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


RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments