「問題解決のためのクリエイティブコーディング」博報堂 アイ・スタジオ UXデザイナー 小井 仁

2018年6月22日に行われたDIST.21 「クリエイティブコーディングで生み出すWebデザインの世界観」のスライドです。

■概要
近年のWebデザインはマルチデバイス時代を迎え、フラットデザインやマテリアルデザインが台頭しています。あらゆるデバイスに情報や体験を届けられるようになった反面、ふとするとオリジナリティに欠けた均一的なビジュアルになりがちな一面も確かにあります。

一方、openFrameworksやProcessingなどを使ったクリエイティブコーディングの世界では、創造的な表現を目的としたシーンが盛り上がりを見せています。はたしてWebデザインには、クリエイティブコーディングのような考え方は一切不要なのでしょうか？　作りやすさと独自性。使いやすさと創造性。これらは決して対立軸ではないはずです。

DIST.21では、クリエイティビティの最前線で活躍するデザイナー、デベロッパーをお招きし、クリエイティブコーディングで生み出すWebデザインの世界観について語り合います。

■DISTについて
DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。

Web制作関連をテーマとした勉強会を、2ヶ月に1回程度のペースで開催しています。デザイナー、エンジニア、ディレクターなどあらゆる立場の方に参加していただき、その知の共有、研鑽ならびに参加者同士の交流を目的としています。

■公式サイト
http://dist.tokyo

■GitHubリポジトリ
https://github.com/448jp/dist

Transcript

1. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒɾίʔσΟϯά തใಊ ΞΠɾελδΦ UXσβΠφʔ খҪ ਔ Hiroshi KOI @nulldesign
2. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά wࣗݾ঺հ
   wΫϦΤΠςΟϒίʔσΟϯά
   w࣮ྫ
3. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά খҪ
   ਔ തใಊΞΠɾελδΦ 6*69σβΠφʔ ओͳۀ຿͸ݚڀ։ൃʢ3%ʣ IUUQOVMMEFTJHOKQ
   5X
   !OVMMEFTJHO 1SJWBUF
   XPSL
4. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά %FTJHOFS &OHJOFFS ͲΜͳਓʁ
5. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά %FTJHOFS &OHJOFFS %JSFDUFS ͲΜͳਓʁ
6. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά NFUSPHSBN
    @
   %&4*(/
   4*()5
   ಈ͖ͷΧΨΫల
   5IF
   8FCCZ
   "XBSET
   
   /&5"35
   XJOOFS
   :BIPP
   +"1"/
   JOUFSOFU
   DSFBUJWF
   BXBSE
   
   JOOPWBUJPO
   4JMWFS URL: http://nulldesign.jp/metrogram3d/
7. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά NBTT
    +"(%"
   &OUSZ URL: http://nulldesign.jp/mass/
8. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά off the record
9. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠςΟϒίʔσΟϯά
   ͱ
   ࢓ࣄ
10. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠςΟϒίʔσΟϯά
    ͸
    ೉͍͠
11. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ೉қ౓ɹɹɹधཁ
12. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά υϝΠϯʹΑΔೝࣝͷҧ͍ ϓϩσϡʔαʔ ΤϯδχΞ ϓϥϯφʔ σΟϨΫλʔ σβΠφʔ
13. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά υϝΠϯʹΑΔೝࣝͷҧ͍ ϓϩσϡʔαʔ ΤϯδχΞ ϓϥϯφʔ σΟϨΫλʔ σβΠφʔ
14. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά σβΠϯ ࣮૷ ֬ೝ 1SPKFDU Α͋͘ΔҊ݅ʹ͓͚ΔσβΠϯͱ࣮૷ͷྲྀΕ
15. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ίϯηϓτڞ༗ ࣮૷ ֬ೝ 1SPKFDU ϓϩτλΠϓΛ࣠ʹͨ͠ਐΊํ σβΠϯ
16. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠσΟϒίʔσΟϯά
 ۀ຿࣮੷
17. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠσΟϒίʔσΟϯά
    ϓϩτλΠϓ
    ۀ຿࣮੷
18. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠσΟϒίʔσΟϯάΛ௚઀ ۀ຿ʢ͓ۚʣʹ͢ΔͷͰ͸ͳ͘ɺ
    ϓϩτλΠϓΛؒʹڬΉ͜ͱͰ
    ఏҊͷ෢ثͱ͍ͯ͘͠ɻ
19. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά
20. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά
21. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ϓϩτλΠϓΛ࣠ʹͨ͠ਐΊํ w࠷ऴΞ΢τϓοτͷܗΛΠϝʔδ͠΍͍͢
    w੍࡞ͷલஈ֊ͷͨΊίϯςϯπͷ࠶ઃܭ͕Մೳ
    wମݧͷ࡞Γ͜ΈΛ֬ೝ͠΍͍͢ ͍͍ॴ
22. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ϓϩτλΠϓΛ࣠ʹͨ͠ਐΊํ w͋Γ΋ͷʹґଘͯ͠͠·͏
    wϓϩτλΠϓ͋Γ͖ʹͳΓ͗͢ΔͱՔಇ͕๲ΒΈ΍͍͢
    wϑΟδϏϦςΟΛऔΓͳ͕ΒਐΊͳ͍ͱةݥ ؾΛ͚͍ͭͨॴ
23. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ΫϦΤΠςΟϒίʔσΟϯά͔Β࣮੷ʹͭͳ͕ͬͨࣄྫ঺հ
24. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά
25. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά
26. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά
27. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά DEMO
28. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά 5SFL5SBDL IUUQTUSFLUSBDLKQ
29. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά DEMO
30. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά off the record
31. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ͋Γ͕ͱ͏͍͟͝·ͨ͠