• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 鴻上早紀/情報デザイン研究I へ行く。
  • 1 (2023-04-08 (土) 10:34:15)
  • 2 (2023-04-08 (土) 10:34:15)
  • 3 (2023-04-08 (土) 10:34:15)
  • 4 (2023-04-08 (土) 10:34:15)
  • 5 (2023-04-08 (土) 10:34:15)
  • 6 (2023-04-08 (土) 10:34:15)
  • 7 (2023-04-08 (土) 10:34:15)
  • 8 (2023-04-08 (土) 10:34:15)
  • 9 (2023-04-08 (土) 10:34:15)
  • 10 (2023-04-08 (土) 10:34:15)
  • 11 (2023-04-08 (土) 10:34:15)
  • 12 (2023-04-08 (土) 10:34:15)
  • 13 (2023-04-08 (土) 10:34:15)
  • 14 (2023-04-08 (土) 10:34:15)
  • 15 (2023-05-07 (日) 12:05:28)
  • 16 (2023-05-07 (日) 12:05:28)
  • 17 (2023-05-07 (日) 12:05:28)
  • 18 (2023-05-07 (日) 12:05:28)
  • 19 (2023-05-07 (日) 12:05:28)
  • 20 (2023-05-16 (火) 15:52:29)
  • 21 (2023-05-16 (火) 15:52:29)
  • 22 (2023-05-16 (火) 15:52:29)
  • 23 (2023-05-16 (火) 15:52:29)
  • 24 (2023-05-16 (火) 15:52:29)
  • 25 (2023-05-16 (火) 15:52:29)
  • 26 (2023-05-16 (火) 15:52:29)
  • 27 (2023-05-16 (火) 15:52:29)
  • 28 (2023-05-16 (火) 15:52:29)
  • 29 (2023-05-16 (火) 15:52:29)
  • 30 (2023-05-16 (火) 15:52:29)
  • 31 (2023-05-16 (火) 15:52:29)
  • 32 (2023-05-16 (火) 15:52:29)
  • 33 (2023-06-11 (日) 16:55:25)
  • 34 (2023-06-13 (火) 16:59:42)
  • 35 (2023-06-15 (木) 17:34:48)
  • 36 (2023-06-15 (木) 17:39:09)
  • 37 (2023-06-15 (木) 17:39:09)
  • 38 (2023-06-20 (火) 15:22:31)
  • 39 (2023-06-20 (火) 15:22:31)
  • 40 (2023-06-20 (火) 15:22:31)
  • 41 (2023-06-20 (火) 15:22:31)
  • 42 (2023-07-04 (火) 14:06:18)
  • 43 (2023-07-04 (火) 14:06:18)
  • 44 (2023-07-18 (火) 11:59:21)

---

on-line

公式サイト、会員制オンラインコミュニティサイト

• Saki Kougami
• Keywords：Web site, community, official site, creator economy

概要

これは何？

• 公式サイト、会員制オンラインコミュニティサイト
  • 独自コンテンツ販売サイト
    
    

背景と目的

コロナウイルスの影響により社会的距離が求められ、オンライン活動が増えました。経済不安やおうち時間の増加によりクリエイターエコノミーが発展し、オンラインサロンは副業や起業の支援役割を果たしました。これ以外にもSNSやサブスクリプションサービスなどのオンラインコンテンツが増加した結果、コンテンツの飽和が生じ、今後は価値を感じるコンテンツの選択が重視されるようになると考えます。クリエイターエコノミーはさらに発展し、企業以外にも「この人の〇〇を買う」のような、人と人との交流を通じた場所の重要性が高まると考えられます。このため、自身が主体となり、コンテンツを発表、販売、観覧者と交流できるサイトを制作しようと考えました。

コンセプト

• 買いたいと魅力的に感じて長く滞在してもらえるように、清潔感のある見た目にする
• 操作性や流動性がわかりやすい画面作りをする
  
  

成果物の仕様

• Webサイト
• ワイヤーフレーム
• サイトマップ
  
  

制作ツール

• HTML
  
  

プロジェクトの期間

2023.04.11 - 2023.XX.XX

まとめ

企画を変更したので、どのような問題点があるか教授たちと相談していきたいと思った。それらの意見も踏まえてワイヤーフレームやサイトマップを迅速に制作して前半を巻き返したいと思った。

調査

現状調査

コロナウイルスによって社会的距離が必要性になり、多くの人々がオンラインでの活動や情報交換に頼るようになりました。
その中でイベントのオンライン移行やzoomを代表とするデジタル技術の進化によりオンラインコミュニティーやプラットホームを使用することが増加しました。
これらの技術はこれからの生活にも活用されて発展していくと考えます。
さらに経済不安やおうち時間の増加により学びへの関心や情報共有の需要の増加、クリエイターエコノミーが発展したことで、オンラインサロンは副業や起業の支援として重要な役割を果たしました。
また上記の内容からコロナ前と比べてコンテンツも増加しました。
その結果、イベントや娯楽をはじめとする様々なコンテンツが飽和状態にあります。
今後は飽和の中でどこに価値を感じるかを大切に購入したり利用したりしていく時代になると考えます。
よって現在も注目されているクリエイターエコノミーはこれからもさらに発展し、ファン同士やクリエイター、アーティストとの関係性を強化する場が必要になってくると思います。物やサービスは企業が提供するだけではなく、「この人の〇〇を買う」のような人と人との交流を通した場所で展開していくと考えました。
そこで私自身もクリエイターエコノミーに参入する必要性があると感じ、自分でプラットホームを立ち上げ、私を主体としてコンテンツを発表、販売、観覧者と交流できるサイトを制作しようと考えました。
https://www3.nhk.or.jp/news/html/20210331/k10012947941000.html
https://www.nhk.or.jp/gendai/articles/4528/
https://toyokeizai.net/articles/-/372557
https://ideasforgood.jp/glossary/creator-economy/

• 大手オンラインサロンのプラットホーム
  メリット
  • 最短でオンラインサロンの立ち上げが可能
  • 既に多くのユーザーがプラットフォームに登録されているため、新規ユーザーの獲得や集客の負担が軽減される
    デメリット
  • 利益から手数料を徴収される
  • 自分好みのカスタマイズができない
  • プラットホームが消えるとサロンも消える
• 独自のサイトで運営しているサイト
  メリット
  • 自分好みのカスタマイズできる
  • 収益数料や利用料を支払う必要がないため収益を最大化することができる
  • 自分が管理している限り消えない
    増設長期的運用では優位になると考えられる
    デメリット
  • 利用者の獲得と集客の負担
  • サイト制作技術がいる
• https://autoro.io/mag/onlinesalon/
• https://www.rbbtoday.com/webcode/sidebusiness/online-salon-start/#i
• https://hint.lit.link/fan-club/fanclub-platform

• 自前オンラインサロンは作ることができる
• https://coconala.com/magazine/8511

先行事例

• DMMオンラインサロン
• CAMPFIRE Community
• 個人公式サイト
• 芸能人の例
• 芸能人の例
  
  

技法・技術情報

• HTML
  
  
  
  

プロジェクト管理

スケジュール

• スプレッドシート

ToDo

-モーションの基礎を作り終える
-サイトにGIF形式でupする
-SNSにアップする
-プラグインを入れる
-エクセルで単語を出す
-いくつかまとまるのか全然違うものの集まりなのか分類する

---

---

2023.05.23

企画変更

• 会員制コミュニティーサイト制作
  
  

先行事例

• DMMオンラインサロン
• CAMPFIRE Community
• 個人公式サイト
• 芸能人の例
• 芸能人の例
  
  

現状調査

コロナウイルスによって社会的距離が必要性になり、多くの人々がオンラインでの活動や情報交換に頼るようになりました。
その中でイベントのオンライン移行やzoomを代表とするデジタル技術の進化によりオンラインコミュニティーやプラットホームを使用することが増加しました。
これらの技術はこれからの生活にも活用されて発展していくと考えます。
さらに経済不安やおうち時間の増加により学びへの関心や情報共有の需要の増加、クリエイターエコノミーが発展したことで、オンラインサロンは副業や起業の支援として重要な役割を果たしました。
また上記の内容からコロナ前と比べてコンテンツも増加しました。
その結果、イベントや娯楽をはじめとする様々なコンテンツが飽和状態にあります。
今後は飽和の中でどこに価値を感じるかを大切に購入したり利用したりしていく時代になると考えます。
よって現在も注目されているクリエイターエコノミーはこれからもさらに発展し、ファン同士やアーティストとの関係性を強化する場が必要になってくると思います。物やサービスは企業が提供するだけではなく、「この人の〇〇を買う」のような人と人との交流を通した場所で展開していくと考えました。
そこで私自身もクリエイターエコノミーに参入する必要性があると感じ、自分でプラットホームを立ち上げ、私を主体としてコンテンツを発表、販売、観覧者と交流できるサイトを制作しようと考えました。
https://www3.nhk.or.jp/news/html/20210331/k10012947941000.html
https://www.nhk.or.jp/gendai/articles/4528/
https://toyokeizai.net/articles/-/372557
https://ideasforgood.jp/glossary/creator-economy/

• 大手オンラインサロンのプラットホーム
  メリット
  • 最短でオンラインサロンの立ち上げが可能
  • 既に多くのユーザーがプラットフォームに登録されているため、新規ユーザーの獲得や集客の負担が軽減される
    デメリット
  • 利益から手数料を徴収される
  • 自分好みのカスタマイズができない
  • プラットホームが消えるとサロンも消える
• 独自のサイトで運営しているサイト
  メリット
  • 自分好みのカスタマイズできる
  • 収益数料や利用料を支払う必要がないため収益を最大化することができる
  • 自分が管理している限り消えない
    増設長期的運用では優位になると考えられる
    デメリット
  • 利用者の獲得と集客の負担
  • サイト制作技術がいる
• https://autoro.io/mag/onlinesalon/
• https://www.rbbtoday.com/webcode/sidebusiness/online-salon-start/#i
• https://hint.lit.link/fan-club/fanclub-platform

• 自前オンラインサロンは作ることができる
• https://coconala.com/magazine/8511

前回までの企画

motion × sound

擬音をモーションで表現する研究

• Saki Kougami
• Keywords：Motion graphics, computer graphics, Adobe After Effects
• 進捗

概要

これは何？

• 擬音をモーションで表現した映像制作
  
  

背景と目的

• モーショングラフィックスは動くことで、シンプルでも静止画より様々な情報を伝えることができます。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在します。今回はモーショングラフィックスの動きに着目し、擬音を視覚的に捉えたモーショングラフィックスを制作します。
  
  

コンセプト

• 簡単な図形、動きで擬音を視覚化するモーショングラフィックス
  
  

成果物の仕様

• 4秒~10秒を目安に動画を12個制作 ( Instagram )
• GIF形式での書き出し
  
  

制作ツール

• aftereffect
• Illustrator
  
  

プロジェクトの期間

2023.04.11 - 2023.XX.XX

まとめ

• 動きに注目させるために色をモノクロにしてSEもなくしていたが情報量が足りず味気ないと感じた
• 今まで通りの制作から色数を増やした制作に変更する
• SEは入れれそうなものにのみ挿入する
  • すべてに挿入したかったがあまり自分の想像している音がなかったため
  • 動きに注目して音を感じてほしいため
  • GIF形式にする予定なので音の情報が元から必要ないため
• 試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
• もう一度動きの分類をして制作を絞る
  
  
  
  

調査

現状調査

• https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
  • モーショングラフィックスは動きや音がつくことにより静止画よりもさらに情報が伝わりやすいです。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• https://goworkship.com/magazine/visualdesign-motion-ux-effect/
  • モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在し、それらが組み合わさって一つの作品になっています。その一つ一つを分解、分析し区別できると考えます。

• https://tsuta-world.com/tsuta-marke/media/?p=7281
• https://thingmedia.jp/11323
  
  

先行事例

• しん
• TAK
  
  

技法・技術情報

• Action Planetあくしょんプラネット
• mooograph
• Putti Monkey Wrench
• モーション周期表
• aftereffect
  
  
  
  

プロジェクト管理

スケジュール

• スプレッドシート

ToDo

• モーションの基礎を作り終える
• サイトにGIF形式でupする
  -SNSにアップする
  -プラグインを入れる
  -エクセルで単語を出す
  -いくつかまとまるのか全然違うものの集まりなのか分類する

2023.05.16

作業

• 進捗
• ブラッシュアップ
  • 効果音をつける
  • 情報量を増やすため色数を増やす
• 効果音をダウンロード
  
  
  
  

企画

• 見ることで擬音を感じることができるモーショングラフィックスを複数作る
  
  
  
  

2023.05.09

作業

• 進捗
  
  

制作物の仕様

• Instagram
• animation GIFで掲載（出来たら別サイト）
  
  

企画

-見ることで擬音やオノマトペを感じることができるモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、音楽に合わせたモーショングラフィックスを作る

2023.05.02

作業

• メインビジュアルを変更
• プラグイン入れる
• アカウント作る
  
  

企画

-様々な擬音からモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、モーショングラフィックスを作る

制作物の仕様

-動画(VIMEO)

• animation GIF（サイト）
  
  
  
  

2023.04.25

作業

• エクセルで単語や音の案を出す
• いくつかまとまるのか全然違うものの集まりなのか分類する

企画

• モーショングラフィックスを約30個作成する
  
  

テーマ

• 効果音（オノマトペ）、単語、環境音楽
• 言葉に表せない情景なども含む
• 音が無くても音が聞こえるモーション、表現の組み合わせを研究する
  
  

制作物の仕様

• 動画(VIMEO)
• animation GIF
  
  

テーマ選定

• 効果音（オノマトペ）
• 単語
  人柄
  鉱石
  色
  
  

今回の使用用途

• モーションロゴ
• リリックビデオ
  
  

現状調査

• モーションロゴはどういった場面で使用されているか
  • ドラマの状況説明（推理など）
  • 映画のタイトル
  • 企業説明
  • 案内
  • 展示会場
  • モーションロゴ
  • リリックビデオ
  • MV
  • PV
    
    
    使用される状況で効果的な表現は全く異なるので、
    自身がどんな場面で使用するかを想定する必要がある

2023.04.18

研究は映像制作に決定

企画

• 様々なモーションを制作していく
• それらのモーションを分類する
  
  

現状調査

• https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
  • モーショングラフィックスは動きや音がつくことにより静止画よりもさらに情報が伝わりやすいです。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• https://goworkship.com/magazine/visualdesign-motion-ux-effect/
  • モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在し、それらが組み合わさって一つの作品になっています。その一つ一つを分解、分析し区別できると考えます。

• https://tsuta-world.com/tsuta-marke/media/?p=7281
• https://thingmedia.jp/11323

先行研究

• 映像制作
  • フォトコラージュアニメーション
  • フォトコラージュアニメーション
  • 3Dを利用したモーショングラフィック
  • C4Dを用いた作品

• 楽曲制作
  • 四コマ文庫
  • 死神
    
    
    
    

技法・技術情報

• 映像制作
  • もう石田
  • UMU TOKYO
  • 藍瀬まなみ
  • サンゼ
  • カズノコ
  • しん
  • カナタ
  • 【Blender攻略】The_Movie
  • Illustrator Tricks
  • TAK
  • モーション周期表
  • Action Planetあくしょんプラネット
  • mooograph
  • Putti Monkey Wrench
    
    

• 楽曲制作
  • 使い方1
  • 使い方2
  • 使い方3
  • クランとリオン
  • Reo
  • シユウ
  • yamaha
  • 音楽理論1
  • 音楽理論2
  • 音楽理論3
  • 音楽理論4
  • 音楽理論5
    
    
    
    

2023.04.11

調査

先輩方の先行研究の調査
PV制作でしたいことに近い

• "その波、寄せては返す" PV制作プロジェクト
• Vaporwave FuturePop
• 幻鯨
• Attractive Motion
  
  
  サイトを使用しているがモーションが参考になる
• Web小説 『　黒い金魚　』
  
  
  これらは物だけれど、ブランディングの参考になる
• 「kamakura」のブランド化、プロモーション
• unkdown. PV
• 𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘
  
  
  ブランディングの一つにSNS運用も考えられるので参考になる
• WITH FLOWERS

やってみたいこと

• 映像制作
  • テーマ、コンセプトを決めてそれに合わせた制作
  • MVを作る
    • モーショングラフィック
    • 2Dと3D（実写も？）を使用する
    • 楽曲制作と合わせてもいいかも
      
      
• 楽曲制作
  （のちにパッケージやMVに繋げる）
  • 合成ソフト
  • MIXする
  • グラフィックデザイン
    
    
• サイト作成
  • 祖母の家から見た地元の市についてまとめたサイト
  • プロモーションビデオ制作

わからないことがあればAIに探してもらう