#author("2023-12-21T09:31:03+09:00","default:member","member") #author("2023-12-21T09:50:03+09:00","default:member","member") [[情報デザイン演習IIIB]] //ここから*************************************** *課題2 経路案内 #image(サムネ.png) #image(22AS008太田姫奈メインビジュアル.png) -''Hina Ota'' ~ **概要 ***背景 -初めて来たときに迷子になりやすい //今の状況、問題点 -類似する建物があって分かりにくい ~ ***目的 -駅からの経路を分かりやすくする為視覚情報を増やす //改善点 -誰でも目的地まで行けるようにする ~ ***コンセプト -マップと自分のいる場所を把握出来るようなもの -テンポの良く短時間で理解出来る ~ ***成果物の仕様 -[[YouTube>https://youtu.be/o-RAJT70Fbc]] --1920*1080px --30秒 #YouTube(qrOBTWXUa6E) -[[Instagram>https://www.instagram.com/reel/C1FX0h7qHZ2/?utm_source=ig_web_copy_link]] --1080*1920px --30秒 -[[ googleドライブ>https://drive.google.com/drive/folders/17YUIfbeOsxAu8roH1Smie3Q7zP7GZCbn?usp=sharing]] ~ ***制作期間 -2023.11.16 -2023.12.21 ~ ***メンバー -チーム名：バチェロッテ -[[山口愛麗>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B1%B1%E5%8F%A3%E6%84%9B%E9%BA%97/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92%E2%85%A2B]] -太田姫奈 -[[山本彩花>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B1%B1%E6%9C%AC%E5%BD%A9%E8%8A%B1/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92%E2%85%A2B]] ~ ***まとめ -早送りを入れることによってテンポよく短い動画にすることができました -字幕や矢印によって分かりやすい動画ができました //感想ではなく、目的を達成できたか、成果は ~ ~ **調査 ***現状調査 -[[視察>https://drive.google.com/drive/folders/1mN0J4IKhFIbgL9cQMRE7m4mFC4I9mjXv?usp=sharing]] ~ ***先行事例 -[[福岡タワーへの散歩道>https://youtu.be/UB7bdy9Ne-w?si=2N4IX-CY_acWmvSS]] -[[道案内動画 東京メトロ改札>https://youtu.be/Aznm_LBGULs?si=JPUUhpu9VBTUB37T]] ~ ***技法・技術情報 -[[道案内動画の作り方を分かりやすく解説！道案内動画のメリットや注意点>https://movieru.jp/plus/michiannai-doga-tsukurikata/]] --道順のポイントを言う --どれだけ分かりやすいかが大切 --長すぎないこと ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/qrOBTWXUa6E]] --1920*1080px --30秒 -[[Instagram>https://www.instagram.com/reel/C1FX0h7qHZ2/?utm_source=ig_web_copy_link]] --1080*1920px --30秒 ***編集 -[[ googleDriveへのリンク>https://drive.google.com/drive/folders/17YUIfbeOsxAu8roH1Smie3Q7zP7GZCbn?usp=sharing]] --経路案内の動画 ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク>https://drive.google.com/drive/folders/17YUIfbeOsxAu8roH1Smie3Q7zP7GZCbn?usp=sharing]] --分かりやすいようなサムネを作れるように頑張りました ~ **2023.12.07 ***撮影 -[[撮影>https://drive.google.com/file/d/1fTIhAzqvnc7CFqNy2Bs4AP5TTzZTsHm3/view?usp=sharing]] ~ ***動画の構成 -オープニング（タイトル） --九州産業大学芸術学部卒業制作展2024の会場に案内していくよ -スタート --階段下から・駅名を写す -移動時 --太田が歩く -分岐 --太田が指差すよ -エレベーター --５階の表示を写す -ゴール --503アップからの着いたよアピール -その他 --テンポよく早送り ~ ~ **2023.11.30 ***プロトタイプ制作 -[[動画>へのリンクhttps://drive.google.com/drive/folders/1mN0J4IKhFIbgL9cQMRE7m4mFC4I9mjXv?usp=sharing]] ~ **2023.11.16 ***試作：撮影テスト -11月22日に撮影 --[[動画のリンク>https://drive.google.com/file/d/1dc_O7kQNW8fwyN1duucY5UPifZXYy8xQ/view?usp=sharing]] ***先行事例 -[[福岡タワーへの散歩道>https://youtu.be/UB7bdy9Ne-w?si=2N4IX-CY_acWmvSS]] -[[道案内動画 東京メトロ改札>https://youtu.be/Aznm_LBGULs?si=JPUUhpu9VBTUB37T]] ~ ~ ~ ~ //ここまで*************************************** *課題1 オアシス VI計画 #image(top.jpg) -''Hina Ota'' ~ **概要 ***背景 //&color(red){計画の背景}; --レストランコーナーと通常のコーナーで分かれている --座席数が約300席ある --食事が美味しい ~ ***目的 //&color(red){計画の目的}; -課題 --レストランコーナーに気づけるようにする --食堂の雰囲気とレストランの雰囲気を楽しめるコンセプトをもっとアピールする ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -レストランのような高級感と親近感のある食堂、好きな方を選べる ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(0fTNfcCkNLg) -シンボルマーク・ロゴタイプ #image(チョコ.png) #image(いちご.png) -[[VIマニュアル>https://drive.google.com/file/d/1cinbg_18Qyh7nZ5NJOfiYbalqQDE-CzK/view?usp=sharing]] ~ ~ ***制作期間 //&color(red){制作期間｜20XX.XX.XX - 20XX.XX.XX }; -2023.09.21-2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -光沢やグラデージョンでレストランのような高級感を達成することができた -暖かい色を使うことで親近感のある食堂の雰囲気を達成することができた ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活動事例 --[[ビジュアルアイデンティティ（VI）とは？事例や効果的な作り方を解説>https://ourly.jp/visual-identity/]] --[[VI（ビジュアル・アイデンティティ）とは？意味や事例を解説>https://www.tosho.co.jp/4375/]] -学食の現在の様子について --アルテリア ---座席の数が多いい ---学食っぽい雰囲気 ---メニュー表の改善 --オアシス ---レストランコーナーがある ---ステーキが美味しい ---意見箱がある ---ロゴの金ピカとレンガが見ずらい ---レストランと通常との差 --クオーレ ---実物が置いてあって分かりやすい ---ライスを減らすと安くなる ---一部のメニューはわかるが、わかりにくいメニューもある ---座席数が他の所と比べると少ない ---遅くいくと売り切れメニューが多いい --クラブハウス ---見た目がおしゃれ ---目の前で作ってくれるのが見える ---メニュー表の改善 ~ ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[フルフル風の森>https://www.full-full.jp/shop/?id=target4]] -[[Grill＆Vegetable>https://www.aurlab-auramore.jp/]] -[[コメダ珈琲>https://www.komeda.co.jp/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[【サイバーパンク】デジタルチックなロゴアニメーションの作り方！【AfterEffects チュートリアル】>https://youtu.be/M8kH_rb2GM0?si=1JDLAWrdcXpadgRa]] -[[シュパシュパッ！と線が出て出現するテキスト・ロゴアニメーションの作り方【After Effects チュートリアル】>https://youtu.be/oK5PNGdldpQ?si=mM5PvfLt3U5IdPRl]] -[[Stroke Logo Animation in After Effects - After Effects Tutorial (Simple Logo animation)>https://youtu.be/r0OTQCvD92Y?si=jpXryacRjYaqb4iu]] -[[モーションロゴ風のキャラクターアニメーション【After Effects チュートリアル】>https://youtu.be/WhcaE6upgo4?si=-AwoY0pXqqfp4kgb]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.11.09 ***モーションロゴ 完成 -[[YouTubeのリンク>https://youtu.be/0fTNfcCkNLg]] -評価 ~ ~ **2023.10.26 ***モーションロゴ 完成 -[[YouTubeのリンク>https://youtu.be/0fTNfcCkNLg]] ~ **2023.10.19 ***VIマニュアル -[[VIマニュアルのリンク>https://drive.google.com/file/d/1cinbg_18Qyh7nZ5NJOfiYbalqQDE-CzK/view?usp=sharing]] ~ ***合成写真：使用イメージ -[[画像ファイルへのリンク>https://drive.google.com/file/d/13NZPGM8Rdtza_hMsEPVhdaLQKDjr69UW/view?usp=sharing]] ~ ***モーションロゴ 試作 -[[YouTubeのリンク>https://youtu.be/7b5JnWKlTMA]] ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ（ストーリーボード） -- [[リンクはこちら>https://drive.google.com/file/d/1UQPPWcCossTwMbftkCtMDYCCkMs5eIwE/view?usp=sharing]] -字コンテ --起：始まり・状況（看板の板が登場） --承：続き（右からお皿が転がってきた！） --転：変化・クライマックス（通った後には文字ができてる！） --結：結果・オチ（完成） ~ ~ **2023.10.05 ***背景・目的・コンセプトの設定 -背景 --レストランコーナーと通常のコーナーで分かれている --座席数が約300席ある --食事が美味しい -目的 --レストランコーナーに気づけるようにする --食堂の雰囲気とレストランの雰囲気を楽しめるコンセプトをもっとアピールする -コンセプト --レストランのような高級感と親近感のある食堂、好きな方を選べる ~ ***アイデアスケッチ（10案） -[[スケッチ>https://drive.google.com/drive/folders/10mEu-LGTA-k186OKl9-yFBfEPHVRb674?usp=sharing]] ~ ***Illustratorを用いた作図（試作） [[3案>https://drive.google.com/file/d/1EZyAMNXUt81zWqX2f3naMUpSgm_LpXlF/view?usp=sharing]] ~ ~ **2023.09.28 ***オアシスについて -座席がたくさんある -レストランコーナーがある -意見箱がある ***言葉の意味 -1.砂漠中で、水がわき樹木のはえている緑地。 -2.(比喩的に）慰安となる所。 ~ ~ **2023.09.21 ***調査① 現代におけるVI計画の活動事例 -[[ビジュアルアイデンティティ（VI）とは？事例や効果的な作り方を解説>https://ourly.jp/visual-identity/]] --VIとは何か --企業事例 --効果的な作り方 ~ -[[VI（ビジュアル・アイデンティティ）とは？意味や事例を解説>https://www.tosho.co.jp/4375/]] --VIについて --効果的な作り方 --成功事例 ~ ***調査② モーションロゴの制作方法 -アニメーションと文字の動きの付け方,各パーツの動かし方、まばたきの作り方など --[[【サイバーパンク】デジタルチックなロゴアニメーションの作り方！【AfterEffects チュートリアル】>https://youtu.be/M8kH_rb2GM0?si=1JDLAWrdcXpadgRa]] --[[シュパシュパッ！と線が出て出現するテキスト・ロゴアニメーションの作り方【After Effects チュートリアル】>https://youtu.be/oK5PNGdldpQ?si=mM5PvfLt3U5IdPRl]] --[[Stroke Logo Animation in After Effects - After Effects Tutorial (Simple Logo animation)>https://youtu.be/r0OTQCvD92Y?si=jpXryacRjYaqb4iu]] --[[モーションロゴ風のキャラクターアニメーション【After Effects チュートリアル】>https://youtu.be/WhcaE6upgo4?si=-AwoY0pXqqfp4kgb]] ~ ~ ***調査③ 先行事例の調査(類似する飲食店の事例) -[[フルフル風の森>https://www.full-full.jp/shop/?id=target4]] --木や黄色の照明で暖かい雰囲気を演出できる -[[Grill＆Vegetable>https://www.aurlab-auramore.jp/]] --雰囲気も統一されておしゃれ -[[コメダ珈琲>https://www.komeda.co.jp/]] --安心感がある --メニュー表より量が多く出てくる ~ ***調査⑤ 学食の現在の様子について [[【アルテリア】>https://drive.google.com/drive/folders/1Nmk-xSBm77gvmLWQeM09GfWPTea63m_r?usp=sharing]] -良いところ --座席の数が多いい --学食っぽい雰囲気 -改善点 --メニュー表の改善 ~ [[【オアシス】>https://drive.google.com/drive/folders/1D5s0WoMtKbT4kI5YfVkUx0NXKRNMEMDP?usp=sharing]] -良いところ --レストランコーナーがある --ステーキが美味しい --意見箱がある -改善点 --ロゴの金ピカとのギャップ --レストランと通常との差 ~ [[【クオーレ】>https://drive.google.com/drive/folders/1Nmk-xSBm77gvmLWQeM09GfWPTea63m_r?usp=sharing]] -良いところ --実物が置いてあって分かりやすい --ライスを減らすと安くなる -改善点 --一部のメニューはわかるが、わかりにくいメニューもある --座席数が他の所と比べると少ない --遅くいくと売り切れメニューが多いい ~ [[【クラブハウス】>https://drive.google.com/drive/folders/1oeYv2W0jHHmtaZBCEkOJQxzKUgxIpTbU?usp=sharing]] -良いところ --見た目がおしゃれ --目の前で作ってくれるのが見える -改善点 --メニュー表の改善 ~ ~