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

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

rie05
October 31, 2017
Design
3
4.9k

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

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
98
CSS Nite in Osaka, vol.48
rie05
1
530
これからデザイナーとして生き残るために必要なスキルと戦略
rie05
0
190

Other Decks in Design

See All in Design
noteが目指す創作をつづけるためのエモーショナルデザイン
yumatsushita
0
3.7k
超簡単！デザインシステム導入の手引き
fixel_admin
1
220
外食を支えるプロダクトを生み出す、顧客理解の追求
yamamoto67
1
520
デザイン本部デザイナーのお仕事
mixil
0
550
Tu fais du Web et tu ne connais pas les Layout Shifts ?! Nan mais...
goetter
2
200
“わかりやすい”と“つかいやすい”その前から始まるUIデザイン
5kaichi
2
510
BuriKaigi2023 みんなのヨガ部 開発エピソード
yd_niku
1
270
Lazer Robot Rabbits
leemwitz
1
190
Recreating the DuBois Data Portraits
ajstarks
5
2.7k
Kurashiru Brand Guideline
delyinc
0
3k
Anatomy of Dynamic color
rockname
0
600
The Consolations of Complexity
tsmorgan
1
270

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
GitHub's CSS Performance
jonrohan
1020
430k
Designing for humans not robots
tammielis
245
24k
A better future with KSS
kneath
230
16k
The Cult of Friendly URLs
andyhume
69
5.1k
Why You Should Never Use an ORM
jnunemaker
PRO
49
7.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
63k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
How to Ace a Technical Interview
jacobian
270
21k
Writing Fast Ruby
sferik
613
58k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k

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