Top Banner
ui
10

Beginners' guide to app design

Apr 12, 2017

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Beginners' guide to app design

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

Page 2: Beginners' guide to app design

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

Page 3: Beginners' guide to app design

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

Page 4: Beginners' guide to app design

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

Page 5: Beginners' guide to app design

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.

Page 6: Beginners' guide to app design

SEARCH & GET INSPIRATION

Search on Pinterest

Search on Instagram

Download beautiful apps

Page 7: Beginners' guide to app design

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

Page 8: Beginners' guide to app design

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

Page 9: Beginners' guide to app design

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

Page 10: Beginners' guide to app design

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