#author("2024-12-19T12:20:46+09:00;2024-12-19T12:17:29+09:00","default:member","member") #author("2024-12-19T12:27:20+09:00;2024-12-19T12:17:29+09:00","default:member","member") *岩本愛結&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header1.jpg) ~ ~ **概要 ***背景 -学外からの来場など、初めて訪れる人は経路がわかりにくい -大学内の建物や門が多く、混乱する ~ ***目的 -学外の人にも分かりやすく、スムーズに目的の場所へ案内する -お客さんの不安感を軽減し、会場への期待値を高める ~ ***コンセプト -倍速やカットでコンパクトにまとめる -抽象的な言葉を使わず、建物などでわかりやすい目印を設ける -重要なポイントとそうでないところのメリハリをつける -期待感を高めるためにBGM・効果音やアニメーションを活用する -映像の色味を調整して、視認性を高める ~ ***成果物の仕様 -YouTube（横型動画）※音が出ます #YouTube(yDJM-AC0oD8) -Instagram or YouTube（縦型動画） -YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/YpIDS3YemEM?feature=share]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -動画をコンパクトにするために一部カットしたが、初めて訪れる人にとっては不安感につながるおそれがあるため、案内動画での使用はあまり得策ではないと学んだ。 -目的地までの距離や所要時間を表示することによって不安感を軽減できたと思われる。 -ホワイトバランスや明るさを調整することによって、映像全体の色味を統一し、視認性の向上につながったと思われる。 -会場に到着してすぐに終了するのではなく、簡潔に概要のまとめを表示して終了した方が、動画の構成として良いと感じたので、改善が必要である。 -サムネイル内の情報を中央に寄せた方が見やすい //ヒラギノ 凛 (角丸にしてやさしい世界観を統一 書体を統一 左したのテロップをもう少し内側に 最後に挨拶最初と最後をしつかりす ~ ~ **調査 ***現状調査：撮影テスト --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as008_st_kyusan-u_ac_jp/EfXWl4Seb9xHsdAFv8a88DEBup-HqBUWwonZ25gCWngeJw?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=dFzFR7]] ~ ***先行事例の調査 -横型動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu.be/iJXYRH91Y5c?si=PEzlldozHvHfrtdh]] --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV2mY7wmvQ?si=Ek7skfrVryLUeptq]] --[[道案内動画 東京メトロ改札～会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=Vg3-wmNNNZqoqxCq]] -縦型動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https://youtu.be/ZTlirG4-_gA?si=TS7jPTPNiNUsc-1n]] --[[泉大津フェニックスシャトルバス乗り場への行き方2>https://www.instagram.com/reel/C9TwQsbRW-c/?utm_source=ig_web_button_share_sheet]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[年間1万枚テロップを作るプロが語る動画のテロップデザインのコツ>https://youtu.be/X4gVFWYb5sQ?si=YsyzqutW0umI3Hyg]] -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY_tm0gRtc?si=CIHCemcGOiUvt7-7]] -[[【動画編集の基本】悪いテロップと良いテロップの違い>https://youtu.be/bvATecaNV4c?si=rF-t3qvOUwNS1cWk]] ~ ~ #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/:b:/g/personal/k23as008_st_kyusan-u_ac_jp/EXV4Pmqr0jNKrllf0UdUi3wBJAR-PpfBWRemVaK49VDvLA?e=U1PNeX]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[年間1万枚テロップを作るプロが語る動画のテロップデザインのコツ>https://youtu.be/X4gVFWYb5sQ?si=YsyzqutW0umI3Hyg]] -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY_tm0gRtc?si=CIHCemcGOiUvt7-7]] -[[【動画編集の基本】悪いテロップと良いテロップの違い>https://youtu.be/bvATecaNV4c?si=rF-t3qvOUwNS1cWk]] ~ ***概要欄の整理 -背景 --学外からの来場など、初めて訪れる人は経路がわかりにくい --大学内の建物や門が多く、混乱する -目的 --学外の人にも分かりやすく、スムーズに目的の場所へ案内する --お客さんの不安感を軽減し、会場への期待値を高める -コンセプト --コンパクトにまとめる --重要なポイントとそうでないところのメリハリをつける --期待感を高めるためにBGMやアニメーションを活用する ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as008_st_kyusan-u_ac_jp/EfXWl4Seb9xHsdAFv8a88DEBup-HqBUWwonZ25gCWngeJw?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=dFzFR7]] ~ ***先行事例の調査 -横動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu.be/iJXYRH91Y5c?si=PEzlldozHvHfrtdh]] --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV2mY7wmvQ?si=Ek7skfrVryLUeptq]] --[[道案内動画 東京メトロ改札～会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=Vg3-wmNNNZqoqxCq]] -縦動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https://youtu.be/ZTlirG4-_gA?si=TS7jPTPNiNUsc-1n]] --[[泉大津フェニックスシャトルバス乗り場への行き方2>https://www.instagram.com/reel/C9TwQsbRW-c/?utm_source=ig_web_button_share_sheet]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(岩本愛結/情報デザイン演習ⅢB/mv2.jpg) ~ ~ **概要 ***背景 -お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある -中でも鉄板料理が魅力 -テラス席がある -店内に緑が多く落ち着いた空間である -写真がないメニューがありイメージしづらい -テイクアウトができる -食堂であることと入り口がわかりづらい ~ ***目的 -落ち着ける空間であることを伝えたい -メニューが豊富でおいしいという魅力を伝えたい -食堂であるということを一目で伝えたい //-お洒落でも近寄り難くなってしまう案は避ける ~ ***コンセプト -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(clubhouse01.png) -モーションロゴ(最後の方に音が出ます) #YouTube(/5xM4E5GJQjQ) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as008_st_kyusan-u_ac_jp/EQMLc7KedaVClj7rz6z9_IQBcY2m8CffF-TMxacJ7jxNog?e=OYseuj]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴだけでなくシンボルマークとしてコック帽を取り入れることにより、 食堂であることを伝えるとともに、親しみやすい印象も与えることができた。 -太さ・大きさを意識したロゴと明暗差を出した彩色により、視認性が向上された。 このことから、入り口がわかりにくいという課題点を解決することができた。 - ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as008_st_kyusan-u_ac_jp/Enq7lJ1fd8ZOhnhhnN2KBTIBgd44KedeYtylm3QxFamvmQ?e=QF1GXT]] -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板料理がある --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある --手洗い場がある -改善点 --写真が載っていないメニューがイメージしづらい --入り口がわかりづらい --食堂であると知っていないとどういう場所なのかわかりづらい ~ ***先行事例 -VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strategy/ci-vi-difference-068/]] -[[成功事例、必要な要素と作成の流れ>https://chics.top/news/1626/]] -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/news/post-6657/]] -類似する飲食店の事例調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/27620#google_vignette]] -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo]] -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/gg/image/0006124106/0006124106E7_740x555y.webp]] -[[キャンベル・アーリー>https://www.jrhakatacity.com/floor/detail/?cd=000212]] -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***技法・技術情報 -モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-effects/web/jp-for-designers-4]] -[[作成例>https://amix-design.com/asoboad/works/motionlogo]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as008_st_kyusan-u_ac_jp/EYDms1aKrHROs38D_BEnjt4Bfu43g8LFdelQ9x7iraXDkQ?e=iSuhKG]] ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as008_st_kyusan-u_ac_jp/Edw6PAdVncNDtVoWFBPUVF4BdR_kBI5u2kS3xKqr8WuMqg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=MhO9Qg]] ~ ~ **#05：2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as008_st_kyusan-u_ac_jp/EQMLc7KedaVClj7rz6z9_IQBcY2m8CffF-TMxacJ7jxNog?e=OYseuj]] //https://youtu.be/1sQToinGuTo ~ ~ **#04：2024.10.10 ***字コンテ -起：要素が回ってナイフとフォークが出てきて消える //始まり・状況（桃太郎誕生） -承：再び要素が回って文字が出てくる //続き（犬猿雉を仲間に） -転：帽子が出てきてロゴに加わる //変化・クライマックス（桃太郎が鬼退治） -結：帽子の月が光る //結果・オチ（桃太郎帰還） ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as008_st_kyusan-u_ac_jp/EXldifNhaU1IpvY8HjnjYHMBM0a_OMg-6KmKeUHcWNC7-A?e=cJOvLK]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as008_st_kyusan-u_ac_jp/Ejm7JG3FNRNDifX3EC8G5YsBAAR-mAgsYkmfl7q2c10fwg?e=NhamcZ]] ***先行事例の調査：VIマニュアル -[[VIマニュアル 例>https://tlbdesign.jp/news/logodesign-vimanual/]] -[[基礎知識>https://www.markdesign.jp.net/manual_item.html]] ***概要欄の整理 -背景 //現状 --お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある --中でも鉄板料理が魅力 --テラス席がある --店内に緑が多く落ち着いた空間である --写真がないメニューがありイメージしづらい --テイクアウトができる --食堂であることと入り口がわかりづらい -目的 --落ち着ける空間であることを伝えたい --学食であるということを分かりやすくしたい -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する -- -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -クラブハウス ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as008_st_kyusan-u_ac_jp/Et0WwHDA-y9Npelo-symIpwBsIY2xkO9TWjn7bOz-qmFNA?e=PlIN0d]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as008_st_kyusan-u_ac_jp/Enq7lJ1fd8ZOhnhhnN2KBTIBgd44KedeYtylm3QxFamvmQ?e=QF1GXT]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strategy/ci-vi-difference-068/]] -[[成功事例、必要な要素と作成の流れ>https://chics.top/news/1626/]] -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/news/post-6657/]] ~ ***モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-effects/web/jp-for-designers-4]] -[[作成例>https://amix-design.com/asoboad/works/motionlogo]] ~ ***先行事例の調査：WEB・文献調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/27620#google_vignette]] -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo]] -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/gg/image/0006124106/0006124106E7_740x555y.webp]] -[[キャンベル・アーリー>https://www.jrhakatacity.com/floor/detail/?cd=000212]] -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***現状調査：学食の現在の様子 //[[現状だけ]]書く -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板料理がある --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある -改善点 --写真が載っていないメニューがイメージしづらい --席数が少ない ~ ~