Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Essential tools and tips for an effective desig...
Search
Gabriele Marangon
May 03, 2016
Design
1
570
Essential tools and tips for an effective design workflow
Talk I've hold with my collegue Andrea Lucibello @Droidcon Italy 2016
Gabriele Marangon
May 03, 2016
Tweet
Share
Other Decks in Design
See All in Design
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
400
aya_murakami_portfolio
ayakaimi1101
0
1.1k
Dive Deep into Communication
yomtsu
0
210
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
870
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
130
How to go from research data to insights?
mastervicedesign
0
220
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Bash Introduction
62gerente
610
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Side Projects
sachag
452
42k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
It's Worth the Effort
3n
184
28k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Transcript
ESSENTIAL TOOLS AND TIPS for an effective design workflow
You talkin’ to me?
Being a Team is cool!
Where do I start? Where do I begin?
My way
The workflow: 1/4
The workflow: 2/4
The workflow: 3/4
The workflow: 4/4
2 years ago…
Start with pencil and paper
Wireframing with illustrator
Info Servizi Listino
Final UI with Photoshop
Photoshop was not meant to design UI
God bless this guy
Myriad Pro 30sp #2083A5 60dp 60dp Blueprint with illustrator
190dp 72dp icn-favourite icn-favourite-active 1px #cccccc Font Awesome 22sp #ffd200
Lato Bold 18sp #353535 Lato Regular16sp #717171 16dp 16dp
Tell me it’s over!!
None
ALWAYS start with pencil and paper + use Marvel
A free, simple and useful prototyping tool
An awesome design tool!
Sketch (exposed) • Intuitive (you can learn it in a
day or even less) • Design Organization (with pages and flexibles multi-artboards) • Eyedrop (the most powerful you’ve ever used) • Performances (few crashes, constant updates and bug solving) • Symbols & Styles (and many others productive features) • Plenty of useful shorcuts (eg. copy-paste object style/properties)
Sketch (exposed)
Sketch (plugins) • Sketch App Rocks (sketchapp.rocks) • Sketch Toolbox
(plugin of plugins) (sketchtoolbox.com/) • Sketch Android Assets (github.com/zmalltalker/sketch-android-assets) • Sketch plugin scripts (github.com/makzan/Sketch-Plugin-Scripts) • Relabel Button (github.com/kenmoore/sketch-relabel-button) • Craft (invisionapp.com/craft)
Sketch (integrations) • Invisionapp (invisionapp.com) • Zeplin (a good buddy
so far) (zeplin.io) • Symply (what you were waiting for dude!) (sympli.io) • Slack (Nerd-proof communication) (slack.com) • Marvelapp (marvelapp.com) • Prott (prottapp.com) + more & more
Looks like a big breakthrough
Android Studio Plugin
What if I can’t use Sketch • Avocode (avocode.com) •
Photoshop CC15 (‘Design Space’ mode + CC sharing)
None
Tips & Tricks
Draw/Design in MDPI
Always test on real screens
Abcdefghihijklmnopqrstuvwxyz Abcdefghihijklmnopqrstuvwxyz Hint text Hint text Use resources and stencils
from the web
Follow good designers on G+ (or other socials)
Stay up to date
Follow the guidelines
Questions?
Thanks for watching!
None
Gabriele Marangon UI / Interaction Designer@synesthesia +GabrieleMarangon
[email protected]
Andrea Lucibello Android developer@synesthesia +AndreaLucibello
[email protected]
Enjoy your day at Droidcon Italy!