Enviar búsqueda
Cargar
Graphic Design for Motion
•
0 recomendaciones
•
847 vistas
S
Shuji Hirai
Seguir
X SQUARE vol.2 @FabCafe Shibuya 2019.10.06
Leer menos
Leer más
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 61
Descargar ahora
Descargar para leer sin conexión
Recomendados
2019.09.22(sun) @FabCafe MTRL Shibuya
NEORT AfterEffects Workshop
NEORT AfterEffects Workshop
Shuji Hirai
千葉県茂原市での「第2回協働事業提案サポート講座」で開催した、『対話を「見える化」する ファシリテーション・グラフィック』の資料です。
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
Azumi Wada
Graphic recoding-ws-
Graphic recoding-ws-
Naoka MISAWA
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
Azumi Wada
ファシリテーショングラフィック、グラフィックレコーディング、ワークショップデザインのポートフォリオです。 web http://www.webd-labo.com/ グラフィックレコーディング系の作品 https://azumi-graphics.tumblr.com/
Wadaazumi portfolio
Wadaazumi portfolio
Azumi Wada
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング の資料です。
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
Azumi Wada
グラフィックレコーディング勉強会in静岡 160220のスライドです。 © 2016 グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada
グラフィックレコーディング勉強会in静岡 160220
グラフィックレコーディング勉強会in静岡 160220
Azumi Wada
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
Recomendados
2019.09.22(sun) @FabCafe MTRL Shibuya
NEORT AfterEffects Workshop
NEORT AfterEffects Workshop
Shuji Hirai
千葉県茂原市での「第2回協働事業提案サポート講座」で開催した、『対話を「見える化」する ファシリテーション・グラフィック』の資料です。
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
Azumi Wada
Graphic recoding-ws-
Graphic recoding-ws-
Naoka MISAWA
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
Azumi Wada
ファシリテーショングラフィック、グラフィックレコーディング、ワークショップデザインのポートフォリオです。 web http://www.webd-labo.com/ グラフィックレコーディング系の作品 https://azumi-graphics.tumblr.com/
Wadaazumi portfolio
Wadaazumi portfolio
Azumi Wada
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング の資料です。
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
Azumi Wada
グラフィックレコーディング勉強会in静岡 160220のスライドです。 © 2016 グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada
グラフィックレコーディング勉強会in静岡 160220
グラフィックレコーディング勉強会in静岡 160220
Azumi Wada
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
schoo WEB-campusで放送したグラフィックレコーディング講座の授業資料です。https://schoo.jp/class/2393
明日から使えるグラフィックレコーディング入門 How Graphic Recording
明日から使えるグラフィックレコーディング入門 How Graphic Recording
Satomi Wanami
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ のスライドです。 https://eventon.jp/1665 アウトプットのイメージ・情報の認識をすり合わせられていないことで起こる、仕事での「コミュニケーション・ギャップ」。今回のワークショップは、この「コミュニケーション・ギャップ」の解決に役立てるためのグラフィックレコーディングを学びあいます。
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
Azumi Wada
「グラフィックレコーディングをやってみよう!ワークショップ」の資料です。 ■イベントページ https://eventon.jp/239/ グラフィックレコーディングとは、会議での議論やカンファレンスの流れを視覚化し、参加者へ共有する手法です。参加者の思考発話内容をリアルタイムで視覚的にわかりやすく伝えることができるので、アイディア創発の場や、会議での合意形成を促します。 最近では、内閣官房による行政会議や様々なカンファレンス、デザインの現場等合意形成の場で積極的に用いられるようになっており、その有用性に注目が集まっています。 今回のワークショップでは、グラフィックレコーディングを行う上で重要な「聴き分ける」「表現する」「構造化する」の3つのSTEPを重点的に学び、体系的に習得することを目指します。
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
Azumi Wada
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
2017年5月28日に開催されたABC2017Springでの講演資料
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
2015/06/20にリクルート様で開催させていただきましたグラフィックレコーディング勉強会ワークショップの資料です。
Grareco ws 150620
Grareco ws 150620
masashi tsuzaki
2022/2/10 日本都市計画学会主催:都市計画セミナー3日目 登壇資料
220210都市計画セミナー「SDGsと都市計画・まちづくり」
220210都市計画セミナー「SDGsと都市計画・まちづくり」
Mayuko Mitani
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
東京都・御茶ノ水で「インフォグラフィック」を基礎から学べるセミナー
Infographics Workshop 2015.02.18 at digitalhollywood
Infographics Workshop 2015.02.18 at digitalhollywood
Akio Yonekura
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』2015/11/09(月) 和田あずみ
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
Azumi Wada
グラフィックレコーディング~構造化のコツ~160213 Devlove関西のスライドです
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
Azumi Wada
2015 年5月23日 マイナビクリエイター https://creator.mynavi-agent.jp/seminar/detail/0020
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
Akio Yonekura
「オリジナルデザインのGoogleマップを作ろう!」 アクセスマップなどで使う機会も多いGoogleマップ。実は、Google Maps APIという仕組みを使うと、細かいカラーリングや表示要素のコントロールができることをご存じですか? Webページのデザインに合わせて、Googleマップもオリジナルデザインにカスタマイズする方法をデザイナー向けにご紹介します。 * デザイナー向けGoogle Maps APIの使い方 * カラーリングのポイント * 便利なWebサービスの紹介 ---------------------------------------------------- 株式会社スパイラルエッジ http://spiraledge.jp/ WEBデザイナー / WEBプログラマー 渡辺 知規(WATANABE Tomonori)
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
Tomonori Watanabe
[G's Nite] Webなんでも勉強会Creative!【Webデザイン&Webプログラミングでデジタル・アート、クリエイティブプログラミング】
P5sound
P5sound
Akio Yonekura
1.グラフィックレコーディングの活動をなぜ続けているのか? 2.グラフィックレコーディングを描いている時の工夫あれこれ
Enjoy Graphic Recording
Enjoy Graphic Recording
Satomi Wanami
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
クリエイティブに身体性や造形性を主体にして身体性からどのようにビジョンという抽象的な未来の項目を考えられないか。 エクスペリエンスデザイナーである左右田智美が、デザイナーとしての経験から身体性を用いてのビジョンデザイン設計を提案。 武蔵野美術大学ソーシャルクリエイティブ研究所の発足記念イベント「日本のビジョンをデザイン」の冒頭のイントロダクションとして発表されました。 実際に行ったビジョンデザインのワークショップの詳細のリンクはこちらから↓ http://www.tomomisayuda.com/portfolio-item/senario-and-puppet-workshop-for-vision-design-%e6%97%a5%e6%9c%ac%e3%81%ae%e3%83%93%e3%82%b8%e3%83%a7%e3%83%b3%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%af%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7/
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
Tomomi Sayuda
エンジニアの恋と愛とセックスのDevOps http://www.cross-party.com/programs/love/ の資料です。
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
Aya Komuro
Más contenido relacionado
La actualidad más candente
schoo WEB-campusで放送したグラフィックレコーディング講座の授業資料です。https://schoo.jp/class/2393
明日から使えるグラフィックレコーディング入門 How Graphic Recording
明日から使えるグラフィックレコーディング入門 How Graphic Recording
Satomi Wanami
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ のスライドです。 https://eventon.jp/1665 アウトプットのイメージ・情報の認識をすり合わせられていないことで起こる、仕事での「コミュニケーション・ギャップ」。今回のワークショップは、この「コミュニケーション・ギャップ」の解決に役立てるためのグラフィックレコーディングを学びあいます。
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
Azumi Wada
「グラフィックレコーディングをやってみよう!ワークショップ」の資料です。 ■イベントページ https://eventon.jp/239/ グラフィックレコーディングとは、会議での議論やカンファレンスの流れを視覚化し、参加者へ共有する手法です。参加者の思考発話内容をリアルタイムで視覚的にわかりやすく伝えることができるので、アイディア創発の場や、会議での合意形成を促します。 最近では、内閣官房による行政会議や様々なカンファレンス、デザインの現場等合意形成の場で積極的に用いられるようになっており、その有用性に注目が集まっています。 今回のワークショップでは、グラフィックレコーディングを行う上で重要な「聴き分ける」「表現する」「構造化する」の3つのSTEPを重点的に学び、体系的に習得することを目指します。
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
Azumi Wada
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
2017年5月28日に開催されたABC2017Springでの講演資料
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
2015/06/20にリクルート様で開催させていただきましたグラフィックレコーディング勉強会ワークショップの資料です。
Grareco ws 150620
Grareco ws 150620
masashi tsuzaki
2022/2/10 日本都市計画学会主催:都市計画セミナー3日目 登壇資料
220210都市計画セミナー「SDGsと都市計画・まちづくり」
220210都市計画セミナー「SDGsと都市計画・まちづくり」
Mayuko Mitani
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
東京都・御茶ノ水で「インフォグラフィック」を基礎から学べるセミナー
Infographics Workshop 2015.02.18 at digitalhollywood
Infographics Workshop 2015.02.18 at digitalhollywood
Akio Yonekura
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』2015/11/09(月) 和田あずみ
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
Azumi Wada
グラフィックレコーディング~構造化のコツ~160213 Devlove関西のスライドです
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
Azumi Wada
2015 年5月23日 マイナビクリエイター https://creator.mynavi-agent.jp/seminar/detail/0020
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
Akio Yonekura
「オリジナルデザインのGoogleマップを作ろう!」 アクセスマップなどで使う機会も多いGoogleマップ。実は、Google Maps APIという仕組みを使うと、細かいカラーリングや表示要素のコントロールができることをご存じですか? Webページのデザインに合わせて、Googleマップもオリジナルデザインにカスタマイズする方法をデザイナー向けにご紹介します。 * デザイナー向けGoogle Maps APIの使い方 * カラーリングのポイント * 便利なWebサービスの紹介 ---------------------------------------------------- 株式会社スパイラルエッジ http://spiraledge.jp/ WEBデザイナー / WEBプログラマー 渡辺 知規(WATANABE Tomonori)
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
Tomonori Watanabe
[G's Nite] Webなんでも勉強会Creative!【Webデザイン&Webプログラミングでデジタル・アート、クリエイティブプログラミング】
P5sound
P5sound
Akio Yonekura
1.グラフィックレコーディングの活動をなぜ続けているのか? 2.グラフィックレコーディングを描いている時の工夫あれこれ
Enjoy Graphic Recording
Enjoy Graphic Recording
Satomi Wanami
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
La actualidad más candente
(20)
明日から使えるグラフィックレコーディング入門 How Graphic Recording
明日から使えるグラフィックレコーディング入門 How Graphic Recording
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Grareco ws 150620
Grareco ws 150620
220210都市計画セミナー「SDGsと都市計画・まちづくり」
220210都市計画セミナー「SDGsと都市計画・まちづくり」
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Infographics Workshop 2015.02.18 at digitalhollywood
Infographics Workshop 2015.02.18 at digitalhollywood
Sketchで変わるワークフロー
Sketchで変わるワークフロー
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
DIST.7 「オリジナルデザインのGoogleマップを作ろう!」
P5sound
P5sound
Enjoy Graphic Recording
Enjoy Graphic Recording
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
Similar a Graphic Design for Motion
クリエイティブに身体性や造形性を主体にして身体性からどのようにビジョンという抽象的な未来の項目を考えられないか。 エクスペリエンスデザイナーである左右田智美が、デザイナーとしての経験から身体性を用いてのビジョンデザイン設計を提案。 武蔵野美術大学ソーシャルクリエイティブ研究所の発足記念イベント「日本のビジョンをデザイン」の冒頭のイントロダクションとして発表されました。 実際に行ったビジョンデザインのワークショップの詳細のリンクはこちらから↓ http://www.tomomisayuda.com/portfolio-item/senario-and-puppet-workshop-for-vision-design-%e6%97%a5%e6%9c%ac%e3%81%ae%e3%83%93%e3%82%b8%e3%83%a7%e3%83%b3%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%af%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7/
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
Tomomi Sayuda
エンジニアの恋と愛とセックスのDevOps http://www.cross-party.com/programs/love/ の資料です。
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
Aya Komuro
2015年12月19日に大阪産創館で行われた「まにまにフェスティバル」で発表した資料です。
141219 まにフェス
141219 まにフェス
rie05
オープンセミナー岡山2014での発表資料 2014.05.17
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
2016年7月24日「Adobe Design Jimoto Vol.2 in 渋谷」のトークセッション用のスライドです。LiBについて話しました。
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
Haiji Haiiro
グラフィックレコーディング勉強会in宇都宮 第2弾のスライドです。 ■講師 講師:グラフィックレコーディング勉強会メンバー 4名 講師:和田 あずみ 株式会社DeNAトラベル ディレクター オンライン旅行サイト『DeNAトラベル』の定性・定量調査、サービス開発に従事。 グローバルなデザインの現場の現場をはじめ、カンファレンスやNPOの合意形成の場などで ファシリテーショングラフィック、グラフィックレコーディングの活動を行っている。 HCD-Net認定 人間中心設計専門家 講師:和波里翠 株式会社ディー・エヌ・エー UI・UX・グラフィックデザイナー DeNAライフサイエンス新規事業のUI/UXデザインを担う。 「想いを見える化」することを目指し、議論をリアルタイムに可視化して共有するグラフィックレコーディングの活動を行っており、ワークショップを始め全国100か所を超える講演イベント、議論の場、ハッカソンなどで実践中。 講師:小野 奈津美 株式会社マックグラフィックアーツ Webディレクター セミナーやイベントなどメインにグラフィックレコーダーとして活動中。 今後はアイデアの可視化・ファシリテーショングラフィックなど、課題解決の場に活用できるよう奮闘中。 講師:西田 武史 企業のヒューマンリソース系の業務に長年従事。これまで、就労支援やキャリアデザ インを中心とした様々な「場づくり」の企画、運営に携わる。 産業技術大学院大学 人間中心デザイン 修了 青山学院大学 ワークショップデザイナー育成プログラム 修了 特定非営利活動法人日本キャリア開発協会CDA(キャリア・デベロップメント・アドバイザー)
グラフィックレコーディング勉強会in宇都宮 第2弾
グラフィックレコーディング勉強会in宇都宮 第2弾
グラフィックレコーディング勉強会
第2回Startup UIDesigners Night http://everevo.com/event/21306
Ssi 20150519
Ssi 20150519
真一 藤川
平林竜一のポートフォリオ 新しい作品を随時更新していく予定です。
Portfolio ver01
Portfolio ver01
Ryuichi07
KLab福岡Meetup 「禍つヴァールハイトを支えるレイアウト業務」 デザイナーが行うUNITYレイアウト実装のメリットについて
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
KLab Inc. / Tech
2019年4月23日開催「彩りのある暮らしをつくる、強いインハウスデザイン」登壇資料
Lifull x oisix toda 190423
Lifull x oisix toda 190423
oisixradaichi
2016年1月24日
20160124_GPL勉強会
20160124_GPL勉強会
rie05
「WPJ Conference Vol.1 DESIGN meets CODE」の発表資料
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
一般論としてキャリア設計についての自分の考えをまとめました。
キャリア設計的な話
キャリア設計的な話
祐磨 堀
GDC ラウンドテーブルで得た情報量 2016 - Demystifying VFX, Art Director & Leadership, RiotGames Roundtables at GDC 2016 - 2016/4/02で行われたGDC2016報告会のスライドです。 GDC ラウンドテーブルの雰囲気や重要性について知っていただければ幸いです。 コメント欄に情報を詰めましたので是非ダウンロードして読んでみてください。 ■他の登壇者の方のスライドはこちらにありますので併せてどうぞ。 http://www.igda.jp/?p=3518 A report about attending GDC 2016 Roundtables (VFX, Art Direction & Leadership, RiotGames) for IGDA's Report 2016. (In Japanese)
GDC ラウンドテーブルで得た情報量 2016 - Demystifying VFX, Art Director & Leadership, RiotGa...
GDC ラウンドテーブルで得た情報量 2016 - Demystifying VFX, Art Director & Leadership, RiotGa...
TARO KOBAYASHI
Pixate勉強会で使用した資料です。
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
theguild
Android Bazaar and Conference 2014 Spring: デザイントラック「UI/UXデザイントレンド 2014」発表資料(2014年3月21日、秋葉原ダイビル+UDX) http://www.android-group.jp/conference/abc2014s/conference/design/
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
Nobuya Sato
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
マネジメント未経験の元フリーランスがデザインマネージャーになったので、そのキャリアについて語ります
About Design Manager
About Design Manager
Marino Yokoi
高品質プロダクトを作るためのワークフローについてのトークで使用したものです。
for creating high-quality products
for creating high-quality products
ShingoSuzuki14
9/27 UX Cafe B2BサービスのUXデザインを語ろう 発表資料
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
Similar a Graphic Design for Motion
(20)
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
身体性から考える 未来のビジョンデザイン 左右田智美 / Embodiment Vision -Design Tomomi Sayuda
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
141219 まにフェス
141219 まにフェス
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
グラフィックレコーディング勉強会in宇都宮 第2弾
グラフィックレコーディング勉強会in宇都宮 第2弾
Ssi 20150519
Ssi 20150519
Portfolio ver01
Portfolio ver01
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
Lifull x oisix toda 190423
Lifull x oisix toda 190423
20160124_GPL勉強会
20160124_GPL勉強会
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
キャリア設計的な話
キャリア設計的な話
GDC ラウンドテーブルで得た情報量 2016 - Demystifying VFX, Art Director & Leadership, RiotGa...
GDC ラウンドテーブルで得た情報量 2016 - Demystifying VFX, Art Director & Leadership, RiotGa...
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
About Design Manager
About Design Manager
for creating high-quality products
for creating high-quality products
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Graphic Design for Motion
1.
Graphic Design for
Motion 2019.10.06 X SQUARE vol.02 TDSW JUNCTION
2.
Profile 平井 秀次 Shuji Hirai デザイナー・モーショングラファー 1989年⽣まれ。兵庫県出⾝。⾦沢美術⼯芸⼤学
視覚デザイン専攻卒業。 株式会社ソニックジャムを経て現在フリーランス。dep Management所属。 モーショングラフィックス、VJ、ライブステージ演出等グラフィックデザインを軸に オンスクリーンメディアの制作に従事。 直近での主な仕事にサカナクション・ RADWIMPSや紅⽩歌合戦2018のライブステージ演出、岩壁⾳楽祭でのVJなど。 - 映像作家100⼈ 2018, 2019 選出 Twitter : @shujihirai
3.
Skills Graphic / Web
/ App Design Motion Design VJ illustrator, Photoshop, Sketch AfterEffects, CINEMA4D, blender VDMX5
4.
Hurray! Website CALAR.ink Website -
AWWWARDS Honorable Mention - CSS Design Awards SPECIAL KUDOS LINNE LEMS Website, App Motion Design 第22回⽂化庁メディア芸術祭エンターテインメント部⾨ 優秀賞
5.
6.
REEL2019 https://vimeo.com/341786833
7.
考え⽅・表現の話 事例の話 Agenda
8.
考え⽅・表現の話
9.
グラフィックデザイン→モーションデザイン 基本的に「デザインからモーションまで⼀⼈で完結」パターンが多い 制作スタイル
10.
グラフィックデザイン→モーションデザイン 基本的に「デザインからモーションまで⼀⼈で完結」パターンが多い →限られたリソースで出来る範疇でクオリティを最⼤化する⼯夫が必要 制作スタイル
11.
グラフィックデザイン タイポグラフィ インフォグラフィック 配⾊ イラストレーション 実写 レイアウト 3DCG トーン&マナー ストーリーテリング 写真 UI/UX 詩的表現 ファインアート
12.
モーションデザイン カメラワーク エフェクト 静と動 可変レイアウト カット割り 意外性 視認性 ⾳楽とのシンクロ 連続性 複雑性 合理性 物理
13.
⾊々と意識しないといけないことが多い
14.
無理……🤮
15.
なので、頑張ることを厳選する →頑張る要素、好きな要素を分解・整理
16.
グラフィックデザイン タイポグラフィ レイアウト・配⾊ 3DCG イラストレーションストーリーテリング 実写(動画・写真)
17.
グラフィックデザイン タイポグラフィ レイアウト・配⾊ 3DCG イラストレーション ストーリーテリング 実写(動画・写真) ⽂字表現にまつわる技術。作字、⽂字組みなど ⾊の組み合わせや余⽩のとり⽅など⼼地よい画⾯作りの技術 3DCG演出の技術。フォトリアルな描画、シミュレーション表現など 感情の機微やストーリー・説明の流れなど情報をわかりやすく伝える技術 カメラを使ってビジュアルを作成する技術 幾何学図形の組み合わせやイラストなど2D表現にまつわる技術
18.
グラフィックデザイン ❤ ❤ ❤ タイポグラフィ レイアウト・配⾊ イラストレーション ストーリーテリング 実写(動画・写真) ⽂字表現にまつわる技術。作字、⽂字組みなど ⾊の組み合わせや余⽩のとり⽅など⼼地よい画⾯作りの技術 3DCG演出の技術。フォトリアルな描画、シミュレーション表現など 感情の機微やストーリー・説明の流れなど情報をわかりやすく伝える技術 カメラを使ってビジュアルを作成する技術 幾何学図形の組み合わせやイラストなど2D表現にまつわる技術 3DCG
19.
視認性 連続性 意外性 シンクロ性合理性 複雑性 モーションデザイン
20.
視認性 合理性 意外性 シンクロ性 連続性 複雑性 画⾯内の要素がしっかり認識できるなど、情報伝達にまつわる性質 イージングのルールや物理法則など画⾯内における動きの秩序に関する性質 鑑賞者が予想だにしない動きや展開など、驚きに関わる性質 ⾳楽とタイミングが合っているなど⽣理的な⼼地よさにまつわる性質 シームレスな動きや⼼地よい画⾯遷移など、時間軸上での⼀貫性 ランダムな配置・動きのパターン数など作中での情報量の多さ モーションデザイン
21.
視認性 合理性 意外性 シンクロ性 連続性 複雑性 画⾯内の要素がしっかり認識できるなど、情報伝達にまつわる性質 イージングのルールや物理法則など画⾯内における動きの秩序に関する性質 鑑賞者が予想だにしない動きや展開など、驚きに関わる性質 ⾳楽とタイミングが合っているなど⽣理的な⼼地よさにまつわる性質 シームレスな動きや⼼地よい画⾯遷移など、時間軸上での⼀貫性 モーションデザイン ❤ ❤ ❤ ランダムな配置・動きのパターン数など作中での情報量の多さ
22.
モーションデザイングラフィックデザイン
23.
モーションデザイングラフィックデザイン
24.
作⾵が印象的→良い意味でバランスが悪いということ モーションデザイングラフィックデザイン
25.
作⾵が印象的→良い意味でバランスが悪いということ →バランスの悪さを⾃覚し、有効活⽤する →案件ごとに最適なステ振りを考える モーションデザイングラフィックデザイン
26.
事例の話
27.
SPACESHOWER TV BIGHITS!
28.
29.
Refferences TAME IMPALA- Feels
Like We Only Go Backwards clammbon「タイムライン」 MV Rough&Laugh kz remix short-version Bauhaus Movement CORNELIUS - Fit Song
30.
⼿描きアニメできない…😇 リアルなCGできない…😇
31.
CINEMA4Dで抽象的・有機的なアニメーション AfterEffectsで⼿描きっぽいアナログな質感調整 TRY
32.
スプラインラップを使い、3次元空間に引いた線に沿って オブジェクトを有機的に動かす
33.
動きのパターンをいくつか作ってMographでランダムに複製・配置
34.
テクスチャは影の影響を受けないフラットなシェーディング 視差など3Dならではの空間表現は活かしつつ2Dっぽい⼿描きアニメ的な⾒た⽬を⽬指す
35.
このシーンのコップだけ⽴体感がなくなって分かりづらかったので影付き 違和感を感じない程度に影が描画されるように
36.
おおまかな⾒た⽬の⽅向性が固まった時点で⾳楽も発注 動かしたラフと⾳楽のリファレンス、想定の尺を共有 モーション詰めるのは⾳源貰ってから 先に⾒た⽬の部分(⼀枚絵的な良さ)を詰めていく SOUND DIRECTION
37.
C4Dから書き出した直後の状態
38.
AEに持っていき、⾊調補正
39.
ポスタリゼーションエフェクトをかけて⼿塗りっぽく
40.
ミディアンエフェクトでディティールをにじませて⽔彩っぽく
41.
版ずれっぽいのを追加してアナログチックに 最終レンダリングは⼿描きアニメと同じ24fpsで書き出し
42.
ロゴのトランジションエフェクトもC4Dから素材を書き出し AEでエフェクトを複数組み合わせてマスクを作成
43.
⼿描きっぽいけど⼿描きじゃない 3Dだけど2Dっぽい 楽しい😊 本来の使い⽅じゃないけどそれもアリ、みたいなやつ
44.
モーションデザイングラフィックデザイン
45.
紅白歌合戦2018 TWICE Stage
Visual
46.
初回打ち合わせ:12/15 2⽇後にデザイン提出 その3⽇後にフル尺提出 スケジュール
47.
ヤバい
48.
CINEMA4Dを使って効率的に早く作る (しかしビジュアルにはちゃんとこだわる) TRY
49.
放送では基本的に画⾯はカメラで⼀部分を抜かれるので、 どういう⾵に切り取っても成⽴しそうなデザインが好ましい(らしい) ←こういう⾵に全体が⾒えてる瞬間は実はとても少ない…
50.
カラースキーム 紅⽩で披露する曲はJackson5のカバー曲とTWICEの曲の2曲メドレー それぞれのアーティストのビジュアルイメージ(MVやジャケ)から⾊を抽出
51.
⾯ごとに⾊をバラバラに配置した キューブの構造体を作る 平⾏投影法を使ってグラフィカルな⾒た⽬に Mographでパラメトリックにグラフィックパターンを⽣成・量産
52.
53.
54.
背景にはAEでシンプルなシェイプアニメ背景を敷いてコンポジット
55.
タイポアニメーションはISOTYPEというアニメーションキットを 使⽤し、レイアウトとイン・アウトのモーションだけ調整 https://flashbackj.com/product/animography-isotype
56.
57.
モーションデザイングラフィックデザイン
58.
時間ない時ほど焦らず、デザインのルールを 作っておくと結果的に時間短縮に繋がる ルールの中でいかに遊びを持たせるかが ⾯⽩みにつながる(と個⼈的に思う)
59.
仕組み作り含めてデザインは⼤事
60.
Graphic Design for
Motion
61.
🙏
Descargar ahora