鴻上早紀/情報デザイン研究I
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*motion
一つ一つの動きを擬音をテーマに表現する
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Motion graphics,Adobe After Effects,WordPre...
-__[[WordPress Site>https://kohaku-work-589.com/]]__
//[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
//computer graphics,
~
**概要
***これは何?
-モーショングラフィックスの一つ一つの動きに着目し、細分化...
//-擬音をモーションで表現した映像制作
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
-モーショングラフィックスは動くことで、シンプルでも静止画...
-モーショングラフィックスは視聴者に注目してもらうために様...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-擬音を用いることでモーショングラフィックスの動きを直感的...
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-サイトマップ
#image(サイトマップ.jpg)
-ワイヤーフレーム
|#image(02.jpg)||#image(03.jpg)||#image(04.jpg)|
-__[[WordPress Site>https://kohaku-work-589.com/]]__
--GIF形式・1920×1080・10秒以内の尺
--動きを分類する(20投稿)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-aftereffect
-Illustrator
-WordPress
--CONOHA WING
--cocoon(モノクロ by yurukei20)
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.04.11 - 2023.XX.XX (二、三週間別の企画していました)
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
モーショングラフィックスにおける図形の動きや変形は、何が...
//-動きに注目させるために色をモノクロにしてSEもなくしてい...
//-今まで通りの制作から色数を増やした制作に変更する
//-SEは入れれそうなものにのみ挿入する
//--すべてに挿入したかったがあまり自分の想像している音が...
//--動きに注目して音を感じてほしいため
//--GIF形式にする予定なので音の情報が元から必要ないため
//-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
//-もう一度動きの分類をして制作を絞る
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[しん>https://twitter.com/shiiiiiin223]]__
-__[[TAK>https://twitter.com/gakky72867206]]__
-__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Action Planetあくしょんプラネット>https://www.youtube....
-[[mooograph>https://www.youtube.com/@mooograph]]
-[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
-[[モーション周期表>http://foxcodex.html.xdomain.jp/About...
-aftereffect
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-モーションの基礎を作り終える
-サイトにGIF形式でupする
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2023.07.11
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-最終発表から修正
--TOP画面新規作成
--記事(モーションの工程)を詳しく書く
--ワイヤーフレーム変更
|#image(02.jpg)||#image(03.jpg)||#image(04.jpg)|
擬音50音順でモーションを分類してみると擬音の数に偏りが生...
特に「あ行」「な行」「や行」「ら行」が少なく、「は行」が...
※__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__...
~
~
**2023.07.04
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-最終発表から修正
--サイドメニューなどの削除
~
~
**2023.06.27
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-GIFの投稿、カテゴリー分類をする
-最終発表準備
~
~
**2023.06.20
***作業
-サイトマップ
--50音順では何の50音順なのかわからない
→技法で検索できない動きをを検索させたいなら「動きで探す」...
--〇〇で探すというタイトルにする
-分類の仕方について
--せっかくWordPressを使用しているから回転と移動どちらも対...
--場合によってはカテゴリーだけではなくタグも利用する
-サイトマップ
#image(サイトマップ.jpg)
-WordPressサイトを作ろうとしたら有料になった
--xfreeでは無料サーバーを一つしか作ることができないのでし...
→無料版だと読み込みが遅いためサーバーをレンタルする
→[[konaha WING>https://www.conoha.jp/wing/]]
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-現在制作しているGIFの投稿、カテゴリー分類をする
~
~
**2023.06.13
***作業
-オンラインコミュニティサイトを作るにはWEBアプリケーショ...
現在の持っている技術でできる範囲を超えている。
-銀行や配達業者と契約する必要がある。
-多額のお金がかかる。
-WordPressであればオンプレミスとクラウドどちらでも使用で...
まずはWordPressのカスタマイズから
~
***企画変更
-前回の企画である「一つ一つの動きを、擬音をテーマにモーシ...
~
***試作
-WordPress上の分類の仕方を考える
--あいうえお順
--アニメーションの仕方(種類)で分類
--形と動きに関係性をつける(擬音や動きによって形を変える)
-サイトマップ
#image(サイトマップ1.jpg)
-ワイヤーフレーム
|#image(1.jpg)||#image(2.jpg)|
//-動画制作
//-GIF化
~
~
~
*on-line
新しいビジネスモデルとしての自前オンラインサイトの制作
//、会員制コミュニティーサイトの制作
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Web site, community, official site, creator...
//-[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
-個人サイト、会員制オンラインコミュニティサイトのテンプレ...
--独自コンテンツ販売サイト
--ファンクラブ型オンラインサロン
//、会員制コミュニティーサイト)
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
コロナウイルスの影響により社会的距離が求められ、オンライ...
//作り、特定のテーマや関心事に共感する人々が集まって交流...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-ペルソナがコンテンツを発表する個人サイトの制作
--ペルソナは女性クリエイター
-コンテンツを発表、販売するサイト
--グッズ販売、他のサービスへの誘導、観覧者と交流できるサ...
--課題としてこのサイトを作る過程を投稿型コンテンツ、香椎...
-買いたいと魅力的に感じて長く滞在してもらえるように、清潔...
-操作性や流動性がわかりやすい画面作りをする
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-Webサイト
-ワイヤーフレーム
-サイトマップ
-サイトのテンプレート
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-HTML
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.05.23 - 2023.XX.XX
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
企画を変更したので、どのような問題点があるか教授たちと相...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
~
オンラインサロンの種類
-コミュニティ型
--コミュニティ型のオンラインサロンの目的は、同じ趣味や目...
-ファンクラブ型
--ファンクラブとは、タレントやアーティストなど著名人のフ...
-スキルシェア型
--オンラインサロンを運営するオーナーが会員に対して、知識...
-プロジェクト型
--プロジェクト型のオンラインサロンは、オーナーが掲げるプ...
~
コロナウイルスによって社会的距離が必要性になり、多くの人...
その中でイベントのオンライン移行やzoomを代表とするデジタ...
これらの技術はこれからの生活にも活用されて発展していくと...
さらに経済不安やおうち時間の増加により学びへの関心や情報...
また上記の内容からコロナ前と比べてコンテンツも増加しまし...
その結果、イベントや娯楽をはじめとする様々なコンテンツが...
今後は飽和の中でどこに価値を感じるかを大切に購入したり利...
よって現在も注目されているクリエイターエコノミーはこれか...
そこでクリエイターエコノミーに参入する必要性があると感じ...
//特定のテーマや関心事に共感する人々が集まり、交流するサ...
https://www3.nhk.or.jp/news/html/20210331/k10012947941000...
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-sal...
-https://hint.lit.link/fan-club/fanclub-platform
-https://coconala.com/magazine/8511
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[DMMオンラインサロン>https://lounge.dmm.com/]]__
-__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__
-__[[個人公式サイト>https://www.mayu1111.org/]]__
-__[[芸能人の例>https://salon.horiemon.com/]]__
-__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui...
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-HTML
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
%%-モーションの基礎を作り終える%%
%%-サイトにGIF形式でupする%%
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
**2023.06.06
***作業
-女性クリエイターをペルソナにして、サイトのテンプレートを...
→コンテンツは挿入?
--このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模...
~
-既存のテンプレート(有料プラットフォームなど)との違い
~
&color(blue){既存のテンプレート};
オンラインコミュニティサイトに不可欠な機能
一般的なメニュー構成
~
-ホーム/ダッシュボード
サイトの概要や最新情報の表示
コミュニティの活動のハイライト
~
-コンテンツ/記事
メンバーが投稿した記事やコンテンツの一覧
カテゴリ別のフィルタリングや検索機能
~
-フォーラム/ディスカッション
トピックやスレッドの一覧表示
メンバー同士のディスカッションや質問への回答
~
-イベント/スケジュール
予定されているイベントやセミナーのスケジュール表示
参加登録やイベントへの参加確認
~
-メンバープロフィール
メンバーのプロフィール情報の表示と編集
メンバー同士のつながりやコミュニケーション
~
-メッセージ/ダイレクトメッセージ
メンバー同士の個別メッセージのやり取り
グループチャットやプライベートチャットの機能
~
-リソース/資料
コミュニティメンバーが共有する資料やリソースの一覧
ファイルのアップロードやダウンロード機能
~
-サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
~
//-支払い/会費管理
//サロンの利用料金や会費の管理機能
//支払い方法や会員ステータスの表示と更新
~
-通知/アラート
新着投稿やコメント、イベントの通知機能
メンバーへの重要な情報の伝達
~
~
~
&color(blue){今回制作するテンプレート};
-ホーム/ダッシュボード
サイトの概要や最新情報の表示
クリエイターの活動のハイライト
~
-メンバーコミュニティ
ファン同士、クリエイターとのの交流やコミュニケーションの場
投稿やコメント、いいねなどの機能
~
-クリエイター情報:
クリエイターのプロフィール情報、経歴、作品紹介
クリエイターの最新ニュースやスケジュールの表示
~
-イベント/ライブ情報
クリエイターのイベント情報の一覧
チケット予約や参加申し込みの機能
~
-オンラインコンテンツ
ファンクラブ限定のオンラインコンテンツ(記事、動画、音楽...
ダウンロードやストリーミングの機能
カテゴリ別のフィルタリングや検索機能
~
-メッセージ/ダイレクトメッセージ
ファンとアーティストの個別メッセージのやり取り
グループチャットやプライベートチャットの機能
~
-ファンクラブ限定特典
ファンへの特別なプレゼントや限定商品の販売
プラン(メンバーシップ)レベルに応じた特典の表示
~
-コミュニティイベント
ファン同士やアーティストとのコミュニティイベントの案内
オフラインイベントやファンミーティングの情報
~
-サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
~
-通知/アラート
新着コンテンツやイベントの通知機能
メンバーへの重要な情報の伝達
//~
//-ファン投票/アンケート
//ファンによる投票やアンケートの実施
//アーティストの意見や意思決定に参加する機能
~
-プラン(メンバーレベル)/ランク
メンバーシップのレベルやランクの表示
アクティブなファンやコントリビューターの評価
~
-ファンクラブニュースレター
ファンクラブメンバーへの定期的なニュースレター配信
最新情報や特別コンテンツの案内
//~
//-コンテスト/プレゼント企画
//ファンクラブメンバー向けのコンテストやプレゼント企画の...
//特典の獲得や参加者間の交流を促進
~
-ファンクラブストア
オフィシャルグッズや限定商品の販売
メンバー限定の割引や特典の提供
~
-アーカイブ/過去コンテンツ
過去のコンテンツやアーカイブの閲覧
過去のイベントやライブの映像や写真の提供
~
-ソーシャルメディア連携
ファンクラブのソーシャルメディアアカウントとの連携
最新情報や投稿のシェア機能
~
-支払い/会費管理
サロンの利用料金や会費の管理機能
支払い方法や会員ステータスの表示と更新
~
-サポートへの連絡
ファンクラブの運営チームへの連絡手段
問い合わせやフィードバックの送信
~
//今の案では、一般的なウェブサイトのテンプレートと、オン...
~
//一般的なウェブサイトのテンプレートとの違い
~
~
**2023.05.30
***試作
-__[[サイトマップ>https://drive.google.com/drive/folders/...
-__[[ワイヤーフレーム>https://drive.google.com/drive/fold...
-企画細分化
~
***コンセプト
-ペルソナがコンテンツを発表する個人サイトの制作
--ペルソナは女性クリエイター
-コンテンツを発表、販売するサイト
--グッズ販売、他のサービスへの誘導、観覧者と交流できるサ...
--このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模...
-買いたいと魅力的に感じて長く滞在してもらえるように、清潔...
-操作性や流動性がわかりやすい画面作りをする
~
~
**2023.05.23
***企画変更
-会員制コミュニティーサイト制作
~
***先行事例
-__[[DMMオンラインサロン>https://lounge.dmm.com/]]__
-__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__
-__[[個人公式サイト>https://www.mayu1111.org/]]__
-__[[芸能人の例>https://salon.horiemon.com/]]__
-__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui...
~
***現状調査
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
~
オンラインサロンの種類
-コミュニティ型
--コミュニティ型のオンラインサロンの目的は、同じ趣味や目...
-ファンクラブ型
--ファンクラブとは、タレントやアーティストなど著名人のフ...
-スキルシェア型
--オンラインサロンを運営するオーナーが会員に対して、知識...
-プロジェクト型
--プロジェクト型のオンラインサロンは、オーナーが掲げるプ...
~
コロナウイルスによって社会的距離が必要性になり、多くの人...
その中でイベントのオンライン移行やzoomを代表とするデジタ...
これらの技術はこれからの生活にも活用されて発展していくと...
さらに経済不安やおうち時間の増加により学びへの関心や情報...
また上記の内容からコロナ前と比べてコンテンツも増加しまし...
その結果、イベントや娯楽をはじめとする様々なコンテンツが...
今後は飽和の中でどこに価値を感じるかを大切に購入したり利...
よって現在も注目されているクリエイターエコノミーはこれか...
そこで私自身もクリエイターエコノミーに参入する必要性があ...
//特定のテーマや関心事に共感する人々が集まり、交流するサ...
https://www3.nhk.or.jp/news/html/20210331/k10012947941000...
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-sal...
-https://hint.lit.link/fan-club/fanclub-platform
-https://coconala.com/magazine/8511
~
//***調査
//***技法・技術情報
~
~
~
前回までの企画
*motion × sound
擬音をモーションで表現する研究
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Motion graphics, computer graphics, Adobe A...
-[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
-擬音をモーションで表現した映像制作
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
-モーショングラフィックスは動くことで、シンプルでも静止画...
-モーショングラフィックスは視聴者に注目してもらうために様...
親しみがあり、みなさんの想像する音で動きを楽しんでもらう...
//音のイメージを的確に表現する方法を研究します。
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-簡単な図形、動きで擬音を視覚化するモーショングラフィックス
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-4秒~10秒を目安に動画を12個制作 ( Instagram )
-GIF形式での書き出し
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-aftereffect
-Illustrator
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.04.11 - 2023.XX.XX
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
-動きに注目させるために色をモノクロにしてSEもなくしていた...
-今まで通りの制作から色数を増やした制作に変更する
-SEは入れれそうなものにのみ挿入する
--すべてに挿入したかったがあまり自分の想像している音がな...
--動きに注目して音を感じてほしいため
--GIF形式にする予定なので音の情報が元から必要ないため
-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
-もう一度動きの分類をして制作を絞る
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[しん>https://twitter.com/shiiiiiin223]]__
-__[[TAK>https://twitter.com/gakky72867206]]__
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Action Planetあくしょんプラネット>https://www.youtube....
-[[mooograph>https://www.youtube.com/@mooograph]]
-[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
-[[モーション周期表>http://foxcodex.html.xdomain.jp/About...
-aftereffect
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-モーションの基礎を作り終える
-サイトにGIF形式でupする
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
~
~
**2023.05.16
***作業
-__[[進捗>https://www.instagram.com/589_0509/]]__
-ブラッシュアップ
--効果音をつける
--情報量を増やすため色数を増やす
-効果音をダウンロード
-企画見直し
~
~
***企画
-見ることで擬音を感じることができるモーショングラフィック...
~
~
**2023.05.09
***作業
-__[[進捗>https://www.instagram.com/589_0509/]]__
~
***制作物の仕様
-Instagram
-animation GIFで掲載(出来たら別サイト)
~
***企画
%%-見ることで擬音やオノマトペを感じることができるモーショ...
%%-最後にそれらを組み合わせて使用し、音楽に合わせたモーシ...
~
~
**2023.05.02
***作業
-メインビジュアルを変更
-プラグイン入れる
-アカウント作る
~
***企画
%%-様々な擬音からモーショングラフィックスを複数作る%%
%%-最後にそれらを組み合わせて使用し、モーショングラフィッ...
~
***制作物の仕様
%%-動画(VIMEO)%%
-animation GIF(サイト)
~
~
**2023.04.25
***作業
-__[[エクセル>https://docs.google.com/spreadsheets/d/1cnJ...
-いくつかまとまるのか全然違うものの集まりなのか分類する
~
***企画
-モーショングラフィックスを約30個作成する
~
***テーマ
-効果音(オノマトペ)、単語、環境音楽
-言葉に表せない情景なども含む
-音が無くても音が聞こえるモーション、表現の組み合わせを研...
~
***制作物の仕様
-動画(VIMEO)
-animation GIF
~
***テーマ選定
-[[効果音(オノマトペ)>https://nihon5-bunka.net/onomatop...
-単語
人柄
鉱石
色
~
***今回の使用用途
-モーションロゴ
-リリックビデオ
~
***現状調査
-モーションロゴはどういった場面で使用されているか
--ドラマの状況説明(推理など)
--映画のタイトル
--企業説明
--案内
--展示会場
--モーションロゴ
--リリックビデオ
--MV
--PV
~
使用される状況で効果的な表現は全く異なるので、
自身がどんな場面で使用するかを想定する必要がある
~
~
**2023.04.18
***研究は映像制作に決定
***企画
-様々なモーションを制作していく
-それらのモーションを分類する
~
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
~
~
***先行研究
-映像制作
--[[フォトコラージュアニメーション>https://twitter.com/ga...
--[[フォトコラージュアニメーション>https://twitter.com/hi...
--[[3Dを利用したモーショングラフィック>https://twitter.co...
--[[C4Dを用いた作品>https://twitter.com/gakky72867206/sta...
~
-楽曲制作
--[[四コマ文庫>https://youtube.com/shorts/h07iBAfU9qs?fea...
--[[死神>https://youtu.be/8nxaZ69ElEc]]
~
~
***技法・技術情報
-映像制作
--[[もう石田>https://www.youtube.com/@mouishida/videos]]
--[[UMU TOKYO>https://www.youtube.com/@umutokyo5997]]
--[[藍瀬まなみ>https://youtu.be/a0rBr7ci8a4]]
--[[サンゼ>https://www.youtube.com/@sanze-studio]]
--[[カズノコ>https://www.youtube.com/channel/UC9h7pRTzhl6...
--[[しん>https://twitter.com/shiiiiiin223]]
--[[カナタ>https://twitter.com/kana_tasyohizei]]
--[[【Blender攻略】The_Movie>https://twitter.com/The1Movi...
--[[Illustrator Tricks>https://twitter.com/inspiredbytheA...
--[[TAK>https://twitter.com/gakky72867206]]
--[[モーション周期表>http://foxcodex.html.xdomain.jp/Abou...
--[[Action Planetあくしょんプラネット>https://www.youtube...
--[[mooograph>https://www.youtube.com/@mooograph]]
--[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
~
-楽曲制作
--[[使い方1>https://youtu.be/nMPUcoVmDE0]]
--[[使い方2>https://youtu.be/AwuNxNmHoaI]]
--[[使い方3>https://youtu.be/AwuNxNmHoaI]]
--[[クランとリオン>https://youtu.be/KXXdBQLZqsI]]
--[[Reo>https://youtu.be/a0rBr7ci8a4]]
--[[シユウ>https://www.youtube.com/@siy6u_DTM]]
--[[yamaha>https://www.youtube.com/@SteinbergJapan]]
--[[音楽理論1>https://www.youtube.com/live/_zMHo4Lq9aw?fe...
--[[音楽理論2>https://youtube.com/playlist?list=PLedsR4qZ...
--[[音楽理論3>https://youtube.com/playlist?list=PLNowcEUQ...
--[[音楽理論4>https://youtu.be/UFgVnhlhA40]]
--[[音楽理論5>https://youtu.be/B2HdaiEm3U0]]
~
~
**2023.04.11
***調査
先輩方の先行研究の調査
PV制作でしたいことに近い
-[["その波、寄せては返す" PV制作プロジェクト>https://desi...
-[[Vaporwave FuturePop>https://design.kyusan-u.ac.jp/soci...
-[[幻鯨>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B...
-[[Attractive Motion>https://design.kyusan-u.ac.jp/social...
~
サイトを使用しているがモーションが参考になる
-[[Web小説 『 黒い金魚 』>https://design.kyusan-u.ac.jp...
~
これらは物だけれど、ブランディングの参考になる
-[[「kamakura」のブランド化、プロモーション>https://desig...
-[[unkdown. PV>https://design.kyusan-u.ac.jp/socialdesign...
-[[𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘>https://design.kyusan-u.ac.jp/socialdesign/...
~
ブランディングの一つにSNS運用も考えられるので参考になる
-[[WITH FLOWERS>https://design.kyusan-u.ac.jp/socialdesig...
//-[[かそう空間で息を吸う(仮想 × 夏想)>https://design.k...
~
***やってみたいこと
-映像制作
--テーマ、コンセプトを決めてそれに合わせた制作
--MVを作る
---モーショングラフィック
---2Dと3D(実写も?)を使用する
---楽曲制作と合わせてもいいかも
~
-楽曲制作
(のちにパッケージやMVに繋げる)
--合成ソフト
--MIXする
--グラフィックデザイン
~
-サイト作成
--祖母の家から見た地元の市についてまとめたサイト
--プロモーションビデオ制作
わからないことがあればAIに探してもらう
~
~
~
終了行:
*motion
一つ一つの動きを擬音をテーマに表現する
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Motion graphics,Adobe After Effects,WordPre...
-__[[WordPress Site>https://kohaku-work-589.com/]]__
//[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
//computer graphics,
~
**概要
***これは何?
-モーショングラフィックスの一つ一つの動きに着目し、細分化...
//-擬音をモーションで表現した映像制作
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
-モーショングラフィックスは動くことで、シンプルでも静止画...
-モーショングラフィックスは視聴者に注目してもらうために様...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-擬音を用いることでモーショングラフィックスの動きを直感的...
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-サイトマップ
#image(サイトマップ.jpg)
-ワイヤーフレーム
|#image(02.jpg)||#image(03.jpg)||#image(04.jpg)|
-__[[WordPress Site>https://kohaku-work-589.com/]]__
--GIF形式・1920×1080・10秒以内の尺
--動きを分類する(20投稿)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-aftereffect
-Illustrator
-WordPress
--CONOHA WING
--cocoon(モノクロ by yurukei20)
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.04.11 - 2023.XX.XX (二、三週間別の企画していました)
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
モーショングラフィックスにおける図形の動きや変形は、何が...
//-動きに注目させるために色をモノクロにしてSEもなくしてい...
//-今まで通りの制作から色数を増やした制作に変更する
//-SEは入れれそうなものにのみ挿入する
//--すべてに挿入したかったがあまり自分の想像している音が...
//--動きに注目して音を感じてほしいため
//--GIF形式にする予定なので音の情報が元から必要ないため
//-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
//-もう一度動きの分類をして制作を絞る
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[しん>https://twitter.com/shiiiiiin223]]__
-__[[TAK>https://twitter.com/gakky72867206]]__
-__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Action Planetあくしょんプラネット>https://www.youtube....
-[[mooograph>https://www.youtube.com/@mooograph]]
-[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
-[[モーション周期表>http://foxcodex.html.xdomain.jp/About...
-aftereffect
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-モーションの基礎を作り終える
-サイトにGIF形式でupする
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2023.07.11
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-最終発表から修正
--TOP画面新規作成
--記事(モーションの工程)を詳しく書く
--ワイヤーフレーム変更
|#image(02.jpg)||#image(03.jpg)||#image(04.jpg)|
擬音50音順でモーションを分類してみると擬音の数に偏りが生...
特に「あ行」「な行」「や行」「ら行」が少なく、「は行」が...
※__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__...
~
~
**2023.07.04
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-最終発表から修正
--サイドメニューなどの削除
~
~
**2023.06.27
***作業
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-GIFの投稿、カテゴリー分類をする
-最終発表準備
~
~
**2023.06.20
***作業
-サイトマップ
--50音順では何の50音順なのかわからない
→技法で検索できない動きをを検索させたいなら「動きで探す」...
--〇〇で探すというタイトルにする
-分類の仕方について
--せっかくWordPressを使用しているから回転と移動どちらも対...
--場合によってはカテゴリーだけではなくタグも利用する
-サイトマップ
#image(サイトマップ.jpg)
-WordPressサイトを作ろうとしたら有料になった
--xfreeでは無料サーバーを一つしか作ることができないのでし...
→無料版だと読み込みが遅いためサーバーをレンタルする
→[[konaha WING>https://www.conoha.jp/wing/]]
-__[[WordPress Site>https://kohaku-work-589.com/]]__
-現在制作しているGIFの投稿、カテゴリー分類をする
~
~
**2023.06.13
***作業
-オンラインコミュニティサイトを作るにはWEBアプリケーショ...
現在の持っている技術でできる範囲を超えている。
-銀行や配達業者と契約する必要がある。
-多額のお金がかかる。
-WordPressであればオンプレミスとクラウドどちらでも使用で...
まずはWordPressのカスタマイズから
~
***企画変更
-前回の企画である「一つ一つの動きを、擬音をテーマにモーシ...
~
***試作
-WordPress上の分類の仕方を考える
--あいうえお順
--アニメーションの仕方(種類)で分類
--形と動きに関係性をつける(擬音や動きによって形を変える)
-サイトマップ
#image(サイトマップ1.jpg)
-ワイヤーフレーム
|#image(1.jpg)||#image(2.jpg)|
//-動画制作
//-GIF化
~
~
~
*on-line
新しいビジネスモデルとしての自前オンラインサイトの制作
//、会員制コミュニティーサイトの制作
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Web site, community, official site, creator...
//-[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
-個人サイト、会員制オンラインコミュニティサイトのテンプレ...
--独自コンテンツ販売サイト
--ファンクラブ型オンラインサロン
//、会員制コミュニティーサイト)
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
コロナウイルスの影響により社会的距離が求められ、オンライ...
//作り、特定のテーマや関心事に共感する人々が集まって交流...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-ペルソナがコンテンツを発表する個人サイトの制作
--ペルソナは女性クリエイター
-コンテンツを発表、販売するサイト
--グッズ販売、他のサービスへの誘導、観覧者と交流できるサ...
--課題としてこのサイトを作る過程を投稿型コンテンツ、香椎...
-買いたいと魅力的に感じて長く滞在してもらえるように、清潔...
-操作性や流動性がわかりやすい画面作りをする
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-Webサイト
-ワイヤーフレーム
-サイトマップ
-サイトのテンプレート
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-HTML
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.05.23 - 2023.XX.XX
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
企画を変更したので、どのような問題点があるか教授たちと相...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
~
オンラインサロンの種類
-コミュニティ型
--コミュニティ型のオンラインサロンの目的は、同じ趣味や目...
-ファンクラブ型
--ファンクラブとは、タレントやアーティストなど著名人のフ...
-スキルシェア型
--オンラインサロンを運営するオーナーが会員に対して、知識...
-プロジェクト型
--プロジェクト型のオンラインサロンは、オーナーが掲げるプ...
~
コロナウイルスによって社会的距離が必要性になり、多くの人...
その中でイベントのオンライン移行やzoomを代表とするデジタ...
これらの技術はこれからの生活にも活用されて発展していくと...
さらに経済不安やおうち時間の増加により学びへの関心や情報...
また上記の内容からコロナ前と比べてコンテンツも増加しまし...
その結果、イベントや娯楽をはじめとする様々なコンテンツが...
今後は飽和の中でどこに価値を感じるかを大切に購入したり利...
よって現在も注目されているクリエイターエコノミーはこれか...
そこでクリエイターエコノミーに参入する必要性があると感じ...
//特定のテーマや関心事に共感する人々が集まり、交流するサ...
https://www3.nhk.or.jp/news/html/20210331/k10012947941000...
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-sal...
-https://hint.lit.link/fan-club/fanclub-platform
-https://coconala.com/magazine/8511
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[DMMオンラインサロン>https://lounge.dmm.com/]]__
-__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__
-__[[個人公式サイト>https://www.mayu1111.org/]]__
-__[[芸能人の例>https://salon.horiemon.com/]]__
-__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui...
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-HTML
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
%%-モーションの基礎を作り終える%%
%%-サイトにGIF形式でupする%%
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
**2023.06.06
***作業
-女性クリエイターをペルソナにして、サイトのテンプレートを...
→コンテンツは挿入?
--このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模...
~
-既存のテンプレート(有料プラットフォームなど)との違い
~
&color(blue){既存のテンプレート};
オンラインコミュニティサイトに不可欠な機能
一般的なメニュー構成
~
-ホーム/ダッシュボード
サイトの概要や最新情報の表示
コミュニティの活動のハイライト
~
-コンテンツ/記事
メンバーが投稿した記事やコンテンツの一覧
カテゴリ別のフィルタリングや検索機能
~
-フォーラム/ディスカッション
トピックやスレッドの一覧表示
メンバー同士のディスカッションや質問への回答
~
-イベント/スケジュール
予定されているイベントやセミナーのスケジュール表示
参加登録やイベントへの参加確認
~
-メンバープロフィール
メンバーのプロフィール情報の表示と編集
メンバー同士のつながりやコミュニケーション
~
-メッセージ/ダイレクトメッセージ
メンバー同士の個別メッセージのやり取り
グループチャットやプライベートチャットの機能
~
-リソース/資料
コミュニティメンバーが共有する資料やリソースの一覧
ファイルのアップロードやダウンロード機能
~
-サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
~
//-支払い/会費管理
//サロンの利用料金や会費の管理機能
//支払い方法や会員ステータスの表示と更新
~
-通知/アラート
新着投稿やコメント、イベントの通知機能
メンバーへの重要な情報の伝達
~
~
~
&color(blue){今回制作するテンプレート};
-ホーム/ダッシュボード
サイトの概要や最新情報の表示
クリエイターの活動のハイライト
~
-メンバーコミュニティ
ファン同士、クリエイターとのの交流やコミュニケーションの場
投稿やコメント、いいねなどの機能
~
-クリエイター情報:
クリエイターのプロフィール情報、経歴、作品紹介
クリエイターの最新ニュースやスケジュールの表示
~
-イベント/ライブ情報
クリエイターのイベント情報の一覧
チケット予約や参加申し込みの機能
~
-オンラインコンテンツ
ファンクラブ限定のオンラインコンテンツ(記事、動画、音楽...
ダウンロードやストリーミングの機能
カテゴリ別のフィルタリングや検索機能
~
-メッセージ/ダイレクトメッセージ
ファンとアーティストの個別メッセージのやり取り
グループチャットやプライベートチャットの機能
~
-ファンクラブ限定特典
ファンへの特別なプレゼントや限定商品の販売
プラン(メンバーシップ)レベルに応じた特典の表示
~
-コミュニティイベント
ファン同士やアーティストとのコミュニティイベントの案内
オフラインイベントやファンミーティングの情報
~
-サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
~
-通知/アラート
新着コンテンツやイベントの通知機能
メンバーへの重要な情報の伝達
//~
//-ファン投票/アンケート
//ファンによる投票やアンケートの実施
//アーティストの意見や意思決定に参加する機能
~
-プラン(メンバーレベル)/ランク
メンバーシップのレベルやランクの表示
アクティブなファンやコントリビューターの評価
~
-ファンクラブニュースレター
ファンクラブメンバーへの定期的なニュースレター配信
最新情報や特別コンテンツの案内
//~
//-コンテスト/プレゼント企画
//ファンクラブメンバー向けのコンテストやプレゼント企画の...
//特典の獲得や参加者間の交流を促進
~
-ファンクラブストア
オフィシャルグッズや限定商品の販売
メンバー限定の割引や特典の提供
~
-アーカイブ/過去コンテンツ
過去のコンテンツやアーカイブの閲覧
過去のイベントやライブの映像や写真の提供
~
-ソーシャルメディア連携
ファンクラブのソーシャルメディアアカウントとの連携
最新情報や投稿のシェア機能
~
-支払い/会費管理
サロンの利用料金や会費の管理機能
支払い方法や会員ステータスの表示と更新
~
-サポートへの連絡
ファンクラブの運営チームへの連絡手段
問い合わせやフィードバックの送信
~
//今の案では、一般的なウェブサイトのテンプレートと、オン...
~
//一般的なウェブサイトのテンプレートとの違い
~
~
**2023.05.30
***試作
-__[[サイトマップ>https://drive.google.com/drive/folders/...
-__[[ワイヤーフレーム>https://drive.google.com/drive/fold...
-企画細分化
~
***コンセプト
-ペルソナがコンテンツを発表する個人サイトの制作
--ペルソナは女性クリエイター
-コンテンツを発表、販売するサイト
--グッズ販売、他のサービスへの誘導、観覧者と交流できるサ...
--このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模...
-買いたいと魅力的に感じて長く滞在してもらえるように、清潔...
-操作性や流動性がわかりやすい画面作りをする
~
~
**2023.05.23
***企画変更
-会員制コミュニティーサイト制作
~
***先行事例
-__[[DMMオンラインサロン>https://lounge.dmm.com/]]__
-__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__
-__[[個人公式サイト>https://www.mayu1111.org/]]__
-__[[芸能人の例>https://salon.horiemon.com/]]__
-__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui...
~
***現状調査
コミュニティーサイトには大きくオンラインサロンとファンク...
オンラインサロンとは会費を支払い、情報などを得ることがで...
数年前から著名人や有識者がオーナーとなり情報提供や交流を...
~
オンラインサロンの種類
-コミュニティ型
--コミュニティ型のオンラインサロンの目的は、同じ趣味や目...
-ファンクラブ型
--ファンクラブとは、タレントやアーティストなど著名人のフ...
-スキルシェア型
--オンラインサロンを運営するオーナーが会員に対して、知識...
-プロジェクト型
--プロジェクト型のオンラインサロンは、オーナーが掲げるプ...
~
コロナウイルスによって社会的距離が必要性になり、多くの人...
その中でイベントのオンライン移行やzoomを代表とするデジタ...
これらの技術はこれからの生活にも活用されて発展していくと...
さらに経済不安やおうち時間の増加により学びへの関心や情報...
また上記の内容からコロナ前と比べてコンテンツも増加しまし...
その結果、イベントや娯楽をはじめとする様々なコンテンツが...
今後は飽和の中でどこに価値を感じるかを大切に購入したり利...
よって現在も注目されているクリエイターエコノミーはこれか...
そこで私自身もクリエイターエコノミーに参入する必要性があ...
//特定のテーマや関心事に共感する人々が集まり、交流するサ...
https://www3.nhk.or.jp/news/html/20210331/k10012947941000...
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-sal...
-https://hint.lit.link/fan-club/fanclub-platform
-https://coconala.com/magazine/8511
~
//***調査
//***技法・技術情報
~
~
~
前回までの企画
*motion × sound
擬音をモーションで表現する研究
#image(01.gif)
-''Saki Kougami''
-'''Keywords:Motion graphics, computer graphics, Adobe A...
-[[進捗>https://www.instagram.com/589_0509/]]
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
-擬音をモーションで表現した映像制作
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
-モーショングラフィックスは動くことで、シンプルでも静止画...
-モーショングラフィックスは視聴者に注目してもらうために様...
親しみがあり、みなさんの想像する音で動きを楽しんでもらう...
//音のイメージを的確に表現する方法を研究します。
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
-簡単な図形、動きで擬音を視覚化するモーショングラフィックス
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-4秒~10秒を目安に動画を12個制作 ( Instagram )
-GIF形式での書き出し
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
-aftereffect
-Illustrator
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2023.04.11 - 2023.XX.XX
//&color(red){プロジェクトの期間|2023.04.11 - 20XX.XX.XX...
~
***まとめ
-動きに注目させるために色をモノクロにしてSEもなくしていた...
-今まで通りの制作から色数を増やした制作に変更する
-SEは入れれそうなものにのみ挿入する
--すべてに挿入したかったがあまり自分の想像している音がな...
--動きに注目して音を感じてほしいため
--GIF形式にする予定なので音の情報が元から必要ないため
-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
-もう一度動きの分類をして制作を絞る
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
-__[[しん>https://twitter.com/shiiiiiin223]]__
-__[[TAK>https://twitter.com/gakky72867206]]__
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Action Planetあくしょんプラネット>https://www.youtube....
-[[mooograph>https://www.youtube.com/@mooograph]]
-[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
-[[モーション周期表>http://foxcodex.html.xdomain.jp/About...
-aftereffect
~
~
**プロジェクト管理
***スケジュール
-__[[スプレッドシート>https://docs.google.com/spreadsheet...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-モーションの基礎を作り終える
-サイトにGIF形式でupする
%%-SNSにアップする%%
%%-プラグインを入れる%%
%%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c...
%%-いくつかまとまるのか全然違うものの集まりなのか分類する%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
~
~
**2023.05.16
***作業
-__[[進捗>https://www.instagram.com/589_0509/]]__
-ブラッシュアップ
--効果音をつける
--情報量を増やすため色数を増やす
-効果音をダウンロード
-企画見直し
~
~
***企画
-見ることで擬音を感じることができるモーショングラフィック...
~
~
**2023.05.09
***作業
-__[[進捗>https://www.instagram.com/589_0509/]]__
~
***制作物の仕様
-Instagram
-animation GIFで掲載(出来たら別サイト)
~
***企画
%%-見ることで擬音やオノマトペを感じることができるモーショ...
%%-最後にそれらを組み合わせて使用し、音楽に合わせたモーシ...
~
~
**2023.05.02
***作業
-メインビジュアルを変更
-プラグイン入れる
-アカウント作る
~
***企画
%%-様々な擬音からモーショングラフィックスを複数作る%%
%%-最後にそれらを組み合わせて使用し、モーショングラフィッ...
~
***制作物の仕様
%%-動画(VIMEO)%%
-animation GIF(サイト)
~
~
**2023.04.25
***作業
-__[[エクセル>https://docs.google.com/spreadsheets/d/1cnJ...
-いくつかまとまるのか全然違うものの集まりなのか分類する
~
***企画
-モーショングラフィックスを約30個作成する
~
***テーマ
-効果音(オノマトペ)、単語、環境音楽
-言葉に表せない情景なども含む
-音が無くても音が聞こえるモーション、表現の組み合わせを研...
~
***制作物の仕様
-動画(VIMEO)
-animation GIF
~
***テーマ選定
-[[効果音(オノマトペ)>https://nihon5-bunka.net/onomatop...
-単語
人柄
鉱石
色
~
***今回の使用用途
-モーションロゴ
-リリックビデオ
~
***現状調査
-モーションロゴはどういった場面で使用されているか
--ドラマの状況説明(推理など)
--映画のタイトル
--企業説明
--案内
--展示会場
--モーションロゴ
--リリックビデオ
--MV
--PV
~
使用される状況で効果的な表現は全く異なるので、
自身がどんな場面で使用するかを想定する必要がある
~
~
**2023.04.18
***研究は映像制作に決定
***企画
-様々なモーションを制作していく
-それらのモーションを分類する
~
***現状調査
-https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
--モーショングラフィックスは動きや音がつくことにより静止...
-https://goworkship.com/magazine/visualdesign-motion-ux-e...
--モーショングラフィックスは視聴者に注目してもらうために...
-https://tsuta-world.com/tsuta-marke/media/?p=7281
-https://thingmedia.jp/11323
~
~
***先行研究
-映像制作
--[[フォトコラージュアニメーション>https://twitter.com/ga...
--[[フォトコラージュアニメーション>https://twitter.com/hi...
--[[3Dを利用したモーショングラフィック>https://twitter.co...
--[[C4Dを用いた作品>https://twitter.com/gakky72867206/sta...
~
-楽曲制作
--[[四コマ文庫>https://youtube.com/shorts/h07iBAfU9qs?fea...
--[[死神>https://youtu.be/8nxaZ69ElEc]]
~
~
***技法・技術情報
-映像制作
--[[もう石田>https://www.youtube.com/@mouishida/videos]]
--[[UMU TOKYO>https://www.youtube.com/@umutokyo5997]]
--[[藍瀬まなみ>https://youtu.be/a0rBr7ci8a4]]
--[[サンゼ>https://www.youtube.com/@sanze-studio]]
--[[カズノコ>https://www.youtube.com/channel/UC9h7pRTzhl6...
--[[しん>https://twitter.com/shiiiiiin223]]
--[[カナタ>https://twitter.com/kana_tasyohizei]]
--[[【Blender攻略】The_Movie>https://twitter.com/The1Movi...
--[[Illustrator Tricks>https://twitter.com/inspiredbytheA...
--[[TAK>https://twitter.com/gakky72867206]]
--[[モーション周期表>http://foxcodex.html.xdomain.jp/Abou...
--[[Action Planetあくしょんプラネット>https://www.youtube...
--[[mooograph>https://www.youtube.com/@mooograph]]
--[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]]
~
-楽曲制作
--[[使い方1>https://youtu.be/nMPUcoVmDE0]]
--[[使い方2>https://youtu.be/AwuNxNmHoaI]]
--[[使い方3>https://youtu.be/AwuNxNmHoaI]]
--[[クランとリオン>https://youtu.be/KXXdBQLZqsI]]
--[[Reo>https://youtu.be/a0rBr7ci8a4]]
--[[シユウ>https://www.youtube.com/@siy6u_DTM]]
--[[yamaha>https://www.youtube.com/@SteinbergJapan]]
--[[音楽理論1>https://www.youtube.com/live/_zMHo4Lq9aw?fe...
--[[音楽理論2>https://youtube.com/playlist?list=PLedsR4qZ...
--[[音楽理論3>https://youtube.com/playlist?list=PLNowcEUQ...
--[[音楽理論4>https://youtu.be/UFgVnhlhA40]]
--[[音楽理論5>https://youtu.be/B2HdaiEm3U0]]
~
~
**2023.04.11
***調査
先輩方の先行研究の調査
PV制作でしたいことに近い
-[["その波、寄せては返す" PV制作プロジェクト>https://desi...
-[[Vaporwave FuturePop>https://design.kyusan-u.ac.jp/soci...
-[[幻鯨>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B...
-[[Attractive Motion>https://design.kyusan-u.ac.jp/social...
~
サイトを使用しているがモーションが参考になる
-[[Web小説 『 黒い金魚 』>https://design.kyusan-u.ac.jp...
~
これらは物だけれど、ブランディングの参考になる
-[[「kamakura」のブランド化、プロモーション>https://desig...
-[[unkdown. PV>https://design.kyusan-u.ac.jp/socialdesign...
-[[𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘>https://design.kyusan-u.ac.jp/socialdesign/...
~
ブランディングの一つにSNS運用も考えられるので参考になる
-[[WITH FLOWERS>https://design.kyusan-u.ac.jp/socialdesig...
//-[[かそう空間で息を吸う(仮想 × 夏想)>https://design.k...
~
***やってみたいこと
-映像制作
--テーマ、コンセプトを決めてそれに合わせた制作
--MVを作る
---モーショングラフィック
---2Dと3D(実写も?)を使用する
---楽曲制作と合わせてもいいかも
~
-楽曲制作
(のちにパッケージやMVに繋げる)
--合成ソフト
--MIXする
--グラフィックデザイン
~
-サイト作成
--祖母の家から見た地元の市についてまとめたサイト
--プロモーションビデオ制作
わからないことがあればAIに探してもらう
~
~
~
ページ名: