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
250
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
エンジニアが長く働ける会社とは
yusukekokubo
0
63
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
1
1.1k
よいプロダクトをつくるためのよいチームのつくられかた
yusukekokubo
3
5.8k
BacklogがSlackやChatworkと連携したときのチームのようす
yusukekokubo
0
120
20180218BacklogWorld.pdf
yusukekokubo
2
2.4k
名古屋に住みながら毎週京都に通う生活
yusukekokubo
2
190
チーム開発を支える情報共有とそれを支えるesa
yusukekokubo
5
5k
AgileJapan2016 島根サテライト session1
yusukekokubo
0
2.2k
Other Decks in Design
See All in Design
aya_murakami_portfolio
ayakaimi1101
0
1.2k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
「デザイン」を信じるには
iflection
0
110
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.5k
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
710
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
340
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.5k
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
330
Dinosaur Mayhem
storyartist
PRO
0
150
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
590
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
1
720
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
Scaling GitHub
holman
459
140k
A designer walks into a library…
pauljervisheath
205
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
980
We Have a Design System, Now What?
morganepeng
51
7.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
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 ͱͯศརͳͷͰೖΕΔͷΛ͓εεϝ͠·͢ɻ
৭ʑհ͠·͕ͨ͠πʔ ϧश͏ΑΓ֮ͬͯ ͑Δͷ͕మଇͰ͢ɻ
Α͍πʔϧΛͬͯΑ ͍σβΠϯʹຏ͖Λ͔ ͚͍͖ͯ·͠ΐ͏ʂ
Ҏ্Ͱ͢ɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ