#author("2024-12-19T09:19:19+09:00","default:member","member") #author("2024-12-19T09:30:55+09:00","default:member","member") *池邉成&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(atama.png) ~ ~ **概要 ***背景 -17号館の入口が分かりにくい -エレベーターの場所が分かりにくい ~ ***目的 -部屋までのルートを分かりやすく伝える -スムーズに到着できるようにする ~ ***コンセプト -楽しく覚えられるルート案内 -シンプルにまとめる ~ ***成果物の仕様 -YouTube（横型動画）※音あり #YouTube(l07bxWDbHq0) -Instagram or YouTube（縦型動画）※音あり --[[リンクはこちら>https://youtu.be/KWB2bxDgdxM]] ~ ***制作期間 -2024.11.07 - 2024.12.18 ~ ***まとめ -シンプルだが、もう少し楽しさを加えたい -矢印や、アイコンを使用するとさらに分かりやすくなる -文字は、読みやすくできた -もっと時間を短縮できた ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as006_st_kyusan-u_ac_jp/Eav1RfC54d1LhjdpRwT72-MBZ5KGKAqABvrBrJPjCihKmg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=vfSwmO]] ~ ***先行事例の調査 -横型動画 --[[アクセス動画道案内/live for inc>https://youtu.be/xCsXVnHjSNg?si=mi7o7bSncyBMDjnI]] --[[道案内動画 東京メトロ改札～会社エントランスまで/ケアリッツ・アンド・パートナーズ>https://youtu.be/Aznm_LBGULs?si=UdO5pNbHWF--voFX]] -縦型動画 --[[道案内動画Walkstory縦01/Walkstory>https://youtu.be/JpM7_MXkGMI?si=mK6RA3b32McSPX5_]] --[[【株式会社パッショーネ】縦動画で道案内 サンプル/株式会社パッショーネ>https://youtu.be/_luuY7CwTk8?si=R8suzaXz7dlu_b0-]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[動画制作におけるテロップの基礎知識/kic-factory>https://www.google.com/search?q=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97+%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&rlz=1C5GCEM_enJP1128JP1128&oq=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97&gs_lcrp=EgZjaHJvbWUqBwgEEAAYgAQyCQgAEEUYORiABDIKCAEQABixAxiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIHCAUQABiABDIHCAYQABiABDIHCAcQABiABDIHCAgQABiABDIHCAkQABiABNIBCjExMzM3ajBqMTWoAgiwAgE&sourceid=chrome&ie=UTF-8#:~:text=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97%E6%AC%A1%E7%AC%AC%E3%81%A7,jp%20%E2%80%BA%20column]] -[[ナカドウガが語るテロップデザインのコツ /vook>https://www.google.com/search?q=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97+%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&rlz=1C5GCEM_enJP1128JP1128&oq=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97&gs_lcrp=EgZjaHJvbWUqBwgEEAAYgAQyCQgAEEUYORiABDIKCAEQABixAxiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIHCAUQABiABDIHCAYQABiABDIHCAcQABiABDIHCAgQABiABDIHCAkQABiABNIBCjExMzM3ajBqMTWoAgiwAgE&sourceid=chrome&ie=UTF-8#:~:text=%E3%83%8A%E3%82%AB%E3%83%89%E3%82%A6%E3%82%AC%E3%81%8C%E8%AA%9E%E3%82%8B,vook.vc%20%E2%80%BA%20...]] ~ ~ #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へのリンク>]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[動画制作におけるテロップの基礎知識/kic-factory>https://www.google.com/search?q=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97+%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&rlz=1C5GCEM_enJP1128JP1128&oq=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97&gs_lcrp=EgZjaHJvbWUqBwgEEAAYgAQyCQgAEEUYORiABDIKCAEQABixAxiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIHCAUQABiABDIHCAYQABiABDIHCAcQABiABDIHCAgQABiABDIHCAkQABiABNIBCjExMzM3ajBqMTWoAgiwAgE&sourceid=chrome&ie=UTF-8#:~:text=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97%E6%AC%A1%E7%AC%AC%E3%81%A7,jp%20%E2%80%BA%20column]] -[[ナカドウガが語るテロップデザインのコツ /vook>https://www.google.com/search?q=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97+%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&rlz=1C5GCEM_enJP1128JP1128&oq=%E3%83%86%E3%83%AD%E3%83%83%E3%83%97&gs_lcrp=EgZjaHJvbWUqBwgEEAAYgAQyCQgAEEUYORiABDIKCAEQABixAxiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIHCAUQABiABDIHCAYQABiABDIHCAcQABiABDIHCAgQABiABDIHCAkQABiABNIBCjExMzM3ajBqMTWoAgiwAgE&sourceid=chrome&ie=UTF-8#:~:text=%E3%83%8A%E3%82%AB%E3%83%89%E3%82%A6%E3%82%AC%E3%81%8C%E8%AA%9E%E3%82%8B,vook.vc%20%E2%80%BA%20...]] ~ ***概要欄の整理 -背景 --17号館の入口が分かりにくい --エレベーターの場所が分かりにくい -目的 --部屋までのルートを分かりやすく伝える -コンセプト --楽しく覚えられるルート案内 ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as006_st_kyusan-u_ac_jp/Eav1RfC54d1LhjdpRwT72-MBZ5KGKAqABvrBrJPjCihKmg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=vfSwmO]] ~ ***先行事例の調査 -横動画 --[[アクセス動画道案内/live for inc>https://youtu.be/xCsXVnHjSNg?si=mi7o7bSncyBMDjnI]] --[[道案内動画 東京メトロ改札～会社エントランスまで/ケアリッツ・アンド・パートナーズ>https://youtu.be/Aznm_LBGULs?si=UdO5pNbHWF--voFX]] -縦動画 --[[道案内動画Walkstory縦01/Walkstory>https://youtu.be/JpM7_MXkGMI?si=mK6RA3b32McSPX5_]] --[[【株式会社パッショーネ】縦動画で道案内 サンプル/株式会社パッショーネ>https://youtu.be/_luuY7CwTk8?si=R8suzaXz7dlu_b0-]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(cuore.jpg) ~ ~ **概要 ***背景 -場所が分かりにくい -イタリア料理が出ることが分からない ~ ***目的 -認知度を上げ利用者を増やしたい -イタリア料理があることが分かるようにしたい ~ ***コンセプト -親しみやすさとイタリアらしさを出す ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(cuore2024.png) -モーションロゴ #YouTube(BmkxpPTxbqM) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as006_st_kyusan-u_ac_jp/EUlNmRQch_BPjY8wY_EcXUYB55PA7Tny64cu55hBZ1hDzA?e=YSovno]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -シェフをイメージしやすいヒゲをイタリア国旗の3色にしたことでひと目見てイタリア料理だと分かるようにしました。 ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as006_st_kyusan-u_ac_jp/Eil86cHyT3dHh0WPpUunyEsBVF8oHj36iPwGJf6ft-SuRQ?e=NfpTbv]] -店舗の概要 --イタリア料理を食べれる食堂 -良い点 --内装がオシャレ --大盛りもあり、通常サイズでも丁度いいボリューム --持ち帰りがある -改善点 --メニュー(写真)が見にくい --場所が分かりにくい ~ ***先行事例 -VIに関する基本情報 --[[TOPPANWEBのリンクVIとは？意味や事例を解説>https://www.toppan-colorer.co.jp/column/4375]] --[[ourly Mag.WEBのリンクビジュアルアイデンティティとは？>https://ourly.jp/visual-identity/]] -類似する飲食店の事例調査 --[[福岡大学の学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]] --[[西南学院大学の学食>https://www.seinan-gu.ac.jp/campuslife/support/cafeteria.html]] --[[ジョイフル>https://www.joyfull.co.jp/]] --[[サイゼリヤ>https://www.saizeriya.co.jp/]] ~ ***技法・技術情報 -モーションロゴの制作方法 --[[AdobeWEBのリンクロゴマークのアニメーションを制作する方法>https://creativecloud.adobe.com/ja/learn/after-effects/web/jp-for-designers-4]] --[[noteWEBのリンクロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07 : 2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as006_st_kyusan-u_ac_jp/EXyrQ2sp9gBGoPIFwDWkUH4BfkRb3wgl__mO8mbOfRk2cA?e=ophzjA]] ~ ~ **#06 : 2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as006_st_kyusan-u_ac_jp/EdXmOXszU05PjYaRIm-udYUBWxffVkjMyD9xQvXP9NijcA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=9VtSZb]] ~ ~ **#05 : 2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as006_st_kyusan-u_ac_jp/EUlNmRQch_BPjY8wY_EcXUYB55PA7Tny64cu55hBZ1hDzA?e=qUrF2s]] ~ ~ **#04 : 2024.10.10 ***字コンテ -起：シンボルが動き回る -承：シンボルが中央に止まる -転：文字が大きさを変えながら出てくる -結：すべての動きが終わり中央に止まる ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ***先行事例の調査：VIマニュアル -[[ONODESIGNWEBのリンク>https://www.markdesign.jp.net/manual_item.html]] -[[iwakinomegumiWEBのリンク>https://misemasu-iwaki.jp/iwaki_megumi/03iwakinomegumi_regulation_vol2.pdf]] ***概要欄の整理 -背景 --場所が分かりにくい --イタリア料理が出ることが分からない -目的 --認知度を上げ利用者を増やしたい --イタリア料理があることが分かるようにしたい -コンセプト --親しみやすさとイタリアらしさを出す -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ **#02：2024.09.26 ***研究対象 -クオーレ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as006_st_kyusan-u_ac_jp/EZVpT48lysVFtOL5eSkR3aEBsABcTLQ3SuA879_x9sHhZA?e=FVRPO7]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as006_st_kyusan-u_ac_jp/Eil86cHyT3dHh0WPpUunyEsBVF8oHj36iPwGJf6ft-SuRQ?e=S0o7i5]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[TOPPANWEBのリンクVIとは？意味や事例を解説>https://www.toppan-colorer.co.jp/column/4375]] -[[ourly Mag.WEBのリンクビジュアルアイデンティティとは？>https://ourly.jp/visual-identity/]] ~ ***モーションロゴの制作方法 -[[AdobeWEBのリンクロゴマークのアニメーションを制作する方法>https://creativecloud.adobe.com/ja/learn/after-effects/web/jp-for-designers-4]] -[[noteWEBのリンクロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]] ~ ***先行事例の調査：WEB・文献調査 -[[福岡大学の学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]] -[[西南学院大学の学食>https://www.seinan-gu.ac.jp/campuslife/support/cafeteria.html]] -[[ジョイフル>https://www.joyfull.co.jp/]] -[[サイゼリヤ>https://www.saizeriya.co.jp/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --クオーレ：図書館 --レンガの落ち着いている雰囲気が特徴的で、本格イタリアン料理が豊富にあります。 -良い点 --内装がオシャレ --大盛りもあり、通常サイズでも丁度いいボリューム --持ち帰りがある -改善点 --メニュー(写真)が見にくい --場所が分かりにくい ~ ~