#author("2023-01-13T21:07:25+09:00;2023-01-12T08:15:56+09:00","default:member","member") #author("2023-01-13T21:08:02+09:00;2023-01-12T08:15:56+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(72C7BBF7-28FF-4A0B-9DFA-0AE335F2A724.jpeg) -''村山陽菜'' -'''Keywords：道案内, YouTube, Instagram''' ~ **Overview ***Background //&color(red){背景}; 駅から大学までは経路が分かりやすく地図も使えるが、学内に入ってから目的の建物・教室を探すのは難しい。 ~ ***Purpose //&color(red){目的}; 経路を分かりやすく動画にまとめ、初めて来た人も迷わず目的地に向かえる動画を制作する。 ~ ***Concept //&color(red){基本的な考え方、枠組み、視点など}; -初めて来た人も迷わず目的地に向かえる -必要な情報がまとまっていて分かりやすい動画 ~ ***Outputs -YouTube --1920*1080px --30秒 #youtube(I4yIHdlojQU) //&color(red){↑ 完成作品埋め込み}; -Instagram --[[投稿・リールへのリンク>https://www.instagram.com/reel/CnWsqZPhCbB/?igshid=MDJmNzVkMjY=]] --1080*1920px --30秒 ~ ***Term //&color(red){制作期間}; -2022.11.10 - 2022.12.8 ~ ***Conclusion //&color(red){制作が完結したら「まとめ」を記載して下さい。}; -映像に合わせて字幕でポイントを説明することにより、初めての人でも迷わず目的地に向かえるような動画にできたと思う。特に目印となる場所では映像を少しスローにして着目してもらえるようにした。 -BGMをつけることで軽快な雰囲気を出した。 ~ 改善点 -手ぶれがひどく、映像を見にくいところができてしまった。歩き方にもう少し気を配りたい。 -%%映像に合わせて字幕をつけたため、字幕を出すスピードが全体的に早くなってしまった。一時停止しないと文字が読みにくい箇所もあった。%% →ブラッシュアップ -映像の見やすさを優先した結果、動画を30秒に収めきれなかった。もっと要点を絞り、映像の速度に緩急をつけたらペース配分が上手くいきそうだと感じたため、今後は絵コンテ等の下準備に力を入れてみようと思う。 ~ ~ **Research ***Current Situation //&color(red){現状調査：駅から教室までの経路の状況}; -駅から大学の校門までは割と分かりやすい -学内には多くの建物があり、どこに何号館があるのか分かりにくい -エレベーターや階段の場所が分かりにくい -階や教室が多く迷ってしまう ~ ***Precedent //&color(red){先行事例：参考動画の調査}; -[[道案内① 大井町駅から>https://youtu.be/SgdFoTvk-7M]] -[[道案内② 東京メトロ>https://youtu.be/Aznm_LBGULs]] ~ ~ ~ #hr CENTER:''WORK LOG'' //&color(red){List the most recent information at the top.}; #hr ~ ~ **2023.1.6 ***ブラッシュアップ //&color(red){YouTubeなど動画のリンク}; -YouTube #youtube(I4yIHdlojQU) -Instagram --[[投稿・リールへのリンク>https://www.instagram.com/reel/CnWsqZPhCbB/?igshid=MDJmNzVkMjY=]] ~ **2022.12.01 ***編集 //&color(red){YouTubeなど動画のリンク}; #youtube(4XFMbAd9nhA) ~ ***撮影 //&color(red){撮影素材（一部）のクラウドストレージへのリンク}; -[[Google Drive>https://drive.google.com/drive/folders/1vKLJ-9JX2zriV8oOOFJGkv4gpXcIn2RD?usp=share_link]] ~ ~ **2022.11.17 ***試作 //&color(red){YouTubeなど動画のリンク}; #youtube(g59MGzPZ6NU) ~ ***現状調査 //&color(red){記録写真などのクラウドストレージへのリンク}; -[[記録写真>https://drive.google.com/drive/folders/1c2CBktXO0p2acgr8KwOD4cPZyLX-LRVM?usp=share_link]] -駅から大学の校門までは割と分かりやすい -学内には多くの建物があり、どこに何号館があるのか分かりにくい -エレベーターや階段の場所が分かりにくい -階や教室が多く迷ってしまう - ~ ~ **2022.11.10 ***絵コンテ //&color(red){クラウドストレージへのリンク}; -[[Google Drive>https://drive.google.com/file/d/1Ej6vpnVa9Qe-eUGUSB4a9JzA0BIvFuZO/view?usp=sharing]] ~ ***先行事例 //&color(red){YouTubeなど動画のリンク}; -[[道案内① 大井町駅から>https://youtu.be/SgdFoTvk-7M]] -[[道案内② 東京メトロ>https://youtu.be/Aznm_LBGULs]] ~ ~ ~ ~ *課題1 クオーレ VI計画 #image(cuore.jpg) -村山陽菜 -'''Keywords：cuore (イタリア語で“心”), イタリアン, パスタ, レストラン''' ~ **Overview ***Background //&color(red){背景}; よく行く食堂にシンボルマークがなく、作成すればより親しみやすくなると考えたから。 ~ ***Purpose //&color(red){目的}; シンボルマーク・ロゴを作成することで、食堂の雰囲気をイメージしやすくする。見た人の印象に残るようにする。 ~ ***Concept //&color(red){基本的な考え方、枠組み、視点など}; あたたかみがあり、心安らぐ場所 ~ ***Outputs //&color(red){成果物の形式・サイズ・時間尺等}; -[[シンボルマーク・ロゴタイプ>https://drive.google.com/drive/folders/1AcToFHiXzjyMDmx7F2anaRYLIneuOdv8?usp=sharing]] #image(ロゴ看板.png) ~ -[[展開イメージ>https://drive.google.com/file/d/1KCE129LUTEByWeUA2Jz6xqaUD4KIYu6o/view?usp=share_link]] #image(cuore.jpg) ~ -[[モーションロゴ>https://youtu.be/TSoLrMwZQko]] #Youtube(TSoLrMwZQko) ~ ***Term //&color(red){制作期間}; -2022.09.22 - 2022.10.27 ~ ***Conclusion //&color(red){制作が完結したら「まとめ」を記載して下さい。}; -食堂の雰囲気に合う、自分のイメージ通りにデザインできた。 -店名である「Cuore」が最も目立つようにデザインしたため、名前が印象に残りやすくなったと考える。 -パスタを用意する様子をモーションロゴにした。皿はテーブルに当たって回る動きを、パスタは跳ね返るような動きを、上の具は乗せた後ソースが垂れる動きをつけたことで、それぞれの質感を表現できた。 ~ 改善点 -シルエットのインパクトが小さく、遠目で見ると分からない可能性がある。 -モーションロゴのテンポが悪く、静かで物寂しい感じになってしまった。次はコンテの段階でおおよその秒数を考えておきたい。また、効果音や前後の動きをつけるともっと良くなりそうだと感じた。 ~ ~ **Research ***Current Situation //&color(red){現状：学食の現在の様子について（良い点・改善点の洗い出し）}; 【良い点】 -街中の喫茶店のような雰囲気がある -全体的に統一感がある -店内入口→注文、受取口→席→出口までの移動がとてもスムーズにできるため、混雑してもあまりごちゃつかない ~ 【改善点】 -シンボルマークがなく印象に残りにくい -目立つところにあるメニューが1つしかないため、混雑時は見づらいかもしれない -メニューの写真が少なく想像しにくい（テイクアウトの場合） -注文受付と料理の受け渡しが同じ場所で行われるため混雑する ~ ***Precedent //&color(red){先行事例：VI計画に関する先行事例の紹介、傾向分析など}; -[[VIについて>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] -[[VI計画の先行事例>https://goodpatch.com/blog/visual-identity]] ~ ~ ~ #hr CENTER:''WORK LOG'' //&color(red){List the most recent information at the top.}; #hr ~ ~ **2022.10.27 ***モーションロゴ #Youtube(TSoLrMwZQko) ~ **2022.10.20 ***シンボルマーク・ロゴ -[[Google Drive>https://drive.google.com/drive/folders/1AcToFHiXzjyMDmx7F2anaRYLIneuOdv8?usp=sharing]] ~ ***展開イメージ -[[Google Drive>https://drive.google.com/file/d/1KCE129LUTEByWeUA2Jz6xqaUD4KIYu6o/view?usp=share_link]] ~ ***字コンテ・絵コンテ -字コンテ 1 皿が上から落ちてくる 2 麺が生える 3 具が乗る 4 スプーンとフォークが生える ~ -[[絵コンテ>https://drive.google.com/file/d/19mDUNK9zDXoDx83tFJT36kIh8qHWwXuX/view?usp=sharing]] ~ **2022.10.13 ***モーションロゴについて調査 -ロゴアニメーション #Youtube(iP4OqkMoDWo) -モーションロゴ20選 #Youtube(iLeaKOU1iJQ) ~ **2022.10.6 ***コンセプト -遠目で見てもわかるデザイン -店名を覚えてもらう -心を通わせる、包み込む ~ ***データリンク -[[アイデアスケッチ>https://drive.google.com/drive/folders/1-2DESTMlEzSyHAv_mpOKcBxMikUqs4G3]] -[[試作5案>https://drive.google.com/drive/folders/1-2DESTMlEzSyHAv_mpOKcBxMikUqs4G3]] ~ **2022.9.29 ***他店との比較 -外に看板がない(メニューのボードはある) -入口と出口が別々になっている ~ **2022.09.22 ***VI計画に関する調査 -[[VIについて>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] -[[VI計画の先行事例>https://goodpatch.com/blog/visual-identity]] ~ -[[シンボルマーク>https://pin.it/zQGKB3b]] -[[ロゴデザイン>https://pin.it/40uqcEy]] -[[モーションロゴ>https://pin.it/YLYho74]] ~ ***現状調査 -[[学食写真>https://drive.google.com/file/d/14okBgd54rjm1kzLVJkxuG-UuMWO1dY7B/view?usp=share_link]] -街中の喫茶店のような雰囲気がある -あたたかみがあり落ち着いた雰囲気 -注文してから料理が出てくるまですごく早い -cuoreはイタリア語で「心」を意味する ~ ~ ~