#author("2024-01-09T15:37:59+09:00","default:member","member") #author("2024-01-09T15:40:20+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(samuve.png) -''大石颯'' ~ **概要 ***背景 -入り口は分かりやすいが建物が多いため、どの建物なのか迷いやすい -- 現時点の課題、どういう状況なのか ~ ***目的 - 一度見ただけで迷わない道案内 ~ ***コンセプト - 文字をできるだけ出さずにみただけでわかるようにする。 -余計なものは表示せずに作る。 ~ ***成果物の仕様 -__[[YouTube>https://youtu.be/_PMsrtKt5Ac]]__ --1920*1080px --30秒 -__[[Instagram>https://www.instagram.com/p/C13pBqpyNMa/]]__ --1080*1920px --30秒 ~ ***制作期間 -2023.11.16 -12.21 ~ ***メンバー -チーム名:ともやそうせーじ -あべ松智也 -大石颯 -堤晴司 ~ ***まとめ -できるだけ動画の中のテキストを減らすことで見ただけでわかりやすい経路案内の動画が作れたと思う。 -シンプルで見やすい動画になり、見たい情報がすぐにわかるようになった ~ ~ **調査 ***現状調査 -__[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Epf7qfRLsa5JtOs5PCqr2K8Bwh5u61oCM31kGfJk3DXcSw?e=OCCkNz]]__ --場所が分かりずらい ~ ***先行事例 -__[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://youtu.be/Mx-mYJC4jAQ?si=Gi-MVganu0mDTW3A]]__ --シンプルで分かりやすい経路案内動画 ~ ***技法・技術情報 -__[[タイムリマップ>https://helpx.adobe.com/jp/after-effects/using/time-stretching-time-remapping.html]]__ --タイムリマップの使い方 ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -__[[YouTube>https://youtu.be/_PMsrtKt5Ac]] __ --1920*1080px --30秒 -__[[Instagram>https://www.instagram.com/p/C13pBqpyNMa/]]__ --1080*1920px --30秒 ***編集 -__[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as006_st_kyusan-u_ac_jp/EigsdDgNZ3JNjPgAHaImAdYBIAuknLnHTGf9K1xVvxRaqA?e=qf0NPq]]__ --できるだけテキストを出さずに編集した ***メインビジュアル・サムネイルの制作 -__[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as006_st_kyusan-u_ac_jp/ETIzd4RGqdRAohlmxKQGOeQB9AmTx5Tfz7DtHO2lVlI9MA?e=WjSaFF]]__ --シンプルで分かりやすいものにした ~ **2023.12.07 ***撮影 -__[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as006_st_kyusan-u_ac_jp/Ekepq8-FNT1LkGxzo-cnWFsBDPy_UcfL3fLG8r1eJKZ7nw?e=VCt8vq]]__ --前回の仮撮影の反省を生かして曲がり角などで動きをはっきりさせるようにした ***動画の構成 -オープニング(タイトル) --タイトルをテキストで出す。 -スタート --九産大前駅をカメラで一通り写す。 -移動時 --画面の左上にミニマップを出し、現在地をテキストで表示する。 -分岐 --分岐する場所は再生速度を落とし、画面に矢印を出す。 -エレベーター --画面を一瞬暗転させ5階に移動する。 -ゴール --ゴールでは画面に到着とテキストを出す。 ~ ~ **2023.11.30 ***プロトタイプ制作 -__[[https://ksumail-my.sharepoint.com/:f:/g/personal/k22as006_st_kyusan-u_ac_jp/EjNvl1F86k9Cl_R5kpadF0cBK42aITVXtD2ogeSOkt2bJw?e=j6jFus]]__ -__[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as006_st_kyusan-u_ac_jp/EjNvl1F86k9Cl_R5kpadF0cBK42aITVXtD2ogeSOkt2bJw?e=j6jFus]]__ --ミニマップを表示した ~ ~ **2023.11.16 ***試作:撮影テスト -__[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Epf7qfRLsa5JtOs5PCqr2K8Bwh5u61oCM31kGfJk3DXcSw?e=OCCkNz]]__ ***先行事例 -__[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://youtu.be/Mx-mYJC4jAQ?si=Gi-MVganu0mDTW3A]]__ --シンプルで分かりやすい経路案内動画 ~ ~ ~ ~ *課題1 クオーレVI計画 #image(giusei.jpg) -大石 颯 ~ **概要 ***背景 //&color(red){計画の背景}; -店内は比較的おしゃれだが、それにあったロゴなどがない -場所がわかりずらい -少し値段が高め ~ ***目的 //&color(red){計画の目的}; -クオーレという食堂自体しらないひともいるので知らない人にも知ってもらえるようにする -せっかくいい雰囲気なのでそれを活かしたい ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -わかりやすく印象的なロゴを作る -お店の雰囲気にあわせる -Cuore…レンガ、図書館、イタリアン ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(r6O1zFlkSnw) -シンボルマーク・ロゴタイプ #image(logo.jpg) -[[VIマニュアル>https://drive.google.com/file/d/18drCJBxHsGbsOAbsEJYW_RE9qehS8R_s/view?usp=drive_link]] ~ ***制作期間 //&color(red){制作期間|20XX.XX.XX - 20XX.XX.XX }; -2023.09.21-2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -親しみやすいデザインができたと思う。 -ロゴにどういう意味を持たせるかを考えることが重要かわかった。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --[[VI計画とは>https://prdx.co.jp/visions-prdx/visual-identity/#%EF%BC%93%E2%88%92%EF%BC%94%EF%BC%9A%E2%91%A3%E3%83%AD%E3%82%B4%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%EF%BC%88%E6%8E%A8%E5%A5%A8%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%EF%BC%89%E3%81%AE%E8%80%83%E5%AF%9F]] --[[スターバックスコーヒー>https://creative.starbucks.com/]] --[[TOYOTA>https://brand.toyota.com/guidelines/]] -学食の現在の様子について --[[クオーレ>https://drive.google.com/drive/folders/1kcPk5s6P8I4YTOvW9Q52ghjFZoTT8uik?usp=sharing]] ---全体的に落ち着いた雰囲気でおしゃれな店内 ---奥まった場所にあるためどこにあるか分かりずらい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -先行事例の調査(類似する飲食店の事例) --[[VANSAN>https://vansan-ltd.jp/]] --[[サイゼリヤ>https://www.saizeriya.co.jp/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[ロゴアニメーション制作事例の紹介>https://youtu.be/TmO1AfIPstY]] -[[モーションロゴサンプル>https://youtu.be/IAhgzkhddlI]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.10.26 ***モーションロゴ完成 -[[完成>https://youtu.be/r6O1zFlkSnw]] --できるだけシンプルに動きを作りました。 **2023.10.19 ***VIマニュアル -[[VIマニュアル>https://drive.google.com/file/d/18drCJBxHsGbsOAbsEJYW_RE9qehS8R_s/view?usp=sharing]] ~ ***合成写真:使用イメージ -[[合成>https://drive.google.com/file/d/14Uwf2ncmSJHdYD2Lu2c2R1tVryu74Qkq/view?usp=sharing]] --図書館の横にある扉に合成しました。 --周りが暗かったので少し浮いてしまいました。 ~ ***モーションロゴ 試作 -[[試作>https://youtu.be/f993qS0wKow]] --シンプルに動きをつけました。 ~ ~ **2023.10.12 ***モーションロゴのアイデア - [[絵コンテ>https://drive.google.com/file/d/1864JHTULNpzL3cEqoOeNdZjrYDppuIHX/view?usp=sharing]] -字コンテ --起:画面いっぱいにロゴを表示 --承:どんどん小さく表示する --転:少し跳ねさせる --結:ロゴタイプを表示 ~ ***Illustratorを用いた作図(試作) -[[Google driveリンク>https://drive.google.com/file/d/1z4VBSj_Ik6xN4oGsQp6XoSviecCW7fqR/view?usp=sharing]] -案1 --クオーレの植物のイメージをモチーフにした。 -案2 --クオーレのある図書館の外観をモチーフにした。 -案3 --少ない線で皿を作図した。 ~ ~ **2023.10.05 -背景 --店内は比較的おしゃれだが、それにあったロゴなどがない --場所がわかりずらい --少し値段が高め -目的 --クオーレという食堂自体しらないひともいるので知らない人にも知ってもらえるようにする --せっかくいい雰囲気なのでそれを活かしたい -コンセプト --わかりやすく印象的なロゴを作る --お店の雰囲気にあわせる --Cuore…『心』、植物、レンガ、図書館、イタリアン - ~ ~ **2023.09.28 ***先行事例の調査(現地調査:類似する飲食店の事例) -[[現地調査>https://drive.google.com/drive/folders/10Eq9CIJPZjU25f-0Q_Pnv_kyttJX9kAE?usp=sharing]] ~ -[[アイデアスケッチ>https://drive.google.com/drive/folders/1tiQAmE_-JefxZsY-oLmxlAxmsDwC8L2Y?usp=sharing]] --クオーレのある図書館の外観などを ~ ~ **2023.09.21 ***現代におけるVI計画の活用事例 -[[VI計画とは>https://prdx.co.jp/visions-prdx/visual-identity/#%EF%BC%93%E2%88%92%EF%BC%94%EF%BC%9A%E2%91%A3%E3%83%AD%E3%82%B4%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%EF%BC%88%E6%8E%A8%E5%A5%A8%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%EF%BC%89%E3%81%AE%E8%80%83%E5%AF%9F]] -[[スターバックスコーヒー>https://creative.starbucks.com/]] -[[TOYOTA>https://brand.toyota.com/guidelines/]] ~ ***モーションロゴの制作方法 -[[ロゴアニメーション制作事例の紹介>https://youtu.be/TmO1AfIPstY]] -[[モーションロゴサンプル>https://youtu.be/IAhgzkhddlI]] ~ ***先行事例の調査(類似する飲食店の事例) -[[VANSAN>https://vansan-ltd.jp/]] -[[サイゼリヤ>https://www.saizeriya.co.jp/]] ~ ***学食の現在の様子について -[[オアシス>https://drive.google.com/drive/folders/1ooGczDN5TjPStnVHiz8qJd1cK_QtvX-E?usp=sharing]] --レストランがあるが分かりずらい --メニューがたくさんある -[[アルテリア>https://drive.google.com/drive/folders/1yxoowtxcW28ifQVxkgPVprhrDcqYtUa4?usp=sharing]] --店内がとにかく広い --昼休みは多くの人で賑わうため落ち着ける場所ではない -[[クオーレ>https://drive.google.com/drive/folders/1kcPk5s6P8I4YTOvW9Q52ghjFZoTT8uik?usp=sharing]] --全体的に落ち着いた雰囲気でおしゃれな店内 --奥まった場所にあるためどこにあるか分かりずらい -[[クラブハウス>https://drive.google.com/drive/folders/1Bk15DvHiI_fzKVRRxkS2Rhq__Np7MdmK?usp=sharing]] --ガラス張りで開放感がある --メニューが見ずらい