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
Sketch入門
Search
Yusuke Kokubo
July 16, 2016
Design
0
240
Sketch入門
関連記事:
http://qiita.com/yusuke_kokubo/items/4e28e1fb66cc34cae2b6
Yusuke Kokubo
July 16, 2016
Tweet
Share
More Decks by Yusuke Kokubo
See All by Yusuke Kokubo
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
1
890
よいプロダクトをつくるためのよいチームのつくられかた
yusukekokubo
3
5.7k
BacklogがSlackやChatworkと連携したときのチームのようす
yusukekokubo
0
110
20180218BacklogWorld.pdf
yusukekokubo
2
2.4k
名古屋に住みながら毎週京都に通う生活
yusukekokubo
2
190
チーム開発を支える情報共有とそれを支えるesa
yusukekokubo
5
4.9k
AgileJapan2016 島根サテライト session1
yusukekokubo
0
2.2k
Other Decks in Design
See All in Design
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.8k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
160
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
130
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
300
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
460
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.1k
portfolio
amitnk
1
120
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
430
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
3.9k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
170
アフォーダンスとシグニファイア
ryokanakai
0
300
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
A Philosophy of Restraint
colly
203
16k
Designing for humans not robots
tammielis
249
25k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
7
150
The Invisible Side of Design
smashingmag
297
50k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Transcript
4LFUDIೖ 0UIMP&WFOU
͜Μʹͪ
גࣜձࣾ ϑΝϯτϜλΠϓ খٱอ༞հ !ZVTVLF@LPLVCP
ࣗݾհ w ΤϯδχΞग़ w ࠷ۙʹͳͬͯ6*σβΠφʔݟश͍ʹͳͬͨ w /05άϥϑΟοΫσβΠφʔ w झຯͰࣸਅࡱӨ91SP
˞ຊ৬ͷσβΠφʔͰ ͋Γ·ͤΜ ͕Μͬͯษڧதʜɻ
ϑΝϯτϜλΠϓ 1PXFSFECZ.JTPDB
ࠓ͢͜ͱ w 4LFUDIͷհ w 4LFUDIΛͬͯϥΠϒσβΠϯ w 4LFUDI 'MJOUPΛͬͯϥΠϒϓϩτλΠϐϯά
ࠓ͞ͳ͍͜ͱ w Α͍6*σβΠϯͱԿ͔ ڵຯ͋ΔਓޙͰޠΓ߹ ͍·͠ΐ͏ w *MMVTUSBUPS1IPUPTIPQͳͲଞπʔϧͱͷൺֱ
Ͱ͍͖·͢ɻ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
4LFUDI IUUQTXXXTLFUDIBQQDPN ˞༗ྉ GSFFUSJBM͋Γɺֶׂ͋Γ
4LFUDIͱ w ओʹ6*σβΠϯΛ͢ΔͨΊͷπʔϧ w ϫΠϠϑϨʔϜΛͭ͘Δͷʹ͑Δ w ओʹεϚϗΞϓϦ͚ w 8FCϖʔδαʔϏεʹ͑Δ w
.BDΞϓϦͷΈ 8JOEPXTఘΊ͍ͯͩ͘͞
4LFUDIΛͬͯΔاۀ ˞ग़య4LFUDIͷެࣜαΠτ
4LFUDIͷΑ͍ͱ͜ w 6*σβΠϯʹద͍ͯ͠Δ εϚʔτΨΠυɺάϦου w ϕΫλʔܗࣜ w ΞʔτϘʔυ w
ग़ྗػೳ͕ॆ࣮ͯ͠Δ ը૾ɺ$44ɺ4LFUDI.JSSPS w γϯϘϧͱςΩετελΠϧ w ͍ɺ͍ܰ
ͳΜͱͳ͘Θ͔͍ͬͯ ͚ͨͩͨͰ͠ΐ͏͔ʁ
؆୯ʹݴ͏ͱɺαΫοͱ6*Λ σβΠϯͯ͠ڞ༗͢ΔͨΊͷ πʔϧͰ͢ɻ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
4LFUDIΛͬͯσβΠϯ w ϨΠΞτΛߟ͑Δ 4LFUDIؔͳ͍ w ΞʔτϘʔυΛͭ͘Δ w ΨΠυϥΠϯΛҾ͘ w
ίϯϙʔωϯτΛஔ͍ͯ͘͠
Ͱɺ࣮ફ͍ͯͬͯ͠ Έ·͠ΐ͏
͓5PEPΞϓϦ
5PEPΞϓϦ w λεΫΛҰཡͰදࣔͰ͖Δ w λεΫΛՃͰ͖Δ w Ճ͞ΕͨλεΫ͕Ұཡʹग़ͯ͘Δ w ͜Ε͚ͩ
˞ॾҙ 6*ͱͯ͠ͷग़དྷΑΓσϞͱͯ͠ ͷΘ͔Γ͢͞Λ༏ઌ͍ͯ͠·͢ɻ
ͰͬͯΈ·͠ΐ͏ ϥΠϒσβΠϯ IUUQRJJUBDPNZVTVLF@LPLVCPJUFNT FFGCDDDBFC
4LFUDIͷΑ͍ͱ͜ ࠶ܝ w 6*σβΠϯʹద͍ͯ͠Δ εϚʔτΨΠυɺάϦου w ϕΫλʔܗࣜ w ΞʔτϘʔυ
w ग़ྗػೳ͕ॆ࣮ͯ͠Δ ը૾ɺ$44ɺ4LFUDI.JSSPS w γϯϘϧͱςΩετελΠϧ w ͍ɺ͍ܰ
4LFUDIͷ͜ͱΘ͔ͬ ͖ͯ·ͨ͠ʁ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
σβΠϯΛڞ༗ w ը૾Ͱग़ྗ w 1%'Ͱग़ྗ w 4LFUDI.JSSPS
ͰͬͯΈ·͠ΐ͏ 4LFUDI.JSSPS
ΤΫεϙʔτػೳΛͬ ͯޮΑ͘σβΠϯͯ͠ ͍͖·͠ΐ͏
ͱ͜ΖͰɺग़ྗ͚ͩ͡Ό ͳͯ͘ಈ͔ͯ͠Έͨ͘ͳ Γ·ͤΜ͔ʁ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
4LFUDIͰϓϩτλΠϐϯά w ͍ΖΜͳπʔϧ w 1SPUU w JO7JTJPO w 'MJOUP w
ʜ
'MJOUP ˞༗ྉ GSFFUSJBM͋Γɺֶׂ͋Γ IUUQTXXXqJOUPDPNKBNBD
4LFUDI 'MJOUP w ॳظը໘λεΫҰཡ w λεΫՃը໘ભҠ w λεΫΛೖྗ w λεΫΛՃͨ͠ΒҰཡʹΔ
w ৽͍͠λεΫ͕ҰཡʹՃ͞ΕΔ Ξχϝʔγϣϯ
ͰͬͯΈ·͠ΐ͏ ϥΠϒϓϩτλΠϐϯά
ಈ͍ͯΔͷݟΕΔͱΠ ϝʔδ͕ચ࿅͞Ε͍ͯͬ ͍͍ͯͰ͢ΑͶ
࣍ 4LFUDIͷհ 4LFUDIΛͬͯ6*σβΠϯ σβΠϯΛڞ༗ 4LFUDIΛͬͯϓϩτλΠϐϯά 4LFUDIͷֶͼํ
ຊͱ͔8FCͱ͔Φϯ ϥΠϯͷߨ࠲ͱ͔
͓εεϝͷ֮͑ํ w ͱΓ͋͑ͣαϯϓϧΛ৮ͬͯΈΔɹˠɹΘ͔Μͳ͍ w ຊΛಡΉɺΦϯϥΠϯߨ࠲Λ͏͚Δɹˠɹ͍ํΛ֮͑Δ w ϓϥάΠϯΛͬͯΈΔɹˠɹศརʂʂ w ࣗͰ͍Ζ͍ΖσβΠϯͯ͠ΈΔɹˠɹ͍Ζ͍ΖΘ͔ͬͯ͘Δ w
ςϯϓϨʔτूΛݟΔɹˠɹΑ͍࡞ΓํΛֶͿ w 8FCͷهࣄΛϑΥϩʔ͢Δɹˠɹ͞ΒʹΑ͍࡞ΓํΛֶͿ
ࠓͷ͓͞Β͍ w IUUQRJJUBDPNZVTVLF@LPLVCPJUFNTFFGCDDDBFC
ॻ੶ IUUQTMFBOQVCDPNCBTJDPGTLFUDIKBSFBE d 4LFUDIͷجຊతͳૢ࡞ํ๏ʹֶ͍ͭͯ·͢ɻ 4LFUDIͷجຊɻ
ΦϯϥΠϯͷߨ࠲ IUUQTXXXVEFNZDPNTLFUDIGPSCFHJOOFST
ςϯϓϨʔτू IUUQXXXTLFUDIBQQTPVSDFTDPN ˞ར༻نΛಡΜͰ͍·͠ΐ͏
8FCͷهࣄ w IUUQOPHBIBUFOBCMPHDPNFOUSZUSBDFTLFUDI
ศརͳϓϥάΠϯ Sketch ϓϥάΠϯ ݕࡧ ݕࡧ άάΔͱ͍Ζ͍Ζग़͖ͯ·͢ɻ 4LFUDI.FBTVSFͱ$POUFOU(FOFSBUPSGPS4LFUDI ͱͯศརͳͷͰೖΕΔͷΛ͓εεϝ͠·͢ɻ
৭ʑհ͠·͕ͨ͠πʔ ϧश͏ΑΓ֮ͬͯ ͑Δͷ͕మଇͰ͢ɻ
Α͍πʔϧΛͬͯΑ ͍σβΠϯʹຏ͖Λ͔ ͚͍͖ͯ·͠ΐ͏ʂ
Ҏ্Ͱ͢ɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ