#author("2024-12-19T00:47:54+09:00","default:member","member") #author("2024-12-19T09:02:50+09:00","default:member","member") *勝田喜一&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(hhh.jpg) ~ ~ **概要 ***背景 -展示会のための道案内 -駅から展示会場へ向かう時の注意点 ***目的 -迷わず、スムーズに来れるように -来るのが楽しみになる ***コンセプト -見やすい、わかりやすい -ユーモアのある動画 ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(WF9YCohLDTs) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtu.be/sqb3OM-FMsk]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -来られる方が迷いはしないであろう動画ができた。 -少し文字を動かしたり、木に文字を置いたりして、来館が少しでも楽しみになるような動画にできた。 -見やすくはないのでそこが反省点。 ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as013_st_kyusan-u_ac_jp/EZEMDQc-Op9Hj7eFaRoN1k8BS65OZBBc7SJ0Dakcf58hDQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=EUAaE9]] ~ ***先行事例の調査 -横動画 --[[ホットスポット九産大駅前 道案内動画>https://youtu.be/s6XzqcP3XVM?si=2syE6jCTZLL7X6LK]] --[[道案内動画>https://youtu.be/_Lf-hrVewLE?si=GryuSPLUrUZ6nmHL]] -縦動画 --[[【株式会社パッショーネ】縦動画で道案内 サンプル>https://youtu.be/_luuY7CwTk8?si=5srBNf3uTSuszbrs]] --[[玉川大学芸術学部>https://youtube.com/shorts/P9PbMlyXuo8?si=GcGEG8lqLLGMAjtx]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テキストを木っ端微塵にする / After Effects CC2022 使い方講座>https://youtu.be/_G4QmAIIqQc?si=A0wTd3ryDc8UZOFc]] -[[映像内にモーショングラフィックス / 短編After Effectsチュートリアル>https://youtu.be/GVeHwqGCVKU?si=gemXYsj2hjxJeA08]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#13：2024.12.12 ***編集 -After Effectsでの編集 -ブラッシュアップ ~ ~ **#12：2024.12.5 ***編集 -After Effectsでの編集 -ブラッシュアップ ~ ~ **#11：2024.11.28 ***撮影・編集 -横向き撮影 -縦向き撮影 -After Effectsでの編集 ~ ~ **#10：2024.11.21 ***撮影 -横向き撮影 -縦向き撮影 ~ ~ **#09：2024.11.14 ***構成 +スタート（改札前） +北門入り口 +17号館入り口 +エレベーター +ゴール（会場） ~ ***ストーリーボード：テロップ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as013_st_kyusan-u_ac_jp/EQ0Nu4AydP1FvtbWBFyoW2kBBPje1eBHbX_8-788GzbXpg?e=n5Ur1r]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テキストを木っ端微塵にする / After Effects CC2022 使い方講座>https://youtu.be/_G4QmAIIqQc?si=A0wTd3ryDc8UZOFc]] -[[映像内にモーショングラフィックス / 短編After Effectsチュートリアル>https://youtu.be/GVeHwqGCVKU?si=gemXYsj2hjxJeA08]] ~ ***概要欄の整理 -背景 --展示会のための道案内 --駅から展示会場へ向かう時の注意点 -目的 --迷わず、スムーズに来れるように --来るのが楽しみになる -コンセプト --見やすい、わかりやすい --ユーモアのある動画 ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as013_st_kyusan-u_ac_jp/EZEMDQc-Op9Hj7eFaRoN1k8BS65OZBBc7SJ0Dakcf58hDQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=EUAaE9]] ~ ***先行事例の調査 -横動画 --[[ホットスポット九産大駅前 道案内動画>https://youtu.be/s6XzqcP3XVM?si=2syE6jCTZLL7X6LK]] --[[道案内動画>https://youtu.be/_Lf-hrVewLE?si=GryuSPLUrUZ6nmHL]] -縦動画 --[[【株式会社パッショーネ】縦動画で道案内 サンプル>https://youtu.be/_luuY7CwTk8?si=5srBNf3uTSuszbrs]] --[[玉川大学芸術学部>https://youtube.com/shorts/P9PbMlyXuo8?si=GcGEG8lqLLGMAjtx]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(hed.jpg) ~ ~ **概要 ***背景 -九産大のロゴ -レンガ模様、イタリアンをシンプルに ~ ***目的 -画用紙に可愛らしい文字が書かれた看板がある -それをもっとみやすくして入客を増やす ~ ***コンセプト -シンプル -文字を強調 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(COR.png) -モーションロゴ #YouTube(gAGMABG5CTI) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as013_st_kyusan-u_ac_jp/EQZ8t0I15QhPg9noOdu5JhUBmFdc_WpLu1ImSVY1BHaNCw?e=fBeuIW]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -店の入口だということを認識しやすくなった -どこにロゴを配置するか作成する前にイメージすべきだった ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] -店舗の概要 --図書館一階にあるレストラン --雰囲気のある内装 -良い点 --イタリア料理という一つのカテゴリーに拘っている。 その他にもイタリア風唐揚げなどもある。 --並盛りでもボリュームがある。少なめ、多めもある。 --ファストフード店ばりの提供スピード。 -改善点 --店の入り口が分かりづらい --メニューが見にくい ~ ***先行事例 -VIに関する基本情報 --[[VIとは>https://www.toppan-colorer.co.jp/column/4375]] --[[CI .VI.BIとは>https://www.a-c-o.com/works/civibi.php]] -類似する飲食店の事例調査 --[[東京大学>https://www.u-tokyo.ac.jp/ja/students/facility/h07_01.html]] --[[京都大学>https://www.kyoto-u.ac.jp/ja/access/coop#yoshida]] --[[リンゴアメの林檎堂>https://ringo-dou.com/]] --[[ル・トン・デ・サヴール>https://tabelog.com/fukuoka/A4001/A400104/40032079/]] ~ ***技法・技術情報 -モーションロゴの制作方法 --[[企業ロゴアニメーション>https://key-movie.forfreelance.co.jp/blog/video-production/logo-animation/]] --[[株式会社LIG>https://liginc.co.jp/434937]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as013_st_kyusan-u_ac_jp/EUBSntgUS-ZHpXLhYh44VyEB66OSRCUCD3hycW7vpwdZHg?e=tPrndd]] ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as013_st_kyusan-u_ac_jp/EV_i-2D93E9Fl8vvhERnfqIBLPEsvNnrKf6VINtbCntz5w?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=I1JUjC]] ~ ~ **2024.10.17 ***VIマニュアル [[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as013_st_kyusan-u_ac_jp/EQZ8t0I15QhPg9noOdu5JhUBmFdc_WpLu1ImSVY1BHaNCw?e=fBeuIW]] ~ ~ **#04：2024.10.10 ***字コンテ -起：K UにSが降ってくる -承：国旗が浮かび上がる -転：レンガの模様ができる -結：CUOREが来て完成 ~ ***ストーリーボード -[[OneDriveへのリンク>]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as013_st_kyusan-u_ac_jp/EsnSCDPDOnVNmxo-KgxldVYB1KY-xLuD3yX1guHSK5tzzA?e=ooYUnb]] ***先行事例の調査：VIマニュアル -[[国土交通省様>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]] -[[ジーピーオンライン様>https://www.gpol.co.jp/blog/215/]] ***概要欄の整理 -背景 --九産大のロゴ --レンガ模様、イタリアンをシンプルに -目的 --画用紙に可愛らしい文字が書かれた看板がある --それをもっとみやすくして入客を増やす -コンセプト --シンプル --文字を強調 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -クオーレ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as013_st_kyusan-u_ac_jp/Et5IaGT6mDhFkXfPMVB48rMBm4achdiQ1moJyn0IEe9fNg?e=AiU2bw]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as013_st_kyusan-u_ac_jp/EsFHlZqjy9tDmmHgp_uJZaABOjxaIWp5x4Kl0PFDXHdLww?e=6RyRKa]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[VIとは>https://www.toppan-colorer.co.jp/column/4375]] -[[CI .VI.BIとは>https://www.a-c-o.com/works/civibi.php]] ~ ***モーションロゴの制作方法 -[[企業ロゴアニメーション>https://key-movie.forfreelance.co.jp/blog/video-production/logo-animation/]] -[[株式会社LIG>https://liginc.co.jp/434937]] ***先行事例の調査：WEB・文献調査 -[[東京大学>https://www.u-tokyo.ac.jp/ja/students/facility/h07_01.html]] -[[京都大学>https://www.kyoto-u.ac.jp/ja/access/coop#yoshida]] -[[リンゴアメの林檎堂>https://ringo-dou.com/]] -[[ル・トン・デ・サヴール>https://tabelog.com/fukuoka/A4001/A400104/40032079/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --図書館一階にあるレストラン --雰囲気のある内装 -良い点 --イタリア料理という一つのカテゴリーに拘っている。 その他にもイタリア風唐揚げなどもある。 --並盛りでもボリュームがある。少なめ、多めもある。 --ファストフード店ばりの提供スピード。 -改善点 --店の入り口が分かりづらい --メニューが見にくい ~ ~