Upgrade to Pro — share decks privately, control downloads, hide ads and more …

これからのデザイナーに必要なスキルと考え方

rie05
October 31, 2017
Design
3
5k

 これからのデザイナーに必要なスキルと考え方

WordFes Nagoya 2017で発表したスライドです。

rie05

October 31, 2017
Tweet

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

  1. None

  2. ࣗݾ঺հ ੉ޱɹཧܙ Seguchi Rie ೥େࡕੜ·Εɻ %('JWF%JNFOTJPO(SBQIJDT୅දɺσδλϧϋϦ΢ουେࡕߍߨࢣɻ ໿೥੍ؒ࡞ձࣾͳͲͰ΢ΣϒσβΠφʔɺσΟϨΫλʔΛܦͯ೥ʹಠཱɻ ΢ΣϒαΠτ੍࡞΍ΞϓϦ6*σβΠϯͳͲΛख͕͚Δɻঁੑ޲͚σβΠϯ͕ಘҙɻ ִिՐ༵ͷ6TUSFBN൪૊ʮSJFT$BGFCBSʯύʔιφϦςΟʔͱͯ͠์ૹதɻ ஶॻʰਓΛऒ͖͚ͭΔඒ͍͠΢ΣϒαΠτͷ࡞Γํʱʢ4#ΫϦΤΠςΟϒʣɻ

    1VMTF$.4ΤόϯδΣϦετɻ

  3. ॻ੶঺հ ɾߴڃԹઘཱྀؗ ɾΤεςαϩϯ ɾίʔϙϨʔτ ɾωΠϧαϩϯ ɾΧϑΣ ɾϑΝογϣϯ&$ ɾӳձ࿩εΫʔϧ શ̓δϟϯϧͷαϯϓϧαΠτͱͦͷղઆ ࡞ྫ͸1IPUPTIPQσʔλɺIUNMσʔλ

    ڞʹશͯ෇࿥$%ऩ࿥ ঎༻ར༻Մ

  4. ຊ೔ͷηογϣϯ ຊ೔ͷηογϣϯʹ͍ͭͯ ˔εϥΠυࢿྉ͸ͷͪ΄Ͳެ։͠·͢ ݟಀͨ͠ɺฉ͍ͯͳ͔ͬͨʂ΋େৎ෉ ˔ࣸਅࡱӨɾ4/4ͭͿ΍͖ͳͲ0, ϋογϡλά͸8PSE'FTͰ͢

  5. ͜Μͳํ΁޲͚ͯ ˔σβΠφʔPSσβΠφʔͱ࢓ࣄΛ͢Δํ σβΠφʔཛ͞Μ͔Β্ڃऀ·ͰɺσΟϨΫλʔ͞Μ΋ ˔ΤϯδχΞ͞Μ΋ σβΠφʔͷ಄ͷதΛͷ͍͍ͧͯͩ͘͞ ຊ೔ͷηογϣϯ

  6. ΞδΣϯμ ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ ඞཁεΩϧ΍τϨϯυ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 01. 02. 03.

  7. ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ 01. "SFBTPGEFTJHOFSTXPSL

  8. %FTJHO σβΠφʔͷ͓͠͝ͱྖҬ

  9. ద੾ͳϘλϯ഑ஔ ੔ྻ͞ΕͨϨΠΞ΢τ ഑৭΍ࣸਅૉࡐ ϏδϡΞϧ  σβΠφʔͷ͓͠͝ͱྖҬ

  10. %FTJHO ఻͑Δ σβΠφʔͷ͓͠͝ͱྖҬ

  11. 8IP 8IBU 8IZ )PX ɾɾɾ୭ʹʁ ɾɾɾԿΛʁ ɾɾɾͳͥʁ ɾɾɾͲ͏΍ͬͯʁ  ৘ใઃܭ

    σβΠφʔͷ͓͠͝ͱྖҬ

  12. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷ࢓ࣄͷத਎ σβΠφʔͷ͓͠͝ͱྖҬ

  13. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ ৘ใઃܭ͕ͱͯ΋େࣄ σβΠφʔͷ͓͠͝ͱྖҬ

  14. ͜Μͳ࣌Ͳ͏͠·͔͢ʁ ΫϥΠΞϯτ ৯΂˓άΈ͍ͨͳαΠτΛ࡞Γ͍ͨͰ͢ʂ ΫϥΠΞϯτ YYY͕ࢀߟαΠτͰ͢ɻ੺৭ΛϝΠϯʹ ࢖ͬͯԼ͍͞ʂ σβΠφʔͷ͓͠͝ͱྖҬ

  15. ࢥߟఀࢭ͠ͳ͍ σβΠφʔͷ͓͠͝ͱྖҬ

  16. σβΠφʔͦ͜ඞཁͳʮͳͥʯͷ໰͍͔͚ ͳͥ৯΂˓άͷΑ͏ͳαΠτΛ࡞Γ͍ͨͷ͔ʁ ͦ͜ʹࢸͬͨܦҢ͸ʁ σβΠφʔ ࢀߟαΠτ͸Ͳͷ෦෼Λࢀߟʹͨ͠ͷ͔ʁ ͳͥ੺৭Λ࢖͍͍ͨͷ͔ʁ σβΠφʔ σβΠφʔͷ͓͠͝ͱྖҬ

  17. ΠϯϑΥϝʔγϣϯΞʔΩςΫνϟ *" Ϣʔβʔχʔζ ίϯςϯπઃܭ ৘ใઃܭɺ੔ཧɻϢʔβʔχʔζͱͷϚονϯά σβΠφʔͷ͓͠͝ͱྖҬ

  18. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷ࢓ࣄͷத਎ σβΠφʔͷ͓͠͝ͱྖҬ

  19. ୡ੒͢ΔͨΊͷσβΠϯπʔϧ σβΠφʔͷ͓͠͝ͱྖҬ

  20. ୡ੒͢ΔͨΊͷϚʔΫΞοϓɺιϑτ΢ΣΞ σβΠφʔͷ͓͠͝ͱྖҬ

  21. τϨϯυʹΞϯςφΛ ࠷৽8FCࣄ৘ σβΠϯτϨϯυ σβΠφʔͷ͓͠͝ͱྖҬ

  22. ΞδΣϯμ ඞཁεΩϧ΍τϨϯυ 02. 3FRVJSFETLJMMTBOEUSFOETGPSEFTJHOFST

  23. πʔϧ΍ιϑτ΢ΣΞͷ࢖͍ํ͸ॻ੶ɺ τϨϯυ͸ωοτ্ͰऩूͳͲ ͻͱΓͰ΋Ͱ͖Δ ඞཁεΩϧ΍τϨϯυ

  24. σβΠϯຊ ΠϯλϑΣʔεσβΠϯͷ৺ཧֶ 4VTBO8FJOTDIFOL ஶ ෢ࣷ޿ ޾ ຋༁ ෢ࣷΔΈ ຋༁ Ѩ෦

    ࿨໵ ຋༁ θϩ͔Β͸͡ΊΔσβΠϯ ๺ଜਸ ஶ σβΠϯͷϧʔϧɺϨΠΞ΢τͷ ηΦϦʔɻ ҏୡઍ୅ ஶ ඞཁεΩϧ΍τϨϯυ

  25. 8PSE1SFTTຊ ੈքҰΘ͔Γ΍͍͢8PSE1SFTT ಋೖͱαΠτ੍࡞ͷڭՊॻ ҆౻ಞ࢙ ஶ Ԭຊलߴ ஶ  ݹլւਓ ஶ

    ਂ୔޾࣏࿠ ஶ 8PSE1SFTTͷڭՊॻ ϓϥΠϜɾετϥςδʔגࣜձࣾ ஶ ͍ͪ͹Μ΍͍͞͠8PSE1SFTTͷڭຊ ੴ઒ӫ࿨ɺ੕໺๜හɺେ۲ഹ ஶ ඞཁεΩϧ΍τϨϯυ

  26. σβΠϯτϨϯυ 1JOUFSFTU IUUQTXXXQJOUFSFTUKQ ඞཁεΩϧ΍τϨϯυ

  27. σβΠϯτϨϯυ %SJCCCMF IUUQTESJCCCMFDPN ඞཁεΩϧ΍τϨϯυ

  28. ͻͱΓͰͰ͖Δ͜ͱ͸ɺۭ͍ͨ࣌ؒʹ ͻͱΓͰͰ͖ͳ͍͜ͱΛɺ͓٬͞Μͱߟ͑Δ ඞཁεΩϧ΍τϨϯυ

  29. ΞδΣϯμ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 03. )PXUPXPSLGPSGVUVSFEFTJHOFST

  30. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔ͸ ΋ͬͱલʹग़͍͍ͯʂ

  31. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͱΓ͋͑ͣ࠷௿ݶͷૉࡐ΍৘ใΛ༻ҙ͢Δ ରՁΛ෷ͬͯϓϩʹཔΉ σβΠφʔ͞ΜͳΒɺͳΜ͔͏·͘΍ͬͯ͘ΕΔ ΫϥΠΞϯτͷࢥߟ

  32. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ʮͳΜ͔ʯΛټΈऔΓɺ ظ଴ʹԠ͑Δͷ͕σβΠφʔͰ͢ ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹͳΜ͔͏·͘΍ͬͯ͘ΕΔɹʻ ʉ:?:?:?:?:?:?:?:?:?:?:?:?:ʉ

  33. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  34. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  35. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ΫϥΠΞϯτ ΄΅ͪ͜ΒͷϫΠϠʔ௨Γͩͳ͋ɻ ͜Ε͕ϕετͳݟͤํͳΜͩΖ͏͔ɾɾɾ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  36. ϫΠϠʔϑϨʔϜ͚ͩͰड͚਎ʹͳΒͳ͍ ʮ޻෉ʯΛσβΠϯʹऔΓࠐΉ ৘ใΛྲྀ͠ࠐΉͷͰ͸ͳ͘ɺ ಡΜͰ΋Β͏ͨΊʹ޻෉͠ ఏҊ·ͰͰ͖ΔσβΠφʔ ʹͳΖ͏ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ

  37. ௚઀࡞Γखͷ໨తΛૌ͑ΔͷΛ΍Ίͯɺ ʮϢʔβʔͷ໨తʯ·ͰσβΠϯʹ൓ө ͦͷͨΊʹ͸σβΠφʔͱ ͍͑ͲͦͷαʔϏεΛΑ͘ ஌ΓɺϢʔβʔ໨ઢͰͷ૊ ΈཱͯσβΠϯ͕ඞཁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ

  38. ʮϢʔβʔͷ໨తʯୡ੒ʹԿ͕ඞཁ͔ʁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ϓϩδΣΫτϝϯόʔશһͰߟ͑Δ σβΠφʔ͕Ϧʔμʔγοϓͱͬͯ΋͍͍

  39. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔෆࡏͰ΋ʜʁ 8PSE1SFTTςʔϚ ແྉ༗ྉ )5.-ςϯϓϨʔτ 4/4͚ͩͰ0, ϓϩ͡Όͳͯ͘΋σβΠφʔෆࡏͰ΋ɺ ͱΓ͋͑ͣΧλν͸Ͱ͖Δ࣌୅

  40. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ෇ՃՁ஋Λ͚ͭΑ͏ ςϯϓϨʔτ΍ط੡඼Ͱ͸Ͱ͖ͳ͍ɺ ਓ͔ͩΒͰ͖ΔఏҊྗܕσβΠφʔʹͳΔ

  41. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠϯ͸ϩδοΫԽ͖͍ͯͯ͠Δ ϚϧνσόΠεରԠ ίϯϙʔωϯτԽ ΞδϟΠϧ։ൃ ։ൃɾӡ༻΋ࢹ໺ʹೖΕͨ σβΠϯ࠾༻͕ඞਢʹͳ͍ͬͯΔ

  42. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ݟͨ໨͚ͩͰ͸ͳ͍࿦ཧతσβΠϯ ։ൃˠӡ༻ˠ࠶։ൃʹ଱͑͏Δ σβΠϯఏҊͱεϐʔυײΛ࣋ͭ

  43. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ॓୊Λ࡞Βͳ͍ ΫϥΠΞϯτ YYYͰ˚˚Λߟ͍͑ͯ·͢ɺͲ͏Ͱ͠ΐ͏ʁ Ͱ͸ͦΕͰ࣋ͪؼͬͯ໌೔͓ૹΓ͠·͢ɻ σβΠφʔ ଧͪ߹Θͤ࣌ͷձ࿩͚ͩͰ σβΠφʔͷ࣋ͪؼΓ࡞ۀ͸ةݥ

  44. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͦͷ৔Ͱݟ͑ΔԽ͢Δ ࣗ෼͕࢖͍΍͍͢΋ͷΛબͿ ϝϯόʔ΍ΫϥΠΞϯτલͰααͬͱϥϑԽͰ͖Δ΋ͷΛબΜͰɺ ͦͷ৔ͰશһͰݟ͑ΔԽ͢Δͱ॓୊ͷζϨ͕ى͖ʹ͍͘ ϓϩτλΠϓπʔϧ J1BE1SP "QQMF1FODJM εέονϒοΫ େ൑

  45. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ J1BE1SP 1FODJM (PPE/PUFT͕࠷ڧͩͬͨ J1IPOFJ1BEରԠԁ (PPE/PUFT σϕϩούɿ5JNF#BTF5FDIOPMPHZ-JNJUFE

  46. ΞδΣϯμ ·ͱΊ 5IBOLZPVGPSMJTUFOJOHTPGBS ˒

  47. ·ͱΊ ຊ೔ͷ·ͱΊ σβΠϯ͸఻͑Δ͜ͱɻࢥߟఀࢭ͠ͳ͍ɺߟ͑Δ Ϣʔβʔ໨ઢͰߟ͑ΒΕ͍ͯΔ͔ʁϢʔβʔୈҰओٛΛେ੾ʹ ͳͥʁΛৗʹߟ͑Δ ϝϯόʔશһ͕69޲্ʹऔΓ૊ΉΑ͏ͳνʔϜ࡞Γ ड͚਎σβΠφʔ͸΍ΊͯɺఏҊ͢ΔྗΛ ͨͩ০Δ͚ͩͷσβΠϯɺ୭͔ͷݴ͍ͳΓʹͳ͍ͬͯͳ͍͔ʁ ϥϑ΍ϫΠϠʔϑϨʔϜ௨ΓͰࢥߟྗΛࣺ͍ͯͯͳ͍͔ʁ ΤϯδχΞͱίϛϡχέʔγϣϯ͸औΕ͍ͯΔ͔

  48. ·ͱΊ Ͱ͖Δͱ͜Ζ͔Βɺগͣͭ͠ ·ͣ͸σβΠφʔ͔Βಈ͍ͯΈΑ͏ ͱݴͬͯ΋ɺશͯΛ͜ͳ͢ͷ͸೉͍͠ʜ

  49. ·ͱΊ σβΠϯͰɺ͢΂ͯͷਓΛ޾ͤʹɻ *OEFTJHO NBLFFWFSZPOFIBQQZ

  50. None