Enviar pesquisa
Carregar
Sketch3 學習筆記
•
43 gostaram
•
4,127 visualizações
Chuan Yang
Seguir
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 41
Baixar agora
Baixar para ler offline
Recomendados
Introduction to autocad 2014
Introduction to autocad 2014
Prabhat Sharma
Google Design Sprint (internal sharing)
Google Design Sprint (internal sharing)
Chuan Yang
Git與source tree 基礎教學
Git與source tree 基礎教學
Duncan Chen
提到 DevOps 到底在 談些什麼玩意兒?(@ Agile Tour Taichung 2017)
提到 DevOps 到底在 談些什麼玩意兒?(@ Agile Tour Taichung 2017)
Chen Cheng-Wei
HYOID|最有生產力的一年(The Productivity Project)
HYOID|最有生產力的一年(The Productivity Project)
Wade Jin
Design in Agile Development
Design in Agile Development
Abby Chiu
Let's talk about Web Design
Let's talk about Web Design
Abby Chiu
【簡報的配色魔法(一)理論篇】
【簡報的配色魔法(一)理論篇】
Wade Jin
Recomendados
Introduction to autocad 2014
Introduction to autocad 2014
Prabhat Sharma
Google Design Sprint (internal sharing)
Google Design Sprint (internal sharing)
Chuan Yang
Git與source tree 基礎教學
Git與source tree 基礎教學
Duncan Chen
提到 DevOps 到底在 談些什麼玩意兒?(@ Agile Tour Taichung 2017)
提到 DevOps 到底在 談些什麼玩意兒?(@ Agile Tour Taichung 2017)
Chen Cheng-Wei
HYOID|最有生產力的一年(The Productivity Project)
HYOID|最有生產力的一年(The Productivity Project)
Wade Jin
Design in Agile Development
Design in Agile Development
Abby Chiu
Let's talk about Web Design
Let's talk about Web Design
Abby Chiu
【簡報的配色魔法(一)理論篇】
【簡報的配色魔法(一)理論篇】
Wade Jin
Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享
Abby Chiu
打造硬體新創製造服務 實戰篇
打造硬體新創製造服務 實戰篇
Ray Tai
值得一試的小事:打造 UX 導向的產品開發文化
值得一試的小事:打造 UX 導向的產品開發文化
David Liu
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
diro fan
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 KEN studio
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
Chen Cheng-Wei
User experience service design innovation for real world
User experience service design innovation for real world
NTUST
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地
Ivan Wei
Design in Tech Report 2017
Design in Tech Report 2017
John Maeda
Anthony Starks - deck
Anthony Starks - deck
Artem Kovardin
Rich User Interaction with SVG
Rich User Interaction with SVG
stsire
Introduction to the ExtJS Javascript framework for rich apps in every browser
Introduction to the ExtJS Javascript framework for rich apps in every browser
joanwortman
Deck: A Go Package for Presentations
Deck: A Go Package for Presentations
Anthony Starks
QCAD
QCAD
Hardeep Rai
MyVR 3D Map Technology
MyVR 3D Map Technology
Olav Sylthe
Skia & Freetype - Android 2D Graphics Essentials
Skia & Freetype - Android 2D Graphics Essentials
Kyungmin Lee
CLI313
CLI313
webuploader
Ms Visio
Ms Visio
guestb43e2
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
taobao.com
阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索
Yan Shi
14 class design (1)
14 class design (1)
Satyam Gupta
14 class design
14 class design
Satyam Gupta
Mais conteúdo relacionado
Destaque
Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享
Abby Chiu
打造硬體新創製造服務 實戰篇
打造硬體新創製造服務 實戰篇
Ray Tai
值得一試的小事:打造 UX 導向的產品開發文化
值得一試的小事:打造 UX 導向的產品開發文化
David Liu
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
diro fan
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 KEN studio
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
Chen Cheng-Wei
User experience service design innovation for real world
User experience service design innovation for real world
NTUST
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地
Ivan Wei
Design in Tech Report 2017
Design in Tech Report 2017
John Maeda
Destaque
(9)
Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享
打造硬體新創製造服務 實戰篇
打造硬體新創製造服務 實戰篇
值得一試的小事:打造 UX 導向的產品開發文化
值得一試的小事:打造 UX 導向的產品開發文化
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
從廢柴到成材 - 那 20 個 sprints 教會我們的事 C.C Agile #40
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
困境與轉型:一個小型開發團隊的 DevOps 學習之旅
User experience service design innovation for real world
User experience service design innovation for real world
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地
Design in Tech Report 2017
Design in Tech Report 2017
Semelhante a Sketch3 學習筆記
Anthony Starks - deck
Anthony Starks - deck
Artem Kovardin
Rich User Interaction with SVG
Rich User Interaction with SVG
stsire
Introduction to the ExtJS Javascript framework for rich apps in every browser
Introduction to the ExtJS Javascript framework for rich apps in every browser
joanwortman
Deck: A Go Package for Presentations
Deck: A Go Package for Presentations
Anthony Starks
QCAD
QCAD
Hardeep Rai
MyVR 3D Map Technology
MyVR 3D Map Technology
Olav Sylthe
Skia & Freetype - Android 2D Graphics Essentials
Skia & Freetype - Android 2D Graphics Essentials
Kyungmin Lee
CLI313
CLI313
webuploader
Ms Visio
Ms Visio
guestb43e2
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
taobao.com
阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索
Yan Shi
14 class design (1)
14 class design (1)
Satyam Gupta
14 class design
14 class design
Satyam Gupta
Presentation of bootstrap
Presentation of bootstrap
1amitgupta
Unit-1 basics of computer graphics
Unit-1 basics of computer graphics
Amol Gaikwad
Introduction to d3js (and SVG)
Introduction to d3js (and SVG)
zahid-mian
Advanced CSS Tricks and Techniques
Advanced CSS Tricks and Techniques
Robert Richelieu
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
Oswald Campesato
Css3 101
Css3 101
Ignacio Coloma
Web Presentations, deck.js and Extensions
Web Presentations, deck.js and Extensions
remiemonet
Semelhante a Sketch3 學習筆記
(20)
Anthony Starks - deck
Anthony Starks - deck
Rich User Interaction with SVG
Rich User Interaction with SVG
Introduction to the ExtJS Javascript framework for rich apps in every browser
Introduction to the ExtJS Javascript framework for rich apps in every browser
Deck: A Go Package for Presentations
Deck: A Go Package for Presentations
QCAD
QCAD
MyVR 3D Map Technology
MyVR 3D Map Technology
Skia & Freetype - Android 2D Graphics Essentials
Skia & Freetype - Android 2D Graphics Essentials
CLI313
CLI313
Ms Visio
Ms Visio
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索
14 class design (1)
14 class design (1)
14 class design
14 class design
Presentation of bootstrap
Presentation of bootstrap
Unit-1 basics of computer graphics
Unit-1 basics of computer graphics
Introduction to d3js (and SVG)
Introduction to d3js (and SVG)
Advanced CSS Tricks and Techniques
Advanced CSS Tricks and Techniques
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
Css3 101
Css3 101
Web Presentations, deck.js and Extensions
Web Presentations, deck.js and Extensions
Último
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
Aginakm1
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
Rndexperts
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
z xss
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
yuj
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
zdzoqco
Design principles on typography in design
Design principles on typography in design
nooreen17
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
AayushChavan5
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
diploma 1
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
D SSS
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
D SSS
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
neelspinoy
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Rishabh Aryan
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
Fi L
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
MaryamAfzal41
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
ssuser7cb4ff
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
uasjlagroup
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
vaibhavkanaujia
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
yuu sss
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
diploma 1
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
Iconic global solution
Último
(20)
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
Design principles on typography in design
Design principles on typography in design
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
Sketch3 學習筆記
1.
Sketch 3
2.
http://www.bohemiancoding.com/sketch/ http://bohemiancoding.com/sketch/support/documentation/
3.
( File /
Revert to / Browse all Versions ) UI Icon Web Prototype... & Template ( File / Save as Template ) UI Kits Plugin
4.
MAC only ... PS
AI ... SVG EPS PDF
5.
6.
7.
Toolbar
8.
9.
Vectorize Stroke (
) ( Use as Mask ) (Export)
10.
Rotate Copies (
)
11.
Vector ( ) V Straight
Mirrored Disconnected Asymmetric
12.
Make Grid (
)
13.
Layout Settings (
)
14.
Layer List
15.
/ Page 1
/ / / ( Symbol ) ( Text Style ) ( Slice ) ( User as Mask ) Page 1 ( )
16.
Canvas
17.
(Artboard) ; A (
Edit / File / Save as Template ) CSS ( option / Alt ) ( Control+R ) Artboard ( )
18.
Inspector
19.
px Type /
Text on Path vs 2x 0.5 1.5
20.
21.
JPG PNG TIFF
SVG PDF or EPS
22.
PSD AI .... ...XD
23.
Demo
24.
Android
25.
iOS
26.
Web
27.
28.
Control+H Control+L Control+G
Space Enter ⌘+3 ⌘+2 Z Z Z + alt Escape Tab/Shift-tab
29.
R O U
T L A V S P
30.
& Alt + Alt
+ Alt + Shift +
31.
32.
iOS Mirror http://bohemiancoding.com/sketch/features/#mirror
33.
Plugins Sketch Toolbox
34.
35.
Content-generator- sketch-plugin
36.
Sketch-measure A measure tool
for measurements & design specs, Sketch 3.3+ support. How-to 1. Create Overlay 2. Measure Size 3. Measure Spacing 4. Get Property 5. Create Note
37.
1. Create Overlay
⌃ + ⇧ + 1 2. Measure Size ⌃ + ⇧ + 2 3. Measure Spacing ⌃ + ⇧ + 3 4. Get Property ⌃ + ⇧ + 4 5. Create Note ⌃ + ⇧ + 5 6. Spec Export ⌃ + ⇧ + E 7. Toggle All Measure Hidden ⌃ + ⇧ + H 8. Toggle All Measure Locked ⌃ + ⇧ + L 9. Reset(Clear) Artboard Measure https://github.com/utom/sketch-measure
38.
prototyping ...
39.
Design + Code
( ) https://designcode.io/ A Comprehensive Guide to Designing https://designcode.io/sketch- mastering SketchAppSources ( ) http:// www.sketchappsources.com/ Sketch resources http://goo.gl/knefyG Sketch plugin-directory https://github.com/sketchplugins/ plugin-directory https://gist.github.com/ymcheung/ 10899164 UI week http://uiweek.com/ learn.ustwo http://learn.ustwo.com/sketch- resources
40.
Chuan Yang https://twitter.com/chuantw
41.
Thank you!
Baixar agora