#author("2024-01-04T18:52:13+09:00","default:member","member") #author("2024-01-04T18:53:02+09:00","default:member","member") [[情報デザイン演習IIIB]] //ここから*************************************** *課題2 経路案内 #image(keiro.jpg) -''TomonaHarada'' ~ **概要 ***背景 //今どうなってる？歩いてみて、撮影してみて気づき、状況、課題をかく -場所が分かりづらい -踏切や交通量が多いため危険が多い -17号館に入る通路が複数ある -なかなか大学に入る機会が少ないため緊張する ~ ***目的 //背景の問題を解決するためのゴール予習か、見ながらか -17号館に入る目印を作り、分かりやすくする //-踏切や道路を渡る際の注意喚起をする -方向や場所を示す図形を使用して、分かりやすくする ~ ***コンセプト //作戦的な -九産大の芸術学部や情報デザイン専攻に興味がある入学予定の高校生へ -歓迎的な明るい動画 ~ ***成果物の仕様 -[[YouTube>https://youtu.be/SMo6rKROIVE]] //--1920*1080px //--約１分 --1920*1080px --約１分 #YouTube(SMo6rKROIVE) -[[Instagram>https://www.instagram.com/reel/C1rIKfGJmnp/?igsh=MWVrdjA4dnZ0bWoxZQ]] --1080*1920px --30秒 --約１分 ~ -[[GoogleDrive>https://drive.google.com/drive/folders/1FM3p86hNxQe1mr5-uqC2D_eWyhDh4OyV?usp=share_link]] ***制作期間 -2023.11.16 -2023.12.14 ~ ***メンバー -チーム名：ご飯(小) -原田朋奈 -[[宮副咲葉>http://design.kyusan-u.ac.jp/socialdesign/?宮副咲葉/情報デザイン演習ⅢB)]] ~ ***まとめ -案内役の人、丸くポップなイメージのフォントを所用することによって明るい雰囲気になった -方向や場所を示す図形を使用することで経路を分かりやすくした //効果がどうなったか、コンセプト、演出が達成できたか ~ ~ **調査 ***現状調査 -[[縦>https://drive.google.com/file/d/1DZu5r_IOa1muyeX8_Qhk42uq02YgN3ps/view?usp=drive_link]] --17号館のエレベーターに近い入り口は、目立ちにくいため分かりづらい //円の部分はコメントを書き込む ~ ***先行事例 -[[【経路案内動画４K（縦）】サンプル>https://www.youtube.com/shorts/ic_VCrYoKzs]] --早送りにしているところを参考にした -[[道案内動画 東京メトロ改札～会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=qvAm3vXWnozJQs_K]] --矢じるしをいれると分かりやすい -[[【道案内】麹町駅から本社への経路をご紹介！【日本交通(株)】>https://youtube.com/shorts/b7Q6CCvKzDk?si=MgcmmVDDGVtbVEIf]] --ある程度情報量があったほうが賑やかになる ~ ***技法・技術情報 -After Effects -Illustrator [[時間伸縮とタイムリマップ>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/SMo6rKROIVE]] --1920*1080px --30秒 --約１分 -[[Instagram>https://www.instagram.com/reel/C1rIKfGJmnp/?igsh=MWVrdjA4dnZ0bWoxZQ]] --1080*1920px --30秒 --約１分 ***編集 -[[GoogleDriveへのリンク>https://drive.google.com/drive/folders/1FM3p86hNxQe1mr5-uqC2D_eWyhDh4OyV?usp=sharing]] --方向や場所を示す図形を使用することで経路を分かりやすくした ***メインビジュアル・サムネイルの制作 -[[GoogleDriveへのリンク>https://drive.google.com/file/d/11YCNU9fz44C3LQMu8qs544Yo8xhSxmPr/view?usp=drive_link]] --ソーシャルデザイン学科のカラーをイメージした配色にした ~ - - **2023.12.07 ***動画の構成 -オープニング（タイトル） --情報(日付、場所など) -スタート --階段降りてからスタート -移動時 --直進のときは早送り -分岐 --大きく矢印を入れる、指を刺す -エレベーター --エレベーターの前のみで、乗る所は省略(1~5階へ) -ゴール --503と504どちらも案内する -その他 --歓迎の言葉 ***素材撮影 **2023.11.30 ***プロトタイプ制作 -[[GoogleDriveへのリンク>https://drive.google.com/drive/folders/1KzxJZZIT_vJSDzd3BP8ZFPcr2kqhm_EN?usp=share_link]] --進行方向を指す矢印を試した。蛍光のような見た目にしてみたが、分かりやすく見た目もポップになったので使っていこうと思う。 ~ ~ **2023.11.16 //***試作：撮影テスト //-◯◯◯◯◯ //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***先行事例 -経路案内 --[[【経路案内動画４K（縦）】サンプル>https://www.youtube.com/shorts/ic_VCrYoKzs]] --[[道案内動画 東京メトロ改札～会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=qvAm3vXWnozJQs_K]] [[【道案内】麹町駅から本社への経路をご紹介！【日本交通(株)】>https://youtube.com/shorts/b7Q6CCvKzDk?si=MgcmmVDDGVtbVEIf]] -技法 -- ~ ~ ~ ~ //*課題2 *課題1 クオーレVI計画 #image(top.jpg) //1100*400 -''Tomona Harada'' ~ **概要 ***背景 //&color(red){計画の背景}; クオーレは、ロゴマークは無くロゴタイプが設定されている。しかしクオーレの雰囲気とロゴタイプの噛み合いが悪く、浮いているように見える。 ~ ***目的 //&color(red){計画の目的}; クオーレの雰囲気とロゴタイプを統一するべきだと思う。また、ロゴマークも一緒に設定する。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; クオーレはカジュアルなイタリアンレストランであるため、その雰囲気に合わせた暖かみのあるロゴ制作を行う。 心という意味であるクオーレを表現したハートと、「ハの字」になるように置いてあるカトラリーを簡略化したものをロゴデザインにした。 ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #Youtube(WwONlvv7MV0) -シンボルマーク・ロゴタイプ #image(vi.jpg) -[[VIマニュアル>https://drive.google.com/file/d/1_K0xZ8FvLpl1TehmQpEN4dx5BDKPkN2U/view?usp=drive_link]] ~ ***制作期間 2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; クオーレという名前に沿って雰囲気に合ったデザイン、モーションができたと思う。ロゴマーク、モーションどちらも暖色系を使用することで暖かみを表現できた。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; VIとは -ビジュアルアイデンティティの略称であり、ブランドの理念や特性を視覚的なデザインで表現し、一貫性を持たせて展開すること。VIを構築するためにはどう思われたいのかを明確にする必要がある。特にコンセプトの整理をすることでより明白になる。 現代におけるVI計画の活用事例 -マツダ -Facebook -スターバックス -[[ポーラ美術館>https://www.tokyoartbeat.com/articles/-/polamuseum_vi]] 学食の現在の様子について（良い点・改善点の洗い出し） -クオーレ --良い点 ---お店は全体的に統一感がある。 ---イタリアンレストランというお店の形態に合わせられている。 --改善点 ---ロゴタイプのベタ打ち感がある。 ---ロゴマークが無い。 ---営業日のお知らせのフォントがお店の雰囲気と合っていない。 ~ ***先行事例 先行事例の調査（類似する飲食店の事例） -WEB・文献調査 --[[Italian Kitchen VANSAN1>https://vansan-ltd.jp]] ---家族連れを歓迎している印象で気軽にイタリアンを楽しめそうという点で類似している。 ---HPでは、欧文にサンセリフ体が主に用いられており、洗練された印象も与えられている。 -現地調査：類似する飲食店の事例 --[[サイゼリヤ>https://www.saizeriya.co.jp]] ---リーズナブルな価格で提供している。 ---ロゴマークとロゴタイプどちらもイタリアの国旗カラーであったり、内装はイタリアの街並みの写真が飾ってあったりと統一感がある。 ---サイゼリヤでもメニューのほとんどの欧文はゴシック、和文はアンチック体のようなものが使われており読みやすい。 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; モーションロゴの制作方法 -[[100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro>https://youtu.be/m-osco-Xuqs?si=6QZoRin3OKtgYgoO]] -[[ロゴアニメーション制作事例の紹介｜UPGRADE>https://youtu.be/TmO1AfIPstY?si=5aRYlCiSAmFStEiO]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.11.2 ***モーション完成 #Youtube(WwONlvv7MV0) **2023.10.26 ***合成写真 -[[リンク>https://drive.google.com/file/d/1T7g1pTj1S8LvDAC8IbocejKkI6lHySg7/view?usp=drivesdk]] ***VIマニュアル -[[リンク>https://drive.google.com/file/d/1_K0xZ8FvLpl1TehmQpEN4dx5BDKPkN2U/view?usp=drive_link]] ***モーション試作 #YouTube(QHNGQnQB8K4) **2023.10.19 ***Illustratorを用いた作図（試作) -[[リンク>https://drive.google.com/drive/folders/18geDt3auBgKSIJS7L0wQlpz-bnrxm6Ra?usp=sharing]] ***次回まで -モーショングラフィックスの制作 -VIマニュアルの制作 -ロゴと写真の合成 **2023.10.12 ~ ***モーションロゴのアイデア -絵コンテ（ストーリーボード） [[リンクはこちら>https://drive.google.com/file/d/1uUOwk7hCCHIXnzlhGSersSGZrW2mz5Dh/view?usp=drivesdk]] -字コンテ 起：皿とナイフとフォーク 承：ナイフとフォークが8の字になる 転：皿が消え、ナイフとフォークが線に変化する。 結：クオーレの文字が円状に現れる。 **2023.10.5 ***調査④ 先行事例の調査（類似する飲食店の事例） -[[サイゼリヤの写真>https://drive.google.com/drive/folders/1-02mqdH55RDC7a8Szy-R0pEPTU1_kBML?usp=sharing]] --イタリアンレストランかつ、安いかつカジュアルな雰囲気が類似していると思った。 ***アイデアスケッチ -[[リンク>https://drive.google.com/drive/folders/109SatOuOZVYbKUf9xevbnTgqcFr6YTO5?usp=share_link]] ***Illustratorを用いた作図（試作) -[[リンク>https://drive.google.com/file/d/1k0yJUxQfVWIzVP3RXeRIkPdasVagaWDk/view?usp=share_link]] **2023.09.28 ~ -先週の調査の続き -写真の共有 --今の学食のロゴに対する意見交換 ~ **2023.09.21 ~ ***調査① 現代におけるVI計画の活用事例 -[[ビジュアルアイデンティティ（VI）とは？事例や効果的な作り方を解説>https://ourly.jp/visual-identity/]] --受け取った側がロゴを見て何を表したいのかすぐ結びつくことが大切。 --どう思われたいのかを明確にする必要がある。特にコンセプトの整理をすることでより明白になる。 -[[ポーラ美術館がロゴなどVIを刷新：デザイナーはグラフィックデザイナーの長嶋りかこ>https://www.tokyoartbeat.com/articles/-/polamuseum_vi]] --ポーラ美術館は環境保全に力を入れており今回のリニューアルでより強調される形となった。 ~ ***調査② モーションロゴの制作方法 -[[100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro>https://youtu.be/m-osco-Xuqs?si=6QZoRin3OKtgYgoO]] -[[ロゴアニメーション制作事例の紹介｜UPGRADE>https://youtu.be/TmO1AfIPstY?si=5aRYlCiSAmFStEiO]] ~ ***調査③ 先行事例の調査（類似する飲食店の事例） -[[株式会社VANSAN｜イタリアンレストラン「Italian Kitchen VANSAN(バンサン)」を全国に展開。>https://vansan-ltd.jp]] --イタリアンレストランでピックアップしてみた。家族連れを歓迎している印象で気軽にイタリアンを楽しめそうという点で類似していると思う。 -[[サイゼリア>https://www.saizeriya.co.jp]] --ロゴがイタリアカラーなのは分かりやすくて良い。 ~ ***調査⑤ 学食の現在の様子について（良い点・改善点の洗い出し） -[[現在の食堂の写真>https://drive.google.com/file/d/1XcPFV-MAGbRS1DZJdTVLqnrBQ4r0AGqC/view?usp=share_link]] -アルテリア --親しみやすさがある。 --ロゴタイプが細くて視認性が悪い気がする。 --コンセプトがばらけている気がする。学生の作品で美術館にしたいのか、ロゴで都会的にしたいのか、カラフルな椅子やお盆やメニューで親しみやすくしたいのか分からない。 -クオーレ --内装の統一感がある。 --フォントがなぜこれにしたのか伝わってこない。 -クラブハウス --新しいだけあって統一感がある。 --メニューのデザインが微妙。 -オアシス --窓際が明るくていい。 --メニューの創英角ポップ体でロゴタイプとちぐはぐ。 --中がちょっと暗い ~ ~ ~