#author("2024-01-08T22:20:57+09:00","default:member","member") #author("2024-01-08T23:01:47+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(mainV.jpg) -後藤 太成 ~ **概要 ***背景 -学内は建物や道が複雑で芸術学部の学生でないと卒展までの行き方がわかりずらい。 ~ ***目的 -駅から卒展までの教室の案内を短く簡単に説明して他学部の学生や一般の方にも来てもらえるようにするため。 ~ ***コンセプト -無駄なく大事な情報だけで説明する ~ ***成果物の仕様 --[[YouTube>https://youtu.be/WFxrUrUVBYI?si=89M3Q_UeDA5XUi1r]] --1920*1080px --30秒 --[[Instagram>https://www.instagram.com/reel/C11yX1KB_3E/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==]] --1080*1920px --30秒 #YouTube(WFxrUrUVBYI) ~ ***制作期間 -2023.11.16 - 2023.12.21 ~ ***メンバー -チーム名:沼 -メンバー --杉野市乃助 --後藤太成 ~ ***まとめ -最初のテキストのアニメーションはイメージの通りに再現できたがテキストの周りに図形等使い囲うことでもっとまとまりをだすことができたと思った。 -経路の案内ではうまく動画速度を調整することができた。 ~ ~ **調査 ***現状調査 -[[Drive>https://drive.google.com/drive/folders/1hNdy-34jdaNPEuMOF0CeE6a0h6RksX0y?usp=sharing]] -学内は建物や道が複雑で芸術学部の学生でないと卒展までの行き方がわかりずらい。 ~ ***先行事例 -[[道案内動画 東京メトロ改札~会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=k4VZvjCWe1-nn0-o]] --テキスト、矢印を使用して道案内 --目印になる場所でアニメーションを使い紹介 ~ ***技法・技術情報 -[[【AfterEffects入門】リニアワイプトランジションのやり方>https://youtu.be/bPnfmaSGtuQ?si=95WCMuuT2KqnRKod]] -テキスト -アニメーション -動画速度の変化 ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/WFxrUrUVBYI?si=-EvtIF8SJWPwtu3i]] --1920*1080px --30秒 -[[Instagram>https://www.instagram.com/reel/C11yX1KB_3E/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==]] --1080*1920px --30秒 ***編集 -[[Driveへのリンク>https://drive.google.com/drive/folders/1evIC-gRqLWBN2SbL8STCCRdEL8RFsTha?usp=sharing]] //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***メインビジュアル・サムネイルの制作 -[[Driveへのリンク>https://drive.google.com/drive/folders/1RwYq9h5sRSZqcq1_lSrZV9goHGsIi91b?usp=sharing]] //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[googleDriveへのリンク>https://drive.google.com/drive/folders/1evIC-gRqLWBN2SbL8STCCRdEL8RFsTha?usp=sharing]] ***動画の構成 -オープニング(タイトル) --タイトル テキスト表示 -スタート --駅の改札から道路まで -移動時 --テキストとは早送り -分岐 -- -エレベーター --場所と5階まで -ゴール --目的地の入り口前 ~ ~ **2023.11.30 ***プロトタイプ制作 -[[googleDriveへのリンク>https://drive.google.com/drive/folders/1KgH6iFXPmcGz0Gd0HcT7FmcKObqbCeQ8?usp=sharing]] --必要な情報だけを紹介する --早送りやテキストを使用し紹介する ~ ~ **2023.11.16 ***試作:撮影テスト -[[googleDriveへのリンク>https://drive.google.com/file/d/1ZwcdW1yI6dIKNhXxL1af0o88KrCsKqN_/view?usp=sharing]] --手ブレが多い --目印や分かりやすい建物を写す --曲がるときの撮影スピードが速い ***先行事例 -[[道案内動画 東京メトロ改札~会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=k4VZvjCWe1-nn0-o]] ~ ~ ~ ~ *課題1 in.out VI計画 #image(gousei.jpg) -''ごとうたいせい'' ~ **概要 ***背景 内装はカフェぽく作業などしやすい環境だがロゴにカフェ感がなく入りずらいと感じたから //&color(red){計画の背景}; ~ ***目的 どの様なところかわかりやすいロゴを制作することで多くの人に認知してもらう //&color(red){計画の目的}; ~ ***コンセプト お店の雰囲気を保ちつつデザインする //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(EzbSJCbZDTM) ~ -シンボルマーク・ロゴタイプ #image(sinboru.jpg) ~ -[[VIマニュアル>https://drive.google.com/file/d/1JN9q_G8l2eiOnFDycfgOmZxmW1xRkNFp/view?usp=sharing]] ~ ***制作期間 //&color(red){制作期間|20XX.XX.XX - 20XX.XX.XX }; -2023.09.21-2023.11.16 ~ ~ ~ **調査 ***現状調査 -看板をメニューに合わせて変更する -カフェっぽい雰囲気をもっと出すためのロゴ ~ ***先行事例 -メニューや内装はカフェとパン屋を合わせた感じになっている ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr **2023.10.26 -モーションロゴ --[[YouTube>https://youtu.be/HQpemD11wLg?si=76bjsBwRiJn63o7l]] **2023.10.19 -[[VIマニュアル>https://drive.google.com/file/d/1JN9q_G8l2eiOnFDycfgOmZxmW1xRkNFp/view?usp=sharing]] ロゴタイプとシンボルタイプの2つをモノクロにした時にどのようになるか考えた。 -[[合成>https://drive.google.com/file/d/1E9uWJDU3Vv1qvBo1QzlYcgpnxvO39HS2/view?usp=sharing]] ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ(ストーリーボード) -- [[絵コンテ>https://drive.google.com/file/d/1UEnVG9S8bmnlk_yrFj8s6SoWqFcfvUrK/view?usp=sharing]] -字コンテ --起:何もない画面からロゴが下りてくる --承:跳ねてロゴが止まる --転:最後のパーツ左からがそろう --結:動きが止まり静止画のロゴと同じになる ~ ***Illustratorを用いた作図(試作) -[[イラレの3案>https://drive.google.com/drive/folders/10djq9H2s2DtS3wmkVqtroJgKUXGZN_DT?usp=sharing]] ~ ~ **2023.10.05 *** -背景 --看板と雰囲気を見て入った時のメニューのイメージと違っていた --看板やロゴがカフェ感が強くごはんが食べれる場所なのかわからなかった ~ -目的 --看板の文字とロゴを変更して食堂感を出す --メニューや外装、内装に合わせてデザインする --今の雰囲気を保ちつつ、食堂感を出す ~ -コンセプト --ロゴとフォントの変更 --レストランを参考に **2023.09.28 ***調査 [[先行事例>https://drive.google.com/drive/folders/11iTCZSkV2f07nU_-0JNeWBo1BMAHnZvo?usp=sharing]] 何のお店、飲食店かわかりやすく入りやすい ~ ***アイデアスケッチ -[[アイデアスケッチ>https://drive.google.com/drive/folders/1UdfEio6JIF6LcIAwyKtQVMHhVdPjHFfv?usp=sharing]] ~ ~ **2023.09.21 ***学食の様子 -[[アルテリア>https://drive.google.com/drive/folders/1dA3r_30UzasihqLUvAz1W5S6tfFgRacH?usp=sharing]] 写真付きのメニューが多く頼みやすい カウンターとテーブル席の数が他よりが多い、スペースが広く移動しやすい ~ -[[オアシス>https://drive.google.com/drive/folders/1ta84Xa8hBdLeqdOBGZWAnmP0UfqGeF-2?usp=sharing]] レストランと一体化していてメニューが多い ~ -[[クオーレ>https://drive.google.com/drive/folders/1p977Icl_rFxBrDofg4r89Kd6gSiGylzg?usp=sharing]] 内装がカフェのようで落ち着く雰囲気だった お店の方の手書きのメニューやポップが印象に残った ~ -[[クラブハウス>https://drive.google.com/drive/folders/1of9dTQIPM6fiRlq0TU1r9FWh5dRI42_m?usp=sharing]] 観葉植物や木製の物が多く落ち着く雰囲気 おしゃれなカフェのようだった ~ - ***参考動画 #youtube(TmO1AfIPstY?si) ~ ~ ~