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
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
300
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.1k
太田博三(@usagisan2020)
otanet
0
180
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
13
5.8k
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
660
Minuto de Aventura
olgastoryboard
0
170
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
790
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
440
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
150
Commune_Brand_Guideline_JA
commune
1
150
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
250
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Agile that works and the tools we love
rasmusluckow
327
21k
Become a Pro
speakerdeck
PRO
24
5k
The Cult of Friendly URLs
andyhume
78
6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
BBQ
matthewcrist
85
9.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
How to train your dragon (web standard)
notwaldorf
88
5.7k
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 ͱͯศརͳͷͰೖΕΔͷΛ͓εεϝ͠·͢ɻ
৭ʑհ͠·͕ͨ͠πʔ ϧश͏ΑΓ֮ͬͯ ͑Δͷ͕మଇͰ͢ɻ
Α͍πʔϧΛͬͯΑ ͍σβΠϯʹຏ͖Λ͔ ͚͍͖ͯ·͠ΐ͏ʂ
Ҏ্Ͱ͢ɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ