#author("2025-11-27T08:20:25+09:00","default:member","member") #author("2025-12-04T11:04:34+09:00","default:member","member") *福岡比菜 [[情報デザイン演習IIIB]] ~ ~ //ここから *課題2 経路案内 ~ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#11：2025.12.04 ***相互評価 -企画 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ -撮影 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ -編集 --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **#10：2025.11.27 ***試作 -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ~ ~ //ここから **#09：2025.11.20 ***企画 -ストーリーボード --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgBqyQsrQb9rQpW4ZngHr98HAW192dcriPJjSiEkyRPO1lk?e=Fq0CyM]] -字コンテ --1：駅を映す --2：大学の入り口を映し、テロップを入れそのまま進む。 --3：15号館のロゴや建物を映し、テロップ。 --4：道なりに進み、2号館がでてきたら全体を写してから入り口を写す。 --5：エレベーターに乗りボタンと何回に上がるのやつを映す。 --6：テロップで図書館入り口まで案内し全体像を写してから入り口。 --7：前と同じやり方でエレベーターを撮り、お気に入りの場所を映す。 -概要 --背景 ---入学後、図書館内での学習や休憩場所について迷うことがあったため。 --目的 ---図書館のどこなのかについてをよりわかりやすく紹介するため。 --コンセプト ---動画構成をなるべくシンプルにまとめ、文字情報などが視覚的に受け取りやすいよう取り組みたい。 ~ ***先行事例の調査 -文字表現の調査 --[[テキストアニメーション15選>https://www.youtube.com/watch?v=H2BKpouB0Y0]] --◯◯WEBのリンク◯◯ ~ ~ //ここまで **#08：2025.11.13 ***現状調査：現場の状況 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgC1ifCinRs4TKXCCSBxgu9KASEKazIvM6TwCCYbgZxfBs4?e=dM6jhu]] ~ ***先行事例の調査 -横型動画 --[[アクセス動画 田園都市線>https://www.youtube.com/watch?v=0dSYHVYUo_U]] --[[道案内動画 東京メトロ改札~会社エントランスまで>https://www.youtube.com/watch?v=Aznm_LBGULs]] -縦型動画 --[[医学科への経路案内>https://www.youtube.com/shorts/MyiLFw1pq_g]] --[[水前寺駅から熊本県立劇場まで>https://www.youtube.com/shorts/Pj36SvrKw7s]] ~ ~ ~ //ここまで *課題1 VI計画 ~ #image(samune1.jpg) ~ ~ //ここから **概要 ***現状 -デザインから文字を判断するのが難しい ~ ***課題 -文字を認識しやすい形に変える ~ ***目的 -誰からみてもわかりやすいシンプルで温もりを感じるデザイン ~ ***コンセプト -温もりのある、親しみを持てるデザイン ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(rogo1.png) -モーションロゴ #YouTube(usHhhYHKvyY) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EpU78ZnlQyFHreiCqupoYBABHIhmwq88GRaSuE80iaH5Uw?e=8gVggB]] ~ ***制作期間 -2025.09.18 - 10.30 ~ ~ //ここまで #hr CENTER:''進捗記録'' #hr ~ **#06：2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EjtnKXwz3-5Cp3MyJ816BykB7iaMwFHlv_D_EA6RXWZICg?e=nDkuKu]] ~ ~ **#05：2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EpU78ZnlQyFHreiCqupoYBABHIhmwq88GRaSuE80iaH5Uw?e=cS4LaS]] ~ ~ **#04：2025.10.09 ***字コンテ -横からサイズの大きい1文字目登場 -そのまま空中をふわふわ収縮しながら着地 -アが弾んだ瞬間にいろんな方向から文字が現れる -文字が完成した瞬間、下からフォークとスプーン -そのまま収縮しながら回転 -そのままスプーンとフォークが着地したら横から文字が流れて終了 ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EhLCiaWpWiZBtPFqI2CpYzsBaKPJR3MKGZ6Rw0v_-lAwyg?e=XRpiD3]] ~ ~ **#03：2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査：VIマニュアル -[[株式会社うるる>https://www.uluru.biz/assets/file/vi_manual.pdf]] -[[国土交通省>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]] ~ ***作図 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EvH82xHPO4BGl0i4iBDWmykBaag_k_ZRDKD6xYSjD1CCIg?e=9HruhZ]] ~ ~ **#02：2025.09.25 ***概要の整理 -現状 --デザインから文字を読むのが難しい -課題 --誰からみてもわかるようなわかりやすいシンプルなデザイン -目的 --ロゴの印象から入りやすくする -コンセプト --温もりのある、親しみを持てるデザイン ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/Eij82TydvHpFgGgzID1ASYgBZU7Ovt-NhGlOdj0Kwyt4Ew?e=pHkQhF]] ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/EorMeKhus7NNiBhh5f0SoXkBXlICtGjj8wqfkjsb3StDBg?e=vdjqvX]] ~ ***対象店舗 -アルテリア ~ ~ **#01：2025.09.18 ***VIに関する基本情報 -[[VIとは何か？chibico>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] -[[ビジュアルアイデンティティとは何か？CIRCL>https://circl.co.jp/ja/views/what-is-visual-identity/]] ~ ***モーションロゴの事例 -[[Yum Yum「タイで見つけた、しあわせ篇」味の素>https://www.youtube.com/watch?v=w_Xuc29bP2A]] -[[【リトルナイトメア3】WEB CM バンダイナムコ>https://www.youtube.com/watch?v=s9u-T3USfOY]] ~ ***モーションロゴの制作方法 -[[ロゴマークのアニメーションを作成する方法 Adobe>https://www.adobe.com/jp/learn/after-effects/web/jp-for-designers-4]] ~ ***先行事例の調査：WEB・文献調査 -[[東洋大学 白山キャンパス>https://sites.google.com/toyo.jp/student-support/support/cafeteria/hakusan]] -[[梅光学院大学>https://www.baiko.ac.jp/university/campus/facilities/cafe-restaurant]] -[[食堂 海トごはん>https://tabelog.com/fukuoka/A4001/A400201/40062137/]] -[[ごはんや>https://tabelog.com/fukuoka/A4001/A400201/40012989/]] -[[コメダ珈琲店>https://www.komeda.co.jp/menu/?brand=1]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --芸術学部方面にある(中央会館一階) --メニューが豊富 --席が多く広い -VIに関する良い点 --席が多く広い -VIに関する改善点 --ロゴのデザイン ~ ~