#author("2025-12-22T15:08:58+09:00","default:member","member") #author("2025-12-22T15:09:22+09:00","default:member","member") *鳥越 友菜 [[情報デザイン演習IIIB]] ~ ~ *課題2 経路案内 ~ #YouTube(8BkLctTDIr2rj7AK) #YouTube(U1VL94GEefw?si=8BkLctTDIr2rj7AK) ~ ~ **概要 ***背景 -場所がかなりわかりづらいため案内する場所として選んだ -女性専用の場所と売店もあるが普段利用しない人にはあまり知られていないように感じるためその周知も兼ねる ~ ***目的 -日常で一番使う食事可能な場所の案内 ~ ***コンセプト -柔らかい雰囲気 -左下の絵が喋る ~ ***成果物の仕様 -[[YouTube(横型動画)1920 × 1080 px>https://youtu.be/U1VL94GEefw?si=8BkLctTDIr2rj7AK]] -[[YouTube(縦型動画)1080 × 1920 px>https://youtube.com/shorts/TGOF3Oj6WGU?si=oYVP9W7Ooo_y-C3a]] ~ ***制作期間 -2025.11.13 - 2025.12.25 ~ ***まとめ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#13:2025.12.18 ***作品の仕上げ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as020_st_kyusan-u_ac_jp/IgCosHpBmY7ARbhM0RpfW9JMAUqkgSHBusNs7VnjvkLSIIw?e=oIb7oC]] --サムネイル --縦動画 --横動画 ~ ~ **#12:2025.12.11 ***書き出しテスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as020_st_kyusan-u_ac_jp/IgCosHpBmY7ARbhM0RpfW9JMAUqkgSHBusNs7VnjvkLSIIw?e=oIb7oC]] ~ ~ **#11:2025.12.04 ***相互評価 -企画 --少しわかりづらいところにあるため良い -撮影 --縦画面の時の揺れが激しい --周りの景色が入っていてわかりやすい -編集 --キャラクターが話す仕組みが可愛い --もう少し早送りを増やした方が見やすい ~ ~ **#10:2025.11.27 ***試作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as020_st_kyusan-u_ac_jp/IgBByPZYJUMCTYkZWHq546eaAUFjF0s2--FbOCITShoi9rA?e=93GKul]] ~ ~ **#09:2025.11.20 ***企画 -ストーリーボード --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as020_st_kyusan-u_ac_jp/IQDnBX5TU9Q1S4BbIgUgPhz6AT4Pqx6emY0K_wD6hdquNO0?e=ZA8Try]] -字コンテ --1:駅の階段の途中からスタート 階段を降りる --2:大学側にカメラを向ける --3:大学に入る 左下の絵が喋る(大学前の車通りの注意喚起) --4:アルテリアを写して階段にカメラを向ける --5:階段を降りる --6:あるちか到着 左下の絵が喋る(女性専用スペースと売店があるよー) -概要 --背景 ---場所がかなりわかりづらいため案内する場所として選んだ ---女性専用の場所と売店もあるが普段利用しない人にはあまり知られていないように感じるためその周知も兼ねる --目的 ---日常で一番使う食事可能な場所の案内 --コンセプト ---柔らかい雰囲気 ---左下の絵が喋る ~ ***先行事例の調査 -文字表現の調査 --[[道案内動画【制作事例】北浜駅〜株式会社MOVEまで>https://www.youtube.com/shorts/De4RD7ES7T4]] --[[【1分でわかる】大阪・関西万博への行き方>https://www.youtube.com/shorts/vGLatJUarRI]] ~ ~ **#08:2025.11.13 ***現状調査:現場の状況 -OneDriveへのリンク ~ ***先行事例の調査 -横型動画 -[[道案内動画 東京メトロ改札~会社エントランスまで>https://www.youtube.com/watch?v=Aznm_LBGULs]] -[[道案内動画 JR鴨居駅~横浜本社まで>https://www.youtube.com/watch?v=IWexayY4RXM]] -縦型動画 -[[玉川大学第3号館までの行き方>https://www.youtube.com/shorts/P9PbMlyXuo8]] -[[【帝京大学】八王子キャンパス道案内動画【多摩センター駅編】>https://www.youtube.com/shorts/ZQyGDpkEXY4]] ~ ~ ~ //ここまで *課題1 VI計画 ~ #image(mainvisual.jpg) ~ ~ **概要 ***現状 -学食のロゴやサインに統一感がなく、一体的な印象に欠けている -かくかくしていて硬い印象 ***課題 -学食のブランドイメージを整理し、認知度と親しみやすさを高める必要 -柔らかい印象に欠けておりあたたかみがない -目的 --学食の統一的なアイデンティティを確立し、大学全体の魅力向上に寄与 --温もりを感じるデザインにする ***コンセプト -柔らかさを重視し食堂らしいあたたかみのあるデザイン -ぬくもりのある学生の居場所らしさを表現 ~ ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(arteria2025.png) -モーションロゴ #YouTube(SkbRfxUXpyI) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as020_st_kyusan-u_ac_jp/EV-9YioXg4lBoIKE3Yej2aABozeXCLWI1_Ac2t4h8zJ4EA?e=pXnKPv]] ~ ***制作期間 -2025.09.18 - 10.30 ~ ***まとめ -当初の目標通りあたたかみのあるデザインにすることができた -VIは普段目にするものなのであまり気にしていなかったがマニュアルなどが存在しカラーやフォントなどをきちんと統一して使っていることを知り今後見かけた時はその辺りを少し意識してみようと思った -シンボルマークとロゴタイプの雰囲気の統一 ~ ~ #hr CENTER:''進捗記録'' #hr ~ **#06:2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as020_st_kyusan-u_ac_jp/EZPMHGAxB5lIknDMsZRIsCwB-ybPJjv0M3g61GsfqjPddg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=T0HSQq]] ~ ~ **#05:2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as020_st_kyusan-u_ac_jp/EV-9YioXg4lBoIKE3Yej2aABozeXCLWI1_Ac2t4h8zJ4EA?e=pXnKPv]] ~ ~ **#04:2025.10.09 ***字コンテ -虹がかかるみたいに麺の山が構成される -麺の山から麺を持ったフォークが出てくる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as020_st_kyusan-u_ac_jp/Ee1rBZAbqihBkpg9PO68gb4BloQqBUc-uBmVn4fSXnylLw?e=URbKIW]] ~ ~ **#03:2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査:VIマニュアル -[[株式会社うるる>https://www.uluru.biz/assets/file/vi_manual.pdf]] -[[カリフォルニア大学 サンフランシスコ校>https://identity.ucsf.edu]] -[[カリフォルニア大学 バークレー校>https://brand.berkeley.edu]] -[[流山市>https://www.city.nagareyama.chiba.jp/_res/projects/default_project/_page_/001/020/249/nagareyama_vi_guidelines.pdf]] ~ ***作図 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as020_st_kyusan-u_ac_jp/ERET2fVLPfBKnw6CBPDJ80kBtWVkC2jv2EXfEbIgl2Ml0Q?e=bghbXc]] ~ ~ **#02:2025.09.25 ***概要の整理 -現状 --学食のロゴやサインに統一感がなく、一体的な印象に欠けている --かくかくしていて硬い印象 -課題 --学食のブランドイメージを整理し、認知度と親しみやすさを高める必要 --柔らかい印象に欠けておりあたたかみがない -目的 --学食の統一的なアイデンティティを確立し、大学全体の魅力向上に寄与 --温もりを感じるデザインにする -コンセプト --柔らかさを重視し食堂らしいあたたかみのあるデザイン --ぬくもりのある学生の居場所らしさを表現 ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ~ ***現状調査:記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as020_st_kyusan-u_ac_jp/Eqlm1rQvgnxHvsfrMahR2TUB6Im_-1elXTPe2Mgne1jtlA?e=JmCcNc]] ~ ***対象店舗 -アルテリア ~ ~ **#01:2025.09.18 ***VIに関する基本情報 -[[PR TIMES CI・VI・BIとは?>https://prtimes.jp/magazine/ci-vi-bi/]] -[[VI(ビジュアル・アイデンティティ)とは?意味や事例を解説>https://prtimes.jp/magazine/ci-vi-bi/]] ~ ***モーションロゴの事例 -[[ノイタミナ>https://www.toppan-colorer.co.jp/column/4375]] -[[ANIPLEX>https://youtu.be/mH9Vf-Y9i34?si=oOWzECMO4kyHR3km]] ~ ***モーションロゴの制作方法 -[[【After Effects】映画風タイトルテキストアニメーションのやり方《アフターエフェクトチュートリアル》>https://youtu.be/DPiQhFP7O6s?si=ZhIDRzmdwzB_xBHp]] -[[ロゴマークのアニメーションを作成する方法 - Adobe>https://www.adobe.com/jp/learn/after-effects/web/jp-for-designers-4]] ~ ***先行事例の調査:WEB・文献調査 -[[大阪大学>https://www.osaka-univ.coop/food/]] -[[上智大学>https://www.sophia.ac.jp/jpn/campuslife/shisetsu/gakunai/]] -[[サンマルク>https://www.saint-marc-hd.com/saintmarc/]] -[[コメダ珈琲店>https://www.komeda.co.jp]] ~ ***現状調査:学食の現在の様子 -店舗の概要(アルテリア) --安くて美味しい --メニューがたびたび変わる --季節限定メニューがある -- -VIに関する良い点 --明るくてごはんが美味しそうに見える --照明がおしゃれ --席の種類が多い --全体的に明度の高い色が多くて楽しげに見える -VIに関する改善点 --照明の位置が低くて身長によっては頭に当たる --通路が狭い --座席数が利用者数に対して少ない ~ ~