#author("2021-12-22T14:37:35+09:00;2021-11-10T14:37:49+09:00","default:member","member")
*Motion logo
ソーシャルデザイン学科のモーションロゴデザイン
#image(main.jpg)
-''田中満里奈''
-'''Keywords：ロゴ, モーション, '''
//-https://www.example.com
~
**概要
***これは何？
ソーシャルデザイン学科のロゴを使ったモーションロゴ制作
~
***背景と目的
//近年、多くの企業がモーションロゴを取り入れている。
デジタルサイネージの普及により街中で動画広告を見ることが増えた。その中で静止画のロゴに比べ、より強い印象を与えられるモーションロゴの必要性が高まっていると感じたため。
~
使用用途
--
--
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
動きや音で情報をより印象強く伝える
--ソーシャルデザイン学科のイメージに合う
--短く覚えやすい
~
***成果物の仕様
5秒のモーションロゴ 3本
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
***制作ツール
Illustrator
AfterEffects
~
***プロジェクトの期間
2021.09.15 - 2021.12.22
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~
**調査
***現状調査
-[[JR博多シティ デジタルサイネージ>https://biz.panasonic.com/jp-ja/case-studies/jrhakatacity]]
博多駅では大型ディスプレイや50面ものサイネージを活用している
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~
***先行事例
-[[100 Best Motion logos>https://www.youtube.com/watch?v=m-osco-Xuqs]]
5秒程度の短いものが多い
//-[[Osaka Metoro>https://m.facebook.com/NDCcojp/videos/osaka-metoro/1867578193253820/?_se_imp=0rHn0HtqpWnXYd5Mv]]
//-[[U-NEXTオリジナル>https://note.unext.co.jp/n/n93d0c5060afc]]
//-[[作り方>https://note.com/santa_no_hito/n/nb87e34919244]]
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~
***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~
**2021.11.17
***
-ソーシャルデザイン学科
DIC164 CMYK(%) 00,41,96,00 #RGB #FFA400
-[[ソーシャルデザイン学科とは>https://www.kyusan-u.ac.jp/faculty/geijutsu/social/]]
-[[ソーシャルデザイン学科って何するの？>https://www.kyusan-u.ac.jp/kyugei/2017/spread/index3.php]]
ヒトと社会の未来を、みんなでデザインする。
~
~
**2021.11.10
***
-[[domaso>https://doma.solutions]]
-[[domaso motion logo>https://doma.solutions/tag/motionlogo/]]
ポップなモーションが使われていて画面が切り替わるたびに楽しめる。動画をスッキリと一覧にしていて見やすい。
//-[[モーショングラフィックスが使用されているサイト>https://monf.jp/info/751]]
//-[[モーションの活用>https://fastcoding.jp/blog/all/webdesign/motion-graphics/]]
~
~
**2021.10.27
***
試作
#youtube(5iKpBEaljYU)
音はありません
~
~
**2021.10.20
***
-[[マウスホバーで動画が動き出すサイト>https://controlfilms.tv/director/pleix/]]
-[[作り方>https://ascii.jp/elem/000/000/933/933503/]]
サムネイルを並べただけのシンプルなサイト。サムネイル上にマウスホバーすると動画の再生が始まる。
//いろんな種類のロゴモーションを作り、サムネイルを一覧できるようなサイトを作る。そしてマウスホバーでモーションが動き出すような感じ。
//インスタグラムで一覧
~
~
**2021.10.13
***
--
~
~
**2021.10.6
***
--
~
~
**2021.09.29
***
-文字、モーション、音、数秒の動画
-言葉のイメージ、フォントが与える印象
-[[キネティックタイポブラフィ 例>https://mossan99.hatenablog.com/entry/2019/05/27/104702]]
-[[「鬱」で音を奏でる>https://youtu.be/iAw0oF9Db5E]]
-[[いろんな企業のロゴアニメーション>https://www.youtube.com/watch?v=m-osco-Xuqs]]
-
~
~
**2021.09.22
***
-[[いろんなモーショングラフィックス>https://goworkship.com/magazine/visualdesign-motion-ux-effect/]]
-[[モーションロゴ>https://note.com/yoshidaisuke/n/n92121b448e66]]
-[[動くWebデザイン>https://sankoudesign.com/category/motion-effect/]]
~
-[[pixel>https://vimeo.com/154153884]]
-[[Starbucks>https://www.youtube.com/watch?v=tHnERgPCPwg&t=56s]]
~
~
**2021.09.15
***
紙面広告
デジタル広告
新聞、雑誌、テレビCM、ポスター、チラシ、パネル、
HP、SNS,
Twitter、Instagram、YouTube
~
~
~
