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
610
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
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
920
mento Design Team Portfolio
mento0fficial
1
900
アクセシビリティに取り組むメリット
magi1125
2
270
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
200
「UXとUIの違い」v2
shirasu3
0
250
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
440
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
460
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
510
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
570
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
420
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
600
Making Projects Easy
brettharned
120
6.4k
Automating Front-end Workflow
addyosmani
1371
200k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
GraphQLとの向き合い方2022年版
quramy
49
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
YesSQL, Process and Tooling at Scale
rocio
173
14k
We Have a Design System, Now What?
morganepeng
53
7.8k
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!