SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
&why I switched
UI DESIGN: PHOTOSHOP V.S. SKETCH
Jenny Shen
⼤大 綱
應⽤用Sketch在UX/UI flow
💎 Photoshop v.s. Sketch
💎 個⼈人使⽤用Sketch的⼼心得
💎
好⽤用的Sketch外掛+apps💎
@jennyshen
UX & UI 顧問
J E N N Y S H E N 沈沈 真 年年
Ladies that UX 阿姆斯特丹丹 創辦⼈人
Digital Nomad (科技遊⺠民?)
@jennyshen
✈
#
✏
🐦
Sketch使⽤用: 8個⽉月💎
P H O T O S H O P V. S . S K E T C H
離 開 P H O T O S H O P
沒有Overview
❌ 笨重
❌
很簡單的事變很複雜❌
很多功能沒在⽤用❌
@jennyshen
S K E T C H 是 啥 米 ?
@jennyshen
#1 for
Interface Design
& Wireframing
2015 Subtraction.com
Design Tools Survey
S K E T C H 幾 霸 昏 💯
Artboards
✔ 容易易上⼿手
✔
很多外掛✔
⾃自動存檔✔
可作UX跟UI✔
@jennyshen
向量量圖檔 (Vector)✔
S K E T C H I N U X & U I F L O W
I N F O R M AT I O N
A R C H I T E C T U R E
@jennyshen
P E R S O N A
@jennyshen
TA S K F L O W
@jennyshen
切 PDF/PNG
@jennyshen
I N T E R FA C E D E S I G N
@jennyshen
P R O T O T Y P E
P L U G - I N S + A P P S
C O N T E N T
G E N E R AT O R
@jennyshen
S K E T C H C O M M A N D S
Guides > Around Selection
Text > Case UPPERCASE
Numberize > Artboards Add Duplicate > Duplicate Artboard Right
@jennyshen
S U B T L E PAT T E R N S
@jennyshen
http://nudg.it/
V E R S I O N C O N T R O L
http://sketchkeys.com/
http://teamsketch.io/
https://www.sketchapp.com/community/
D R I B B B L E
I N V I T E S
@jennyshen🐦
jenny@jennyshen.ca📧
www.jennyshen.ca🌏
S AY H E L L O
@jennyshen🏀

Weitere ähnliche Inhalte

Ähnlich wie UI Design: Photoshop v.s Sketch and why I switched

Resume general
Resume generalResume general
Resume general
xdiverres
 
Resume sketchin
Resume sketchinResume sketchin
Resume sketchin
xdiverres
 
Resume - The Yacht Week
Resume - The Yacht WeekResume - The Yacht Week
Resume - The Yacht Week
xdiverres
 

Ähnlich wie UI Design: Photoshop v.s Sketch and why I switched (20)

Resume liip
Resume liipResume liip
Resume liip
 
Resume general
Resume generalResume general
Resume general
 
Paulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs NativePaulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs Native
 
UX Kits: What They Are and Why You Need Them
UX Kits: What They Are and Why You Need ThemUX Kits: What They Are and Why You Need Them
UX Kits: What They Are and Why You Need Them
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
Resume sketchin
Resume sketchinResume sketchin
Resume sketchin
 
Resume_final_ansruta.
Resume_final_ansruta.Resume_final_ansruta.
Resume_final_ansruta.
 
Resume - The Yacht Week
Resume - The Yacht WeekResume - The Yacht Week
Resume - The Yacht Week
 
Marya R.-UI/UX Designer(HQ-Wide)
Marya R.-UI/UX Designer(HQ-Wide)Marya R.-UI/UX Designer(HQ-Wide)
Marya R.-UI/UX Designer(HQ-Wide)
 
UX/UI portfolio
UX/UI portfolioUX/UI portfolio
UX/UI portfolio
 
Swiss tech talks - Digital Prototyping & The Design Sprint
Swiss tech talks - Digital Prototyping & The Design SprintSwiss tech talks - Digital Prototyping & The Design Sprint
Swiss tech talks - Digital Prototyping & The Design Sprint
 
Juju resume
Juju resumeJuju resume
Juju resume
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
Mobile Porfolio - Sep 2013
Mobile Porfolio - Sep 2013Mobile Porfolio - Sep 2013
Mobile Porfolio - Sep 2013
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
 
Moove to sketch intro
Moove to sketch introMoove to sketch intro
Moove to sketch intro
 
UX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaborationUX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaboration
 
UX Terror. Know your rights. (Front Trends 2015)
UX Terror. Know your rights. (Front Trends 2015)UX Terror. Know your rights. (Front Trends 2015)
UX Terror. Know your rights. (Front Trends 2015)
 
Qual a ligação entre UX e Gestão de Projetos?
Qual a ligação entre UX e Gestão de Projetos?Qual a ligação entre UX e Gestão de Projetos?
Qual a ligação entre UX e Gestão de Projetos?
 

Mehr von Jenny Shen

Mehr von Jenny Shen (12)

Build Bridges, Not Walls—Design for Users Across Cultures
Build Bridges, Not Walls—Design for Users Across CulturesBuild Bridges, Not Walls—Design for Users Across Cultures
Build Bridges, Not Walls—Design for Users Across Cultures
 
Out of Office: Improving user experiences through remote collaboration
Out of Office: Improving user experiences through remote collaborationOut of Office: Improving user experiences through remote collaboration
Out of Office: Improving user experiences through remote collaboration
 
Persuasive Design Patterns—Design experiences that enhance and align with mot...
Persuasive Design Patterns—Design experiences that enhance and align with mot...Persuasive Design Patterns—Design experiences that enhance and align with mot...
Persuasive Design Patterns—Design experiences that enhance and align with mot...
 
Create Landing Pages that Work
Create Landing Pages that WorkCreate Landing Pages that Work
Create Landing Pages that Work
 
Design Thinking—the secret sauce to growing our niche group to the largest wo...
Design Thinking—the secret sauce to growing our niche group to the largest wo...Design Thinking—the secret sauce to growing our niche group to the largest wo...
Design Thinking—the secret sauce to growing our niche group to the largest wo...
 
Build bridges, not walls—Design for users across cultures
Build bridges, not walls—Design for users across culturesBuild bridges, not walls—Design for users across cultures
Build bridges, not walls—Design for users across cultures
 
Freedom is the new wealth @ HackConf 2017
Freedom is the new wealth @ HackConf 2017Freedom is the new wealth @ HackConf 2017
Freedom is the new wealth @ HackConf 2017
 
Nomad life - how to be a nomad and succeed at freelancing
Nomad life - how to be a nomad and succeed at freelancingNomad life - how to be a nomad and succeed at freelancing
Nomad life - how to be a nomad and succeed at freelancing
 
Hack Horizon—LuxExpress
Hack Horizon—LuxExpressHack Horizon—LuxExpress
Hack Horizon—LuxExpress
 
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & PrototypingQuick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & Prototyping
 
Design Better Products and Services with Data
Design Better Products and Services with DataDesign Better Products and Services with Data
Design Better Products and Services with Data
 
The UX Journey of a Unicorn
The UX Journey of a UnicornThe UX Journey of a Unicorn
The UX Journey of a Unicorn
 

Kürzlich hochgeladen

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
gajnagarg
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 

Kürzlich hochgeladen (20)

The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 

UI Design: Photoshop v.s Sketch and why I switched