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
260
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
98
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
1
1.4k
よいプロダクトをつくるためのよいチームのつくられかた
yusukekokubo
3
5.9k
BacklogがSlackやChatworkと連携したときのチームのようす
yusukekokubo
0
130
20180218BacklogWorld.pdf
yusukekokubo
2
2.5k
名古屋に住みながら毎週京都に通う生活
yusukekokubo
2
200
チーム開発を支える情報共有とそれを支えるesa
yusukekokubo
5
5.1k
AgileJapan2016 島根サテライト session1
yusukekokubo
0
2.3k
Other Decks in Design
See All in Design
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
480
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
370
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
「UXとUIの違い」v2
shirasu3
0
150
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
770
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
180
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
330
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
190
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Producing Creativity
orderedlist
PRO
346
40k
How STYLIGHT went responsive
nonsquared
100
5.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Designing for humans not robots
tammielis
253
25k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Adopting Sorbet at Scale
ufuk
77
9.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
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 ͱͯศརͳͷͰೖΕΔͷΛ͓εεϝ͠·͢ɻ
৭ʑհ͠·͕ͨ͠πʔ ϧश͏ΑΓ֮ͬͯ ͑Δͷ͕మଇͰ͢ɻ
Α͍πʔϧΛͬͯΑ ͍σβΠϯʹຏ͖Λ͔ ͚͍͖ͯ·͠ΐ͏ʂ
Ҏ্Ͱ͢ɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ