#author("2025-12-26T13:21:33+09:00","default:member","member") #author("2025-12-26T13:22:45+09:00","default:member","member") *池田隆之介 [[情報デザイン演習IIIB]] ~ ~ //ここから *課題2 経路案内 ~ #youtube(ZMA-UCKJJQA) ~ ~ **概要 ***背景 -初めての場所への来訪者が迷いやすい -テキストや静止画の案内だけでは情報が足りない ~ ***目的 -初めての来訪者でも迷わず到着できるようにする -視覚的・直感的にわかる案内を提供する ~ ***コンセプト -シンプルで見やすく -テキストと図解で補足する ~ ***成果物の仕様 -[[YouTube(横型動画)1920 × 1080 px>https://youtu.be/ZMA-UCKJJQA]] -[[Instagram or YouTube(縦型動画)1080 × 1920 px>https://youtu.be/eSZQ4T3G19M]] ~ ***制作期間 -2025.11.13 - 2025.12.25 ~ ***まとめ -誰でもわかりやすく紹介するためにはコンセプトの統一や情報の見せ方などが重要であると学んだ。 -見る人が迷わないように矢印を表記して視覚的にも進む方向がわかりやすいように工夫した ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#13:2025.12.18 ***作品の仕上げ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as003_st_kyusan-u_ac_jp/IgBAy633JbBpRK2qBZW0gIcbAXGqCH8y2C8MyxA57kUDxcA?e=5dj22l]] --サムネイル --縦動画 --横動画 ~ ~ **#12:2025.12.11 ***書き出しテスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as003_st_kyusan-u_ac_jp/IgAPTUtvXO5vQqSoPy3PHyyfARvffRv2ICNymSsdBigNrJE?e=FfFMTa]] ~ ~ **#11:2025.12.04 ***相互評価 -企画 --場所が分かりにくかったのでありがたい -撮影 --下を見すぎてしまったので周りを写して分かりやすくするようにしたい -編集 --早送りが早すぎて分かりずらい ~ ~ **#10:2025.11.27 ***試作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as003_st_kyusan-u_ac_jp/IgAPTUtvXO5vQqSoPy3PHyyfARvffRv2ICNymSsdBigNrJE?e=qIuRXm]] ~ ~ **#03:2025.11.20 ***企画 -ストーリーボード -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as003_st_kyusan-u_ac_jp/IgCoQ2Tyy5XxRK7ejas_bI4zAar8VLLM-F1hfrzlulSOvLU?e=28uv9B]] -字コンテ --目的地の映像を映す --改札から出口へ出る --九州産業大学入り口へ --美術館の前を通りながら中央会館付近へ --分岐を曲がりながら目的地へ到着 --店内の映像を軽く映す -概要 --背景 ---初めての場所への来訪者が迷いやすい ---テキストや静止画の案内だけでは情報が足りない --目的 ---初めての来訪者でも迷わず到着できるようにする ---視覚的・直感的にわかる案内を提供する --コンセプト ---シンプルで見やすく ---テキストと図解で補足する ~ ***先行事例の調査 -文字表現の調査 --[[お洒落で、かっこいいテロップの作成方法|文字を揺らす方法を公開!>https://youtu.be/j5v8kyqq7-Q]] --[[簡単クオリティアップ!!テロップアニメーションアイディア・3選 Wondershare Filmora(Windows&Mac)>https://youtu.be/9cKPtah7vi4]] ~ ~ ~ ***現状調査:現場の状況 -OneDriveへのリンク ~ ***先行事例の調査 -横型動画 --[[ケリアッツ 東京メトロ〜本社まで>https://www.youtube.com/watch?v=Aznm_LBGULs]] --[[共立理化学研究所 JR鴨居駅〜横浜本社まで>https://youtu.be/IWexayY4RXM]] -縦型動画 --[[信州大学 中央図書館への案内経路>https://www.youtube.com/shorts/Ds-BBQpa5gY]] --[[福岡記念病院への案内経路>https://www.instagram.com/reel/DQVNYe0EuH9/?utm_source=ig_web_copy_link]] ~ ~ ~ //ここまで *課題1 VI計画 ~ #image(gousei.jpg) ~ ~ **概要 ***現状 -シンボルマークが何を表しているのかが分かりずらい -どんな店なのかが少々分かりずらい ~ ***課題 -一目でアルテリアとわからない -内装とロゴが合っていない ~ ***目的 -デザインに統一性を持たせる -一目で食堂なのだと理解できるようなデザインにする ~ ***コンセプト -親しみやすく、シンプルなデザイン ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(rogo.png) -モーションロゴ -VIマニュアル #YouTube(HdVyPr9bUmk) #image(rogo.gif) ~ ***制作期間 -2025.09.18 - 10.30 ~ ***まとめ -カラフルかつ派手すぎない色合いにできたので、見やすくまとめられた -いろんな用途に対応できるようなデザインや色、フォントを使った方がいいと感じた -初めてVIマニュアルを制作したことで、見やすいデザインの組み合わせ方やロゴ に合う形を意識しなければならないと考えた ~ ~ #hr CENTER:''進捗記録'' #hr ~ **#06:2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as003_st_kyusan-u_ac_jp/EUunOHtMqRhIq2Ud0HlCmSoBXK7JToR6lF6w0qS7w3DM9Q?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=OexleW]] ~ ~ **#05:2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as003_st_kyusan-u_ac_jp/EgTrmTU459FOgEiK9uiPXIsB1JJ5Ks106JfMFaicHr_oIw?e=dTNa2y]] ~ ~ **#04:2025.10.09 ***字コンテ -カラー幕が降りてくる -人が入ってくる -人が幕を通り過ぎる -カラー幕があがる ~ ***ストーリーボード -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ~ ~ **#03:2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査:VIマニュアル -[[株式会社うるる VIマニュアル>https://www.uluru.biz/assets/file/vi_manual.pdf]] -[[いわき市農林水産部 VIマニュアル>https://www.misemasu-iwaki.jp/iwaki_megumi/03iwakinomegumi_regulation_vol2.pdf]] -[[育業 VIマニュアル>https://kodomo-smile.metro.tokyo.lg.jp/file/ikugyo_logo_vi_manual.pdf]] -[[柏市 VIマニュアル>https://www.city.kashiwa.lg.jp/documents/34659/brandlogomanual.pdf]] -[[兵庫テロワール旅 VIマニュアル>https://www.hyogo-tourism.jp/terroir/about/guidelines.pdf]] ~ ***作図 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as003_st_kyusan-u_ac_jp/EWDe-ug_ccVBhqG6_eRXKM8B3oOnlJC1I824u9D7Q7tY3g?e=b71Wzo]] ~ ~ **#02:2025.09.25 ***概要の整理 -現状 --メニューが多くあり、席も多い --店内に券売機や自販機が複数あり、現金以外にも対応している -課題 --シンボルがなく、どのような店舗なのかがイメージしずらい --テキストに学食の親しみやすさなどの要素が薄い -目的 --学食の親しみやすさといったイメージに沿うようなデザインの提供 --誰もが安心して利用できる、分かりやすく親しみやすい環境をデザイン -コンセプト --親近感のある学生の日常としての食堂を表現 --学生の居場所として、食を通じて交流やリラックスが生まれる場を表現 ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as003_st_kyusan-u_ac_jp/ETtdUjjmOYJDkTynbGWBD-ABPzz7EMD0g1SIX-Zl42C-CQ?e=VAudM6]] ~ ***現状調査:記録写真 -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ~ ***対象店舗 -アルテリア ~ ~ **#01:2025.09.18 ***VIに関する基本情報 -[[PR TIMES CI・VI・BIとは?>https://prtimes.jp/magazine/ci-vi-bi/]] -[[株式会社たきコーポレーション IGI CI/VIとは何?>https://igi.taki.co.jp/civi]] ~ ***モーションロゴの事例 -[[NETFRIX>https://www.youtube.com/watch?v=GV3HUDMQ-F8&t=4s]] -[[任天堂 ゲームキューブ>https://www.youtube.com/watch?v=ksZh-FHuKpk&t=3s]] ~ ***モーションロゴの制作方法 -https://www.youtube.com/watch?v=p378lCfqJC0 -https://www.youtube.com/watch?v=XVKfe3Lt3hg ~ ***先行事例の調査:WEB・文献調査 -[[福岡工業大学 学食>https://www.fit.ac.jp/shisetsu/seikatsu/dining]] -[[福岡大学 学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]] -[[joyfull ホームページ>https://www.joyfull.co.jp/]] -[[やよい軒 メニュー>https://www.yayoiken.com/menu_list/index/40]] ~ ***現状調査:学食の現在の様子 -店舗の概要 --中央会館 -VIに関する良い点 --テキスト -VIに関する改善点 --ロゴが存在しないのでどんな店かが分かりずらい -- ~ ~