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

A9066b308c02ba960ebee5805d310c3f?s=47 DIST
June 22, 2018

「問題解決のためのクリエイティブコーディング」博報堂 アイ・スタジオ 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

A9066b308c02ba960ebee5805d310c3f?s=128

DIST

June 22, 2018
Tweet

Transcript

  1. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒɾίʔσΟϯά തใಊ ΞΠɾελδΦ UXσβΠφʔ খҪ ਔ Hiroshi KOI @nulldesign

  2. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά wࣗݾ঺հ wΫϦΤΠςΟϒίʔσΟϯά w࣮ྫ

  3. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά খҪਔ തใಊΞΠɾελδΦ 6*69σβΠφʔ ओͳۀ຿͸ݚڀ։ൃʢ3%ʣ IUUQOVMMEFTJHOKQ 5X!OVMMEFTJHO 1SJWBUFXPSL

  4. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά %FTJHOFS &OHJOFFS ͲΜͳਓʁ

  5. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά %FTJHOFS &OHJOFFS %JSFDUFS ͲΜͳਓʁ

  6. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά NFUSPHSBN @%&4*(/4*()5ಈ͖ͷΧΨΫల 5IF8FCCZ"XBSET/&5"35XJOOFS :BIPP+"1"/JOUFSOFUDSFBUJWFBXBSEJOOPWBUJPO4JMWFS 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. ໰୊ղܾͷͨΊͷΫϦΤΠςΟϒίʔσΟϯά ͋Γ͕ͱ͏͍͟͝·ͨ͠