Beginners' guide to designing apps. Follow this simple steps to get started with the right foot when designing mobile, desktop, web or even smartwatch apps.

1. 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

2. USETHERIGHTTOOLS
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

3. WHENDESIGNINGYOURAPP
FOCUSONTHEIMPORTANT
STUFF.REMEMBERLESSIS
MORE.
F O C U S O N W H A T M A T T E R S

4. STORYBOARDINGISKING
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

5. PICKTHERIGHT
COLORS
Using 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.

6. SEARCH&GET
INSPIRATION
Search on Pinterest
Search on Instagram
Download beautiful apps

7. 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

8. DESIGN&PROTOTYPE
Yes, 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

9. PROTOTYPE
Y 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

10. THANK YOU
M 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