Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

246 views

Published on

A talk presented in Taiwan UI/UX Designers meetup. I discuss the pros and cons of each software and shared some of my UX UI works and plug-ins I use. Slides are in both English and Chinese.

Published in: Design
  • Be the first to comment

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

  1. 1. &why I switched UI DESIGN: PHOTOSHOP V.S. SKETCH Jenny Shen
  2. 2. ⼤大 綱 應⽤用Sketch在UX/UI flow 💎 Photoshop v.s. Sketch 💎 個⼈人使⽤用Sketch的⼼心得 💎 好⽤用的Sketch外掛+apps💎 @jennyshen
  3. 3. UX & UI 顧問 J E N N Y S H E N 沈沈 真 年年 Ladies that UX 阿姆斯特丹丹 創辦⼈人 Digital Nomad (科技遊⺠民?) @jennyshen ✈ # ✏ 🐦 Sketch使⽤用: 8個⽉月💎
  4. 4. P H O T O S H O P V. S . S K E T C H
  5. 5. 離 開 P H O T O S H O P 沒有Overview ❌ 笨重 ❌ 很簡單的事變很複雜❌ 很多功能沒在⽤用❌ @jennyshen
  6. 6. S K E T C H 是 啥 米 ? @jennyshen #1 for Interface Design & Wireframing 2015 Subtraction.com Design Tools Survey
  7. 7. S K E T C H 幾 霸 昏 💯 Artboards ✔ 容易易上⼿手 ✔ 很多外掛✔ ⾃自動存檔✔ 可作UX跟UI✔ @jennyshen 向量量圖檔 (Vector)✔
  8. 8. S K E T C H I N U X & U I F L O W
  9. 9. I N F O R M AT I O N A R C H I T E C T U R E @jennyshen
  10. 10. P E R S O N A @jennyshen
  11. 11. TA S K F L O W @jennyshen
  12. 12. 切 PDF/PNG @jennyshen
  13. 13. I N T E R FA C E D E S I G N @jennyshen
  14. 14. P R O T O T Y P E
  15. 15. P L U G - I N S + A P P S
  16. 16. C O N T E N T G E N E R AT O R @jennyshen
  17. 17. 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
  18. 18. S U B T L E PAT T E R N S @jennyshen
  19. 19. http://nudg.it/
  20. 20. V E R S I O N C O N T R O L
  21. 21. http://sketchkeys.com/
  22. 22. http://teamsketch.io/
  23. 23. https://www.sketchapp.com/community/
  24. 24. D R I B B B L E I N V I T E S
  25. 25. @jennyshen🐦 jenny@jennyshen.ca📧 www.jennyshen.ca🌏 S AY H E L L O @jennyshen🏀

×