#author("2025-12-04T09:28:21+09:00","default:member","member") #author("2025-12-04T09:53:19+09:00","default:member","member") *齊場由布 [[情報デザイン演習IIIB]] ~ ~ *課題2 経路案内 ~ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#11：2025.12.04 ***相互評価 -企画 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --遠回りのルートを通るので分かりやすさに注意する --現状、わかりやすくできている -撮影 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --画角が低い --画面ブレが大きい -編集 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --テキスト類の視認性が悪く、量が足りない --倍速時との切り替えがぎこちない ~ ~ **#10：2025.11.27 ***試作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as011_st_kyusan-u_ac_jp/IgAtdDNrYZ9xToydvUTi5zBdAXYduCVkdcuZqCedFAYPzDk?e=SxgLRs]] ~ ~ **#09：2025.11.20 ***企画 -ストーリーボード --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as011_st_kyusan-u_ac_jp/IQBZCBFlOOiSRaV1d8d-T6prAVC7A-su-ZEnvWz2XTCbXYg?e=0mHvaM]] -字コンテ --1：目的地を提示する --2：駅前から大学北門まで --3：経路を提示しながら北門から２号館前まで --4：階段を上り目的地まで --5：目的地入口付近の別経路を映す --6：写真などで施設紹介 -概要 --背景 ---経路が多く、初めてだと少し行きづらいと感じる。 ---本の貸出の他にも休憩スペースなどが多くあり、有用である。 --目的 ---迷わず行ける基本的な経路案内 ---館内施設の紹介 --コンセプト ---簡潔で分かりやすい動画 ---動きがあり、親しみやすいデザイン ~ ***先行事例の調査 -文字表現の調査 --[[テキストアニメーション15選 / After Effects CC2024 使い方講座|Youtube>https://youtu.be/H2BKpouB0Y0?si=6FQo1Mg4w_SgZ3fQ]] --[[いろいろ使えそうなテキストアニメーション【After Effects】|Youtube>https://youtu.be/6PJrHNLH0M8?si=S37lsFz5noCLQoAw]] ~ ~ **#08：2025.11.13 ***現状調査：現場の状況 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as011_st_kyusan-u_ac_jp/IQBhSnL8ByYpTZS3H4lepxOWAaWKRuxWivi8nh2UtwaDQgA?e=5rmkmT]] ~ ***先行事例の調査 -横型動画 --[[産業貿易センター 浜松町館ルート案内|Youtube>https://youtu.be/F1NRnjpT7bs?si=igR53K11iifBwxgz]] --[[池袋駅（35番出口）からサンシャインシティまでの行き方|Youtube>https://youtu.be/szfktc-_IGo?si=v2KDBFKSJb8v1ApL]] -縦型動画 --[[『サンライズワールドTOKYO』すぐに分かる道案内|Youtube>https://youtube.com/shorts/oPmaphKAL6w?si=lgGhe4HZKvnJS0lW]] --[[阪神芦屋駅から芦屋市役所東館までを道案内します|Youtube>https://youtu.be/vv_nRcDItkA?si=vLxbLpsrmAsUbfjO]] ~ ~ ~ *課題1 VI計画 ~ #image(mainv.jpg) ~ ~ **概要 ***現状 -利用者が多い -メニューが多く、店内も広い ~ ***課題 -利用ガイドが乏しく、最初は利用法が分かりづらい -コンセプトが分かりづらい ~ ***目的 -万人が親しみやすい環境をデザイン -イメージを押し出した環境をデザイン ~ ***コンセプト -統一感と多様さを両立させたデザイン -親しみやすく印象に残るデザイン ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(logo_kannsei.png) -モーションロゴ #YouTube(Zv9spnoiJ3E) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as011_st_kyusan-u_ac_jp/EbfU3UUWne9ClrOYDTrzhs0B96sYluLOZ5OL--eVgLFAwg?e=NYRdw0]] ~ ***制作期間 -2025.09.18 - 10.30 ~ ***まとめ -分かりやすく親しみやすいデザインを制作することができた。 -多様な形式、場面で使うことを想定した色数やバランスの重要性を学んだ。 -シンボルマークに意識を向けた改善、制作に取り組みたい。 ~ ~ #hr CENTER:''進捗記録'' #hr ~ **#06：2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as011_st_kyusan-u_ac_jp/EaqTfs_j-phEkuCHMm8ZUnUBbvqNhJo5DwNUmuZfF7xqgA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=4cAE0R]] ~ ~ **#05：2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as011_st_kyusan-u_ac_jp/EbfU3UUWne9ClrOYDTrzhs0B96sYluLOZ5OL--eVgLFAwg?e=NYRdw0]] ~ ~ **#04：2025.10.09 ***字コンテ -Aの内側のみ浮かび上がる -文字の縦線のみ下から上に上がる -文字の横線のみ下から上に上がる -カタカナが起き上がる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as011_st_kyusan-u_ac_jp/EdRxFxKCNuNMuExzUzpXbsUBA1JbW1UqdcsW_tHXhE1svg?e=zMqvU1]] ~ ~ **#03：2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査：VIマニュアル -[[国土交通省 ビジュアルアイデンティティ（VI）マニュアル>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]] -[[長野県 「信州ブランドVIデザインマニュアル」>https://www.pref.nagano.lg.jp/eigyo/sangyo/brand/shinshu/documents/vi_manual_public.pdf]] -[[育業VIマニュアル-こどもスマイルムーブメント>https://kodomo-smile.metro.tokyo.lg.jp/file/ikugyo_logo_vi_manual.pdf]] -[[政策企画局 ロゴマークVIマニュアル>https://www.seisakukikaku.metro.tokyo.lg.jp/documents/d/seisakukikaku/greenbiz_logomanual_syousai]] -[[公益社団法人日本ユネスコ協会連盟 VIマニュアル>https://www.unesco.or.jp/wp/wp-content/uploads/2022/01/VI%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB-1.pdf]] ~ ***作図 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as011_st_kyusan-u_ac_jp/Ed4C9KG4eOdKiFVxRqFE5aABkN7cHvHtFR4mNemAHgA7sQ?e=hhlqH6]] ~ ~ **#02：2025.09.25 ***概要の整理 -現状 --利用者が多い --メニューが多く、店内も広い -課題 --利用ガイドが乏しく、最初は利用法が分かりづらい --コンセプトが分かりづらい -目的 --万人が親しみやすい環境をデザイン --イメージを押し出した環境をデザイン -コンセプト --統一感と多様さを両立させたデザイン --親しみやすく印象に残るデザイン ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as011_st_kyusan-u_ac_jp/ERc99qjAH0RMjMYUuP4HcPIBOGWlXj3joJXM7CS1UhqR2w?e=kpoDom]] ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as011_st_kyusan-u_ac_jp/EvTfZxiKoAtDgw6vbAXRx_kBTLpPu7y-kcmtbBEAdNy7Ag?e=7O3mJD]] ~ ***対象店舗 -アルテリア ~ ~ **#01：2025.09.18 ***VIに関する基本情報 -[[TOPPAN VI（ビジュアル・アイデンティティ）とは？>https://www.toppan-colorer.co.jp/column/4375]] -[[CIRCL ビジュアルアイデンティティ（VI）とは？>https://circl.co.jp/ja/views/what-is-visual-identity/]] ~ ***モーションロゴの事例 -[[YouTube 今注目の【モーションロゴ】 20選！｜飛騨高山のデザイン会社GOAHEADWORKS（株式会社ゴーアヘッドワークス）>https://youtu.be/iLeaKOU1iJQ?si=dAyWQNTAx3gaykAn]] -[[Youtube Nintendo Switch 紹介映像>https://youtu.be/Jj4sfry-wYw?si=3docjkJOItDIZgVe]] ~ ***モーションロゴの制作方法 -[[Youtube モーションロゴ風のキャラクターアニメーション>https://youtu.be/WhcaE6upgo4?si=XkugSSvI81fV-oTp]] -[[Youtube ロゴにリキッドアニメーションをつける方法 | After Effects － アドビ公式>https://youtu.be/LoHjaNN3yoU?si=2y4xJNx8l_kh8C-P]] ~ ***先行事例の調査：WEB・文献調査 -[[ねとらぼ 食べてみたい大学の学食ランキングTOP28>https://nlab.itmedia.co.jp/research/articles/283612/]] -[[福岡工業大学 学食>https://www.fit.ac.jp/shisetsu/seikatsu/dining]] -[[COCO'S HP>https://www.cocos-jpn.co.jp/]] -[[コメダ珈琲 HP>https://www.komeda.co.jp/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --店舗：アルテリア --場所：中央会館 --特徴：席数多、比較的安価 -VIに関する良い点 --まとまったカラーリングのフードコート形式 --広い窓、照明により明るい空間 -VIに関する改善点 --利用法がわかりにくい（券売機式など） --メニューの情報が見づらい ~ ~