ui

BEGINNERS' GUIDE

TO APP DESIGN

B Y   T H E U I I N S P I R A T I O N S T E A M

D E V E L O P E D I N S A N F R A N C I S C O , C A L I F O R N I A

USE THE RIGHT TOOLS

There is more than Photoshop out there, in fact, when it

comes to App Design, Photoshop may not be the right tool to

use, unless you are such an expert that the tools comes easy

to you. There are actually 3 very easy to use tools that we

recommend over Photoshop.

Sketch

Adobe Experience Design

Gravit

T O P H O T O S H O P O R N O T T O P H O T O S H O P

WHEN DESIGNING YOUR APP FOCUS ON THE IMPORTANT STUFF. REMEMBER LESS IS MORE.

F O C U S O N W H A T M A T T E R S

STORYBOARDING IS KING

Imagining the app, and draw the idea first helps you land the

idea fully, helps you smooth rough edges and make it better.

This process takes some time, you make mistakes, better

make them on paper, when you can easily erase and draw

again, than when you are already using a professional tool.

S T O R Y B O A R D B E F O R E D E S I G N I N G

PICK THE RIGHT COLORSUsing colors that inspire the emotions your app

wants to communicate, and reflects the business

or concept itself is very important. Finding color

combinations that look good and that will give

you the colors needed for each element needed

on an app (buttons, text, lines, headers) is even

more important.

SEARCH & GET INSPIRATION

Search on Pinterest

Search on Instagram

Download beautiful apps

INSPIRATION

T H E R E I S S O M E T H I N G T H A T T R I G G E R S A C T I O N

S O M E T H I N G T H A T P U T S P E O P L E T O W O R K A N D M A K E S T H E M B E T T E R

F O L L O W U S O N I N S T A G R A M @ U I . I N S P I R A T I O N S

DESIGN & PROTOTYPEYes, they come at last, once you have done the things described above,

it is time to get your hands dirty, you can learn to design and prototype

by yourself, of course, but we invite you to join our course.

T H E L A S T S T E P S

S I T E :   U D E M Y

Learn to design and prototype mobile, desktop, web and smartwatch

applications with us. Get a 70% discount when enrolling using this

link: http://bit.ly/2kktID0

PROTOTYPEY O U R D E S I G N S C O M E T O L I F E

Making your designs come to life not only help you

showcase your idea in a much better way than with static

designs, it also allows you to showcase that idea to people

that will understand your concept better this way, such as

developers and even investors! Use one of this tools

Axure

Adobe Experience Design

InVision

THANK YOUM A K E S U R E T O F O L L O W U S O N

      @ U I . I N S P I R A T I O N S

      @ A P P U I I N S P I R E

      / U I . I N S P I R A T I O N S

ui