#author("2023-12-29T22:55:43+09:00","default:member","member") #author("2023-12-29T23:06:45+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(main_v-1.jpg) -''太田糸音'' ~ **概要 ***背景 -いくつか出入り口のルートがある -どの建物が何号館なのか認識しづらい ~ ***目的 -他にも入口があることも提案するが、動画では一番簡単な道順を紹介する ~ ***コンセプト -矢印など道筋を示すものを取り入れる -静止画を増やす ~ ***成果物の仕様 -[[YouTube>https://youtu.be/30zF409ufZ8]] --1920*1080px --30秒 #youtube(30zF409ufZ8) ~ -[[Instagram>https://www.instagram.com/reel/C1GBnuQsmt4/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==]] --1080*1920px --30秒 -[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/Er4DKJbvjSZAl1xdkcKzDHIBPqJaNxVoqioBtQbVEvi5qg?e=p1QSm8]] ~ ***制作期間 -2023.11.16 -12.21 ~ ***メンバー -チーム名：224 -[[大井このか>大井このか/情報デザイン演習ⅢB]] ~ ***まとめ -場面が切り替わったことを伝えるために画面を一瞬真っ白にしたところがわかりやすいと思った -無駄な部分は切り取ることでより少ない情報で伝えることが重要 ~ ~ **調査 ***現状調査 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/En8BWwmQJuBDsrjB-EklIUoBWB2K8YO9nPktH_Fk3SI-Qw?e=q51V7X]] --どの建物に行けば良いのか、どこから入れば良いのか分かりにくい ~ ***先行事例 -[[梅田芸術劇場道案内>https://youtu.be/DhLWZkRHKjo]] --文字が背景と被らないようになっているため読みやすい -[[LINE CUBE SHIBUYAの経路案内>https://youtu.be/Uenoy1MbzOo]] --目印となるものにマークをつけており、それと同時に矢印を使って道を示している ~ ***技法・技術情報 -[[タイムリマップ速度調整>https://youtu.be/lM818xcWNQA?si=EL6RuWdLh31hvmfO]] --キーフレームの角度によって早送り、スロー、逆再生ができる ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/30zF409ufZ8]] --1920*1080px --30秒 -[[Instagram>https://www.instagram.com/reel/C1GBnuQsmt4/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==]] --1080*1920px --1080*1920px --30秒 ***編集 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/iwata_mail_kyusan-u_ac_jp/EvnvaxDEbX1HkZE8b848ICYBp5pNw35qnSnf0BG8mFUHCA?e=e7AgpG]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/Er4DKJbvjSZAl1xdkcKzDHIBPqJaNxVoqioBtQbVEvi5qg?e=gemfIP]] --日常の雰囲気を感じられるようなBGMを設定することで安心感を演出させた --YouTubeとInstagramではそれぞれ適した秒数に変えた ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/Er4DKJbvjSZAl1xdkcKzDHIBPqJaNxVoqioBtQbVEvi5qg?e=gemfIP]] --文字数は少ないが、伝えたいことは載っている --文字が背景と被らないように意識した ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/iwata_mail_kyusan-u_ac_jp/EvnvaxDEbX1HkZE8b848ICYBp5pNw35qnSnf0BG8mFUHCA?e=e7AgpG]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/En8BWwmQJuBDsrjB-EklIUoBWB2K8YO9nPktH_Fk3SI-Qw?e=q51V7X]] --カメラ+スタビライザーを使用し、よりスムーズな映像を撮った ***動画の構成 -オープニング（タイトル） --展示会場への経路案内動画だと示す -スタート --駅名を移した後、階段下から始める -移動時 --視野を広げてなるべくまっすぐに -分岐 --少し長めに止まる -エレベーター --5階に行くことだけを示すのでその他カット -ゴール --通常の秒数にし、会場名を映す -その他 --目印となるものは長めに映すか、止まる ~ ~ **2023.11.30 ***プロトタイプ制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EqLfRSKRVMhNtZ1pwRRe_r8BiVZ_i8OhJvNw1a1k0bscYw?e=zz6Ytg]] --文字を読んでほしい時は動画を一旦停止した ~ ~ **2023.11.16 ***試作：撮影テスト -[[試作動画>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/Eln-kdqiN3NAg0qygQDbcUYBCql9Y9ljDTgsdvv5332Pqw?e=Q4nnB6]] --余計なのもが映らないよう配慮した ***先行事例 -[[梅田芸術劇場道案内>https://youtu.be/DhLWZkRHKjo]] --文字が背景と被らないようになっているため読みやすい -[[LINE CUBE SHIBUYAの経路案内>https://youtu.be/Uenoy1MbzOo]] --目印となるものにマークをつけており、それと同時に矢印を使って道を示している ~ ~ ~ ~ *課題1 クオーレ VI計画 #image(main-b.jpg) -''𝐬𝐡𝐢𝐨𝐧 𝐨𝐭𝐚'' ~ **概要 ***背景 //&color(red){計画の背景}; CENTER:'''”落ち着きのある癒しの時間を提供”''' イタリアを感じられるような洋風・レトロをキーワードに創造する ~ ***目的 //&color(red){計画の目的}; 初めて来た人が見ただけで伝わるよう視覚的情報を意識する ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 今の雰囲気に合わせた暖かみあるもの ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(V5-tCjnMvfM) -シンボルマーク・ロゴタイプ #image(symbol-1.jpg) #image(symbol-2.jpg) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EgDlH47_60BMjt4zloe5HXYB6mL3QcWjSthwRJhs8PUIfg?e=ws6htd]] ~ ***制作期間 -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -ぱっとみて”イタリア”だと感じられるものになったと思う -ガラスに装飾することについて、反射や映り方が変わることがわかったため色づかいを丁寧に考えることをこれからも意識していきたい ~ ~ **調査 ***現状調査 -現代におけるVI計画の活用事例 --[[VIとは何か？>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] ---視覚的にインパクトを与え、消費者に印象を与える -学食の現在の様子について --店内の雰囲気と飲食物はマッチしているが、メニューの見やすさや出口の分かりづらさなど、初めて来店した方には伝わりづらい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -WEB・文献調査 --[[コメダ珈琲>https://www.komeda.co.jp/]] ---実家にいるような安心感、木の温もりが落ち着いた気持ちにさせてくれる --[[パンの田島+ドトール>https://coppe-pan-tajima.com/]] ---木とパンは最高の組み合わせ -現地調査：類似する飲食店の事例 --[[九重珈琲>https://www.syouki.jp/kokonoecoffee/]] ---[[店内の様子>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EncHwhIvX1BIhyaGdEWfhBEBwkj8uQf36Br30A_7xL5ILw?e=wl2VgM]] ---自然を感じられるような木の感じとビンテージ ---暖かみを感じる照明 ~ ***技法・技術情報 -モーションロゴの制作方法 --[[NETFLIX風ロゴアニメーション>https://youtu.be/45JabZnay1s?si=KC8CQVlV5SlS2YNc]] --[[ahamoのロゴアニメーション>https://youtu.be/PN59337gRGk?si=lF1g8EqY30_3cc3F]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.10.26 ***モーションロゴ制作 -[[YouTubeリンク>https://youtu.be/V5-tCjnMvfM]] --背景の色も同系色にし、統一感を出した --シンボルマークが丸みを帯びているので柔らかい雰囲気になるようにした ~ ~ **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EgDlH47_60BMjt4zloe5HXYB6mL3QcWjSthwRJhs8PUIfg?e=ws6htd]] --組みと使用禁止例のアニュアルを制作 ~ ***合成写真：使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as007_st_kyusan-u_ac_jp/EfwSOyZoHEpMgRwptHVNvQABrsNj1Xax3DnjEowYbVRBzg?e=FKQOwB]] --今までのロゴも自動ドアに貼っていたため同様に貼り付けた --透明なため、試作の時の色が見づらくなったので色を変更 ~ ***モーションロゴ 試作 -[[YouTubeリンク>https://youtu.be/VJBbgJnZirQ]] --基本的な動きをつけてみた --動きが自然に見えるよう調整する ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ（ストーリーボード） -- [[リンクはこちら>https://ksumail-my.sharepoint.com/:u:/g/personal/k22as007_st_kyusan-u_ac_jp/Ea5vj6676bZAuc3IiCAFSoYBoJztJ7l5pjVL-Su4OHiqNQ?e=fKROTJ]] -字コンテ --起：始まり・状況（丸状のものが左から真ん中に転がってくる） --承：続き（丸の中からコック帽がひょこっと出てくる） --転：変化・クライマックス（右下の紙が剥がれて） --結：結果・オチ（ロゴ完成） ~ ***Illustratorを用いた作図（試作） -[[Illustratorを用いた作図3案>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EvV-mN6KvhREi2gkwSsuWQEBU47h6HNvtx_bOSOsZCMy5A?e=Qw7v6N]] --1案 クオーレを意味する『心』とレンガを合わせ、パスタのお皿に乗せた --2案 ロゴをメインとし、シンボルマークがアクセントになるよう意識 --3案 Cのうねりがパスタを連想させるような作りにした ~ ~ **2023.10.05 ***アイデアスケッチ② -[[リンクはこちら>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as007_st_kyusan-u_ac_jp/EYzTHFtgPC9HjiPt24Kef2MBYbvyeb72l0_d35sY-6Vzcg?e=4NjYXU]] ~ ***背景 -メニューがあちこちにある -出口がわかりづらい -隣接しているお手洗いマークが浮いている -文字からイタリアが感じられない |#image(cuore-2.jpg)|#image(cuore-5.jpg)|#image(cuore-8.jpg)| ***目的 -その場と物の統一感 -一箇所にまとまる見やすい、想像しやすいメニュー ***コンセプト -イタリアを感じられるような洋風 -お店の雰囲気とマッチしたレトロ感 - ~ **2023.09.28 ***クオーレ(cuore)について -図書館1階にイタリアンレストランとしてオープン -イタリアン中心のお洒落な洋風レストラン -<営業時間> 平日9：00−17：00 土曜9：00−15：00 ~ CENTER:'' イタリア語で『心』 '' ~ ***ロゴの先行事例 -[[ピンタレスト>https://pin.it/7Fx597P]] ~ ***アイデアスケッチ① -[[リンクはこちら>https://ksumail-my.sharepoint.com/:u:/g/personal/k22as007_st_kyusan-u_ac_jp/EQWJCtvkPHFBk9tnFjO_GegBGeIHZGNNPGEhZ1RP45IQDg?e=2fWnfg]] ~ **2023.09.21 ***調査① 現代におけるVI計画の活動事例 -[[ビジュアルアイデンティティ（VI）とは？>https://circl.co.jp/ja/views/what-is-visual-identity/]] --事例 スタバ・ユニクロ・ティファニー・ブルガリア --VIがもたらす効果 -[[「らしさ」を瞬間で伝えるビジュアルアイデンティティ>https://prdx.co.jp/visions-prdx/visual-identity/#VI-3]] --VIが正しく活用されるように --流行りの変化による風化 ~ ***調査② モーションロゴの制作方法 -[[デジタルロゴアニメーション>https://youtu.be/M8kH_rb2GM0?si=US_dmVUmx5_qqI1E]] -[[NETFLIX風ロゴアニメーション>https://youtu.be/45JabZnay1s?si=KC8CQVlV5SlS2YNc]] -[[ahamoのロゴアニメーション>https://youtu.be/PN59337gRGk?si=lF1g8EqY30_3cc3F]] -[[ラヴィット風ロゴアニメーション>https://youtu.be/696qiBY-nr0?si=el8DoRQTwUgjMnb_]] ~ ***調査③ 先行事例の調査(類似する飲食店の事例 WEB・文献調査) -[[Salon de Louis Jewelry Cafe>https://fantage.co.jp/travel/kanto/salon-de-louis-jewelry-cafe/]] --店内の雰囲気と飲食物、お皿がマッチしていることで高級感が出る -[[コメダ珈琲>https://www.komeda.co.jp/]] --実家にいるような安心感、木の温もりが落ち着いた気持ちにさせてくれる -[[パンの田島+ドトール>https://coppe-pan-tajima.com/]] --木とパンは最高の組み合わせ ~ ***調査④ 先行事例の調査(類似する飲食店の事例 現地) -[[九重珈琲>https://www.syouki.jp/kokonoecoffee/]] --[[店内の様子>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EncHwhIvX1BIhyaGdEWfhBEBwkj8uQf36Br30A_7xL5ILw?e=wl2VgM]] --自然を感じられるような木の感じとビンテージ --暖かみを感じる照明 ~ ***調査⑤ 学食の現在の様子について -[[学食の写真>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as007_st_kyusan-u_ac_jp/EqrmGQa8iSNKmyAZDmY1_P8B1xo6EDw9-oH85_bLl9MWvw?e=c3OXyN]] ~ ***&color(#dda0dd){クオーレについて・・・}; '' 良い点 '' -テーブルは十分なスペースがあるため、ゆっくりお食事ができる -雰囲気が暗めのため、落ち着いた印象 '' 改善点 '' -メニューがあちこちにある -メニューの写真がないため、想像しずらい -出口がわかりづらい ~ ~ ~