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
これからのデザイナーに必要なスキルと考え方
Search
rie05
October 31, 2017
Design
3
5k
これからのデザイナーに必要なスキルと考え方
WordFes Nagoya 2017で発表したスライドです。
rie05
October 31, 2017
Tweet
Share
More Decks by rie05
See All by rie05
CSS Nite in Osaka, vol.53 Girls Nite vol.2 LT飲食店×Web制作
rie05
3
120
CSS Nite in Osaka, vol.48
rie05
1
790
これからデザイナーとして生き残るために必要なスキルと戦略
rie05
0
250
Other Decks in Design
See All in Design
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
300
Design System for training program
mct
0
280
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
470
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.2k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
190
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
890
太田博三(@usagisan2020)
otanet
0
190
Commune_Brand_Guideline_JA
commune
1
160
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
440
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
330
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Faster Mobile Websites
deanohume
305
30k
BBQ
matthewcrist
85
9.3k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
A Tale of Four Properties
chriscoyier
156
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Transcript
None
ࣗݾհ ޱɹཧܙ Seguchi Rie େࡕੜ·Εɻ %('JWF%JNFOTJPO(SBQIJDTදɺσδλϧϋϦουେࡕߍߨࢣɻ ੍ؒ࡞ձࣾͳͲͰΣϒσβΠφʔɺσΟϨΫλʔΛܦͯʹಠཱɻ ΣϒαΠτ੍࡞ΞϓϦ6*σβΠϯͳͲΛख͕͚Δɻঁੑ͚σβΠϯ͕ಘҙɻ ִिՐ༵ͷ6TUSFBN൪ʮSJFT$BGFCBSʯύʔιφϦςΟʔͱͯ͠์ૹதɻ ஶॻʰਓΛऒ͖͚ͭΔඒ͍͠ΣϒαΠτͷ࡞Γํʱʢ4#ΫϦΤΠςΟϒʣɻ
1VMTF$.4ΤόϯδΣϦετɻ
ॻ੶հ ɾߴڃԹઘཱྀؗ ɾΤεςαϩϯ ɾίʔϙϨʔτ ɾωΠϧαϩϯ ɾΧϑΣ ɾϑΝογϣϯ&$ ɾӳձεΫʔϧ શ̓δϟϯϧͷαϯϓϧαΠτͱͦͷղઆ ࡞ྫ1IPUPTIPQσʔλɺIUNMσʔλ
ڞʹશͯ$%ऩ ༻ར༻Մ
ຊͷηογϣϯ ຊͷηογϣϯʹ͍ͭͯ ˔εϥΠυࢿྉͷͪ΄Ͳެ։͠·͢ ݟಀͨ͠ɺฉ͍ͯͳ͔ͬͨʂେৎ ˔ࣸਅࡱӨɾ4/4ͭͿ͖ͳͲ0, ϋογϡλά8PSE'FTͰ͢
͜Μͳํ͚ͯ ˔σβΠφʔPSσβΠφʔͱࣄΛ͢Δํ σβΠφʔཛ͞Μ͔Β্ڃऀ·ͰɺσΟϨΫλʔ͞Μ ˔ΤϯδχΞ͞Μ σβΠφʔͷ಄ͷதΛͷ͍͍ͧͯͩ͘͞ ຊͷηογϣϯ
ΞδΣϯμ ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ ඞཁεΩϧτϨϯυ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 01. 02. 03.
ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ 01. "SFBTPGEFTJHOFSTXPSL
%FTJHO σβΠφʔͷ͓͠͝ͱྖҬ
దͳϘλϯஔ ྻ͞ΕͨϨΠΞτ ৭ࣸਅૉࡐ ϏδϡΞϧ σβΠφʔͷ͓͠͝ͱྖҬ
%FTJHO ͑Δ σβΠφʔͷ͓͠͝ͱྖҬ
8IP 8IBU 8IZ )PX ɾɾɾ୭ʹʁ ɾɾɾԿΛʁ ɾɾɾͳͥʁ ɾɾɾͲ͏ͬͯʁ ใઃܭ
σβΠφʔͷ͓͠͝ͱྖҬ
ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷࣄͷத σβΠφʔͷ͓͠͝ͱྖҬ
ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ ใઃܭ͕ͱͯେࣄ σβΠφʔͷ͓͠͝ͱྖҬ
͜Μͳ࣌Ͳ͏͠·͔͢ʁ ΫϥΠΞϯτ ৯˓άΈ͍ͨͳαΠτΛ࡞Γ͍ͨͰ͢ʂ ΫϥΠΞϯτ YYY͕ࢀߟαΠτͰ͢ɻ৭ΛϝΠϯʹ ͬͯԼ͍͞ʂ σβΠφʔͷ͓͠͝ͱྖҬ
ࢥߟఀࢭ͠ͳ͍ σβΠφʔͷ͓͠͝ͱྖҬ
σβΠφʔͦ͜ඞཁͳʮͳͥʯͷ͍͔͚ ͳͥ৯˓άͷΑ͏ͳαΠτΛ࡞Γ͍ͨͷ͔ʁ ͦ͜ʹࢸͬͨܦҢʁ σβΠφʔ ࢀߟαΠτͲͷ෦Λࢀߟʹͨ͠ͷ͔ʁ ͳͥ৭Λ͍͍ͨͷ͔ʁ σβΠφʔ σβΠφʔͷ͓͠͝ͱྖҬ
ΠϯϑΥϝʔγϣϯΞʔΩςΫνϟ *" Ϣʔβʔχʔζ ίϯςϯπઃܭ ใઃܭɺཧɻϢʔβʔχʔζͱͷϚονϯά σβΠφʔͷ͓͠͝ͱྖҬ
ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷࣄͷத σβΠφʔͷ͓͠͝ͱྖҬ
ୡ͢ΔͨΊͷσβΠϯπʔϧ σβΠφʔͷ͓͠͝ͱྖҬ
ୡ͢ΔͨΊͷϚʔΫΞοϓɺιϑτΣΞ σβΠφʔͷ͓͠͝ͱྖҬ
τϨϯυʹΞϯςφΛ ࠷৽8FCࣄ σβΠϯτϨϯυ σβΠφʔͷ͓͠͝ͱྖҬ
ΞδΣϯμ ඞཁεΩϧτϨϯυ 02. 3FRVJSFETLJMMTBOEUSFOETGPSEFTJHOFST
πʔϧιϑτΣΞͷ͍ํॻ੶ɺ τϨϯυωοτ্ͰऩूͳͲ ͻͱΓͰͰ͖Δ ඞཁεΩϧτϨϯυ
σβΠϯຊ ΠϯλϑΣʔεσβΠϯͷ৺ཧֶ 4VTBO8FJOTDIFOL ஶ ࣷ ༁ ࣷΔΈ ༁ Ѩ෦
༁ θϩ͔Β͡ΊΔσβΠϯ ଜਸ ஶ σβΠϯͷϧʔϧɺϨΠΞτͷ ηΦϦʔɻ ҏୡઍ ஶ ඞཁεΩϧτϨϯυ
8PSE1SFTTຊ ੈքҰΘ͔Γ͍͢8PSE1SFTT ಋೖͱαΠτ੍࡞ͷڭՊॻ ҆౻ಞ࢙ ஶ Ԭຊलߴ ஶ ݹլւਓ ஶ
ਂ࣏ ஶ 8PSE1SFTTͷڭՊॻ ϓϥΠϜɾετϥςδʔגࣜձࣾ ஶ ͍ͪΜ͍͞͠8PSE1SFTTͷڭຊ ੴӫɺහɺେ۲ഹ ஶ ඞཁεΩϧτϨϯυ
σβΠϯτϨϯυ 1JOUFSFTU IUUQTXXXQJOUFSFTUKQ ඞཁεΩϧτϨϯυ
σβΠϯτϨϯυ %SJCCCMF IUUQTESJCCCMFDPN ඞཁεΩϧτϨϯυ
ͻͱΓͰͰ͖Δ͜ͱɺۭ͍ͨ࣌ؒʹ ͻͱΓͰͰ͖ͳ͍͜ͱΛɺ͓٬͞Μͱߟ͑Δ ඞཁεΩϧτϨϯυ
ΞδΣϯμ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 03. )PXUPXPSLGPSGVUVSFEFTJHOFST
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔ ͬͱલʹग़͍͍ͯʂ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͱΓ͋͑ͣ࠷ݶͷૉࡐใΛ༻ҙ͢Δ ରՁΛͬͯϓϩʹཔΉ σβΠφʔ͞ΜͳΒɺͳΜ͔͏·ͬͯ͘͘ΕΔ ΫϥΠΞϯτͷࢥߟ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ʮͳΜ͔ʯΛټΈऔΓɺ ظʹԠ͑Δͷ͕σβΠφʔͰ͢ ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹͳΜ͔͏·ͬͯ͘͘ΕΔɹʻ ʉ:?:?:?:?:?:?:?:?:?:?:?:?:ʉ
ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ
ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ
ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ΫϥΠΞϯτ ΄΅ͪ͜ΒͷϫΠϠʔ௨Γͩͳ͋ɻ ͜Ε͕ϕετͳݟͤํͳΜͩΖ͏͔ɾɾɾ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ
ϫΠϠʔϑϨʔϜ͚ͩͰड͚ʹͳΒͳ͍ ʮʯΛσβΠϯʹऔΓࠐΉ ใΛྲྀ͠ࠐΉͷͰͳ͘ɺ ಡΜͰΒ͏ͨΊʹ͠ ఏҊ·ͰͰ͖ΔσβΠφʔ ʹͳΖ͏ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ
࡞ΓखͷతΛૌ͑ΔͷΛΊͯɺ ʮϢʔβʔͷతʯ·ͰσβΠϯʹө ͦͷͨΊʹσβΠφʔͱ ͍͑ͲͦͷαʔϏεΛΑ͘ ΓɺϢʔβʔઢͰͷ ΈཱͯσβΠϯ͕ඞཁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ
ʮϢʔβʔͷతʯୡʹԿ͕ඞཁ͔ʁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ϓϩδΣΫτϝϯόʔશһͰߟ͑Δ σβΠφʔ͕Ϧʔμʔγοϓͱ͍͍ͬͯ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔෆࡏͰʜʁ 8PSE1SFTTςʔϚ ແྉ༗ྉ )5.-ςϯϓϨʔτ 4/4͚ͩͰ0, ϓϩ͡Όͳͯ͘σβΠφʔෆࡏͰɺ ͱΓ͋͑ͣΧλνͰ͖Δ࣌
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ՃՁΛ͚ͭΑ͏ ςϯϓϨʔτطͰͰ͖ͳ͍ɺ ਓ͔ͩΒͰ͖ΔఏҊྗܕσβΠφʔʹͳΔ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠϯϩδοΫԽ͖͍ͯͯ͠Δ ϚϧνσόΠεରԠ ίϯϙʔωϯτԽ ΞδϟΠϧ։ൃ ։ൃɾӡ༻ࢹʹೖΕͨ σβΠϯ࠾༻͕ඞਢʹͳ͍ͬͯΔ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ݟ͚ͨͩͰͳ͍ཧతσβΠϯ ։ൃˠӡ༻ˠ࠶։ൃʹ͑͏Δ σβΠϯఏҊͱεϐʔυײΛ࣋ͭ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ॓Λ࡞Βͳ͍ ΫϥΠΞϯτ YYYͰ˚˚Λߟ͍͑ͯ·͢ɺͲ͏Ͱ͠ΐ͏ʁ ͰͦΕͰ࣋ͪؼͬͯ໌͓ૹΓ͠·͢ɻ σβΠφʔ ଧͪ߹Θͤ࣌ͷձ͚ͩͰ σβΠφʔͷ࣋ͪؼΓ࡞ۀةݥ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͦͷͰݟ͑ΔԽ͢Δ ͕͍͍ࣗ͢ͷΛબͿ ϝϯόʔΫϥΠΞϯτલͰααͬͱϥϑԽͰ͖ΔͷΛબΜͰɺ ͦͷͰશһͰݟ͑ΔԽ͢Δͱ॓ͷζϨ͕ى͖ʹ͍͘ ϓϩτλΠϓπʔϧ J1BE1SP "QQMF1FODJM εέονϒοΫ େ
͜Ε͔ΒͷσβΠφʔͷಇ͖ํ J1BE1SP 1FODJM (PPE/PUFT͕࠷ڧͩͬͨ J1IPOFJ1BEରԠԁ (PPE/PUFT σϕϩούɿ5JNF#BTF5FDIOPMPHZ-JNJUFE
ΞδΣϯμ ·ͱΊ 5IBOLZPVGPSMJTUFOJOHTPGBS ˒
·ͱΊ ຊͷ·ͱΊ σβΠϯ͑Δ͜ͱɻࢥߟఀࢭ͠ͳ͍ɺߟ͑Δ ϢʔβʔઢͰߟ͑ΒΕ͍ͯΔ͔ʁϢʔβʔୈҰओٛΛେʹ ͳͥʁΛৗʹߟ͑Δ ϝϯόʔશһ͕69্ʹऔΓΉΑ͏ͳνʔϜ࡞Γ ड͚σβΠφʔΊͯɺఏҊ͢ΔྗΛ ͨͩ০Δ͚ͩͷσβΠϯɺ୭͔ͷݴ͍ͳΓʹͳ͍ͬͯͳ͍͔ʁ ϥϑϫΠϠʔϑϨʔϜ௨ΓͰࢥߟྗΛࣺ͍ͯͯͳ͍͔ʁ ΤϯδχΞͱίϛϡχέʔγϣϯऔΕ͍ͯΔ͔
·ͱΊ Ͱ͖Δͱ͜Ζ͔Βɺগͣͭ͠ ·ͣσβΠφʔ͔Βಈ͍ͯΈΑ͏ ͱݴͬͯɺશͯΛ͜ͳ͢ͷ͍͠ʜ
·ͱΊ σβΠϯͰɺͯ͢ͷਓΛͤʹɻ *OEFTJHO NBLFFWFSZPOFIBQQZ
None