#author("2024-01-09T23:19:27+09:00;2024-01-09T22:22:07+09:00","default:member","member") #author("2024-01-09T23:26:18+09:00;2024-01-09T22:22:07+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(MainVisual_2.jpg) -''[[棈松智也]]'' ~ **概要 ***背景 -建物が多いため、どの建物なのか迷いやすい //-- 現時点の課題、どういう状況なのか ~ ***目的 - 一度見れば迷うことのない道案内 ~ ***コンセプト - 矢印を表示して、視覚的に分かりやすく - 視覚的に分かりやすくするため、矢印によって方向を表す //-- 作戦 ~ ***成果物の仕様 -__[[YouTube>https://youtu.be/RqwPR6eXUYU]]__ --1920*1080px --30秒 #YouTube(RqwPR6eXUYU) -__[[Instagram>https://www.instagram.com/reel/C14W4m7pmNI/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==]]__ --1080*1920px --30秒 - __[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EtsCoYm-bxFKo6blovaColkBVeC9Ad58PYdwwOJREFLt6w?e=rlAiTV]]__ ~ ***制作期間 -2023.11.16 - 2023.12.21 ~ ***メンバー -チーム名：ともやそうせーじ -棈松智也 -[[大石颯>大石颯/情報デザイン演習ⅢB]] -[[堤晴司>堤晴司/情報デザイン演習ⅢB]] ~ ***まとめ - コンセプトに沿って、視覚的に分かりやすい案内ができた。 - 映像のブレが大きかったので、ジンバルをもっと効果的に使用したかった。 ~ **調査 ***現状調査 -__[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Epf7qfRLsa5JtOs5PCqr2K8Bwh5u61oCM31kGfJk3DXcSw?e=OCCkNz]]__ -- 現状◯◯◯ -- 駅から門が見えないため、駅を出てどちらにいけばいいかわからない -- 建物の数が多い ~ ***先行事例 - __[[【経路案内】大崎駅〜freee本社が入っているビルまでの道案内(行き方)動画>https://youtu.be/FhMnlFrm004]]__ -- 字幕を動かして飽きさせない -- 倍速と等速の使い方 ~ ***技法・技術情報 -__[[【AviUtl】映像学区みたいな動くテロップの作り方｜How to MAKE "LOWER THIRDS" in AviUtl>https://youtu.be/FYAGsjqfwF8]]__ - __[[【Ae】ロゴを地面に配置し、テキストをパスに沿って出現させる｜3Dカメラトラッカー>https://youtu.be/BLb3l_MLKJg]]__ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.21 ***動画アップロード -__[[YouTube>https://youtu.be/RqwPR6eXUYU]]__ --1920*1080px --30秒 -__[[Instagram>https://www.instagram.com/reel/C14W4m7pmNI/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==]]__ --1080*1920px --30秒 ***編集・メインビジュアル・サムネイル制作 - __[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EtsCoYm-bxFKo6blovaColkBVeC9Ad58PYdwwOJREFLt6w?e=rlAiTV]]__ **2023.12.14 ***撮影 - __[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EjNm7Cy3_BlPt-hWwEzSwXUBJx9KxJ2ZU-QUa_LRoIUh5Q?e=dJsPfP]]__ - タイムリマップかけて書き出し→フッテージとして読み込み→3Dカメラトラック ***動画の構成 -オープニング（タイトル） --九芸卒展2024概要テロップ表示 --九芸卒展2024の概要を表示 -スタート -- -- 駅の階段を降りたところからスタート -移動時 --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -- 適宜矢印で方向を指示 -分岐 --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -- 分岐方向を矢印で表示 -エレベーター --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -- 上ることを強調 -ゴール --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -その他 --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -- 教室名を囲う＋矢印表示 ~ **2023.11.30 - アクションセーフ - 「分かりやすく」ではなく「どのように分かりやすくするか」 ***プロトタイプ制作 - __[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EqdK8AY9U9VFpUlExbVFmlQBGFyujFPNavRE2JfAILw48A?e=IhWyA7]]__ ~ **2023.11.16 ***試作：撮影テスト -__[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Epf7qfRLsa5JtOs5PCqr2K8Bwh5u61oCM31kGfJk3DXcSw?e=OCCkNz]]__ ***先行事例 - __[[【経路案内】大崎駅〜freee本社が入っているビルまでの道案内(行き方)動画>https://youtu.be/FhMnlFrm004]]__ ~ ~ ~ ~ *課題1 クオーレVI計画 #image(MainVisual.jpg) - [[棈松智也]] ~ **概要 ***背景 //&color(red){計画の背景}; - 現在、クオーレにはロゴが設定されていない - お店の入り口が目立たず、初めて訪れた際に場所が分かりにくいという問題もある。 ~ ***目的 //&color(red){計画の目的}; - クオーレのあたたかみのあるイメージを持ってもらうこと - 学生や地域の方に、お店や場所を知ってもらうこと ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; - あたたかみのあるイメージを作るため、丸を基調とする - クオーレにある観葉植物やレンガ調の壁をモチーフとしたデザインを組み合わせる - 筆記体を使用することで、手書きのようなあたたかみや優しさを表す ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; - モーションロゴ #YouTube(QmWsevX5An0) - シンボルマーク・ロゴタイプ #image(CuoreLogo.png) -__[[VI マニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as001_st_kyusan-u_ac_jp/ETTIpV0kzERHlKnl4TumJnsBqkgT54t4hXgZdQwvQ6MLkQ?e=vIuqrQ]]__ //-__[[展開イメージ>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as001_st_kyusan-u_ac_jp/EeVkygE5_lNJlF6riRN82bwBSLZrLhIMuiu9wRWy3Ahe7Q?e=iqZqKQ]]__ //-その他 ~ ***制作期間 - 2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; - クオーレのイメージを象徴するようなシンボルマークが制作できた ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; - 現代におけるVI計画の活用事例 -- __[[デジタル庁>https://www.digital.go.jp/about/brand]]__ --- 省庁としてふさわしいクリーンな印象のあるロゴタイプ -- __[[東京藝術大学>https://www.ndc.co.jp/works/tokyogeidai-2017/]]__ --- シンボルマークや学長の書という伝統を感じる要素を、シンプルな構成にすることで、現代でも古さを感じさせないデザイン -- __[[Google>https://design.google/library/evolving-google-identity]]__ --- ブランド全体で、シンプルな印象や色を統一 --- 以前よりデータサイズを小さくして、インターネット環境の悪い場所でも読み込みやすくするという機能性 - 学食の現在の様子について -- __[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/ErWWopyFdWFArYD2rdt2f8UBbhMbj4V4fPqE8YQkfKYjcw?e=bZhna5]]__ --- レンガや木目調で落ち着いた雰囲気 --- メニューが手書き --- ロゴやシンボルマークがない、もしくは見当たらない --- 場所が分かりにくい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; - 類似する飲食店の現地調査 -- __[[とまと畑>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Erc1F_9pM1FFlPCVvFjFfMsBgakouq68eN6qkIT11RTzXg?e=ninLD4]]__ - WEB・文献による調査 -- __[[福岡の大学の学食>https://fanfunfukuoka.nishinippon.co.jp/131029-2/]]__ -- __[[九州大学学食>https://www.univcoop.or.jp/service/newshop/shop18_08.html]]__ --- シンボルマークやロゴタイプが設定されている学食は少ない --- お店の壁など中までレンガ調だったり、観葉植物が置いてあったりする点がクオーレならでは ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; - __[[線が出て出現するテキスト・ロゴアニメーションの作り方｜ダストマンTips>https://youtu.be/oK5PNGdldpQ?feature=shared]]__ ~ ~ #hr CENTER:''進捗記録'' #hr //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; ~ ~ **2023.11.09 ***モーションロゴ制作 - __[[YouTube>https://youtu.be/1vJ4dqeEO-E]]__ ~ **2023.10.26 ***モーションロゴ試作 - __[[YouTube>https://youtu.be/wXTNmq8mO3o]]__ ***調査④（現地）｜先行事例の調査（類似する飲食店の事例） - __[[とまと畑>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Erc1F_9pM1FFlPCVvFjFfMsBgakouq68eN6qkIT11RTzXg?e=ninLD4]]__ ~ **2023.10.19 ***VIマニュアル作成 - __[[OneDrive>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as001_st_kyusan-u_ac_jp/ETTIpV0kzERHlKnl4TumJnsBqkgT54t4hXgZdQwvQ6MLkQ?e=vIuqrQ]]__ ***写真との合成 - __[[OneDrive>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as001_st_kyusan-u_ac_jp/EeVkygE5_lNJlF6riRN82bwBSLZrLhIMuiu9wRWy3Ahe7Q?e=iqZqKQ]]__ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ（ストーリーボード） -- __[[OneDrive>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as001_st_kyusan-u_ac_jp/ERP23aVwt65LosZind8eU9cBu4WDXBQijU9erlC35y251g?e=Njif0b]]__ -字コンテ --起：レンガが画面全体に広がる --承：一部分をマスク --転：左右の植物が下から生えてくる --結：ロゴタイプの表示 ~ ***Illustratorを用いた作図（試作） - __[[OneDrive>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as001_st_kyusan-u_ac_jp/EZKuyX9Hr59MqAd1xCxQ3uoBuhURkCwRkmfKfYePT4DObw?e=a2ALWg]]__ - 案1 -- レンガのみをモチーフにしたシンボルマーク - 案2 -- レンガの組み合わさったイメージと、植物のイメージの組み合わせ - 案3 -- レンガと植物が一体となったシンボルマーク ~ **2023.10.05 ***背景・目的・コンセプト設定 - 背景 -- ロゴがない -- 店名を書くとき手書きかつそのまま -- 入り口が味気ない -- 場所が分かりずらい - 目的 -- 店内や入り口を彩ること - コンセプト -- お店の雰囲気が伝わるもの ~ ***アイデアスケッチ - __[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EsP7Lj2SbH9DiMNrmzMzSecBQuDWp-Q_UQirgMh2dH-PUQ?e=nkalkX]]__ -- お店に置いてある観葉植物や、レンガをモチーフに ***Illustratorによる試作 - __[[OneDrive>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as001_st_kyusan-u_ac_jp/EZKuyX9Hr59MqAd1xCxQ3uoBuhURkCwRkmfKfYePT4DObw?e=a2ALWg]]__ ~ - 概要欄の更新 - メインビジュアル（1100*400px） ~ **2023.09.28 ***調査⑤（現地）｜学食の現在の様子について - __[[クオーレ追加調査>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/ErWWopyFdWFArYD2rdt2f8UBWxRbTDqIK6Lxumg1sKR5Bw?e=YUUMvk]]__ ~ **2023.09.21 ***調査①（文献・WEB）｜現代におけるVI計画の活用事例 - __[[デジタル庁>https://www.digital.go.jp/about/brand]]__ -- 省庁としてふさわしいクリーンな印象のあるロゴタイプ - __[[東京藝術大学>https://www.ndc.co.jp/works/tokyogeidai-2017/]]__ -- シンボルマークや学長の書という伝統を感じる要素を、シンプルな構成にすることで、現代でも古さを感じさせないデザイン - __[[Google>https://design.google/library/evolving-google-identity]]__ -- ブランド全体で、シンプルな印象や色を統一 -- 以前のロゴと比べ、データサイズを小さくすることで、 インターネット環境の悪い場所でも読み込みやすく ~ ***調査②（文献・WEB）｜モーションロゴの制作方法 - __[[線が出て出現するテキスト・ロゴアニメーションの作り方｜ダストマンTips>https://youtu.be/oK5PNGdldpQ?feature=shared]]__ ~ ***調査③（文献・WEB）｜先行事例の調査（類似する飲食店の事例） - __[[福岡の大学の学食>https://fanfunfukuoka.nishinippon.co.jp/131029-2/]]__ - __[[九州大学学食>https://www.univcoop.or.jp/service/newshop/shop18_08.html]]__ ~ ***調査⑤（現地）｜学食の現在の様子について - __[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/Ev0Os4CclKFKk8uZ8T9VploBr9DDEbyyuMoJaEO7G3oGUw?e=OAV3ff]]__ -- 壁がガラス張りになっているため、開放感がある -- 若干暗い - __[[オアシス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EskzaH_4IAtDsyclpyMHdhYB0y61uSPuKKhEI0QWPUg1nA?e=Rxkys7]]__ -- 入り口はレンガ調になっているが、内装は一般的 -- 中で、食券式とレストランの二つに分かれているが、分かりずらい - __[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/ErWWopyFdWFArYD2rdt2f8UBbhMbj4V4fPqE8YQkfKYjcw?e=bZhna5]]__ -- レンガや木目調で落ち着いた雰囲気 -- メニューが手書き -- ロゴやシンボルマークがない、もしくは見当たらない -- 場所が分かりにくい - __[[クラブハウス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as001_st_kyusan-u_ac_jp/EuYPro2P_91IiIytVxcAdO4BuSC7ZBcPINZZtzaMzl1-_Q?e=rLiMuo]]__ -- 改装され外観・内装共に綺麗 -- ステンドグラスや観葉植物が置いてあるなど、内装のインテリアも気遣われている -- メニューは手作り感があるため、ややチグハグさを感じる ~