#author("2024-12-19T00:09:13+09:00;2024-12-05T09:56:18+09:00","default:member","member") #author("2024-12-19T00:48:03+09:00;2024-12-05T09:56:18+09:00","default:member","member") *大場 こころ&scale(70){ | 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(A3.jpg) ~ ~ **概要 ***背景 -わくわく感を与える ~ ***目的 -誰でも迷わず楽しく目的地まで案内する ~ ***コンセプト -見やすい・分かりやすい・シンプル ~ ***成果物の仕様 -YouTube(横型動画) #YouTube(HRaMpO6fWkw) -Instagram or YouTube(縦型動画) --[[リンクはこちら>https://www.instagram.com/reel/DDuVPYdyfe-/?utm_source=ig_web_button_share_sheet/]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -字幕が下になりすぎないようにすることで、タイムコードが画面に出たとしても重ならない。 -字幕がいらない歩くだけのシーンを早送りにすることで、短くまとめることができた。 ~ ~ **調査 ***現状調査:撮影テスト -OneDriveへのリンク ~ ***先行事例の調査 -横動画 --[[JR大阪駅から梅田芸術劇場まで歩く(経路案内)>https://www.youtube.com/watch?v=lWtArQNaSIE&pp=ygUM57WM6Lev5qGI5YaF/]] --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://www.youtube.com/watch?v=Mx-mYJC4jAQ&pp=ygUM57WM6Lev5qGI5YaF/]] -縦動画 --[[大船整骨院 経路案内>https://www.youtube.com/shorts/ZElCmhBomOs/]] --[[暁書法学院 経路案内>https://www.youtube.com/shorts/D9VZ6BGI1y0/]] ~ ~ ***技術・技法の調査:テロップ(映像表現における文字情報について) -[[シンプルでお洒落なテロップ集 Title motion>https://www.youtube.com/watch?v=W54y5Nkfwgs&pp=ygUZ44OG44Ot44OD44OXIOOBiuOBl-OCg-OCjA%3D%3D/]] -[[広告動画でよく見るテロップその①>https://youtu.be/1dfm7UWCGfA/]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **#13:2024.12.12 ***編集 -After Effectsでの編集 -ブラッシュアップ ~ ~ **#12:2024.12.5 ***編集 -After Effectsでの編集 -ブラッシュアップ ~ ~ **#11:2024.11.28 ***撮影・編集 -横向き撮影 -縦向き撮影 -After Effectsでの編集 ~ ~ **#10:2024.11.21 ***撮影 -横向き撮影 -縦向き撮影 ~ ~ **#09:2024.11.14 ***構成 +スタート(改札前) +北門入り口 +17号館入り口 +エレベーター +ゴール(会場) ~ ***ストーリーボード:テロップ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EdwZ5AGmv_FGtM9or92hqUYB28ylQgkQ2HRhzeLBERQg_w?e=6S5job/]] ~ ***技術・技法の調査:テロップ(映像表現における文字情報について) -[[シンプルでお洒落なテロップ集 Title motion>https://www.youtube.com/watch?v=W54y5Nkfwgs&pp=ygUZ44OG44Ot44OD44OXIOOBiuOBl-OCg-OCjA%3D%3D/]] -[[広告動画でよく見るテロップその①>https://youtu.be/1dfm7UWCGfA/]] ~ ***概要欄の整理 -背景 --ゲーム感覚にすることで、わくわく感を与える -目的 --誰でも迷わず楽しく目的地まで案内する -コンセプト --見やすい・分かりやすい --ゲーム画面 ~ ~ **#08:2024.11.07 ***現状調査:撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as012_st_kyusan-u_ac_jp/Ebf_QcQGXxVPrlnkQtRfZXsBdlWvMiPPuUoyojSfVCr_bg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=JYvxBf/]] ~ ***先行事例の調査 -横動画 --[[JR大阪駅から梅田芸術劇場まで歩く(経路案内)>https://www.youtube.com/watch?v=lWtArQNaSIE&pp=ygUM57WM6Lev5qGI5YaF/]] --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://www.youtube.com/watch?v=Mx-mYJC4jAQ&pp=ygUM57WM6Lev5qGI5YaF/]] -縦動画 --[[大船整骨院 経路案内>https://www.youtube.com/shorts/ZElCmhBomOs/]] --[[暁書法学院 経路案内>https://www.youtube.com/shorts/D9VZ6BGI1y0/]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(A2.jpg) ~ ~ **概要 ***背景 -パスタをモチーフにすることで、レトロでイタリアンなイメージを与える。 ~ ***目的 -誰でも親しみやすい場所 -これを見たら思わずパスタが食べたくなる ~ ***コンセプト -レトロを感じることができる -イタリアンが楽しめる、親しみやすい ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(cuore.png) -モーションロゴ #YouTube(_FomfrZaqRU) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EbnXnHL-f6BGu-f00F8uHZEBz0a5U2iLaVSaXIU0jaKhiw?e=gcfayl/]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -背景として、誰もが馴染みのあるパスタをモチーフにする事を考えた。そして目に入ってすぐに「パスタだ!」「イタリアンだ!!」と誰が見てもわかるシンプルなデザインにすることで、レトロで親しみやすい物になったと思われる。 ~ ~ **調査 ***現状調査 -記録写真(外観 / 内観) --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EgEannAGLlJLpPBHqRtkvysBcb6dOtaebcoBToVWWyQNRQ?e=KBSmdY/]] -イタリアンレストラン クオーレ --図書館1階 --日替わりパスタやイタリア風からあげなど、本格イタリアンが楽しめる -良い点 --昔ながらのレトロ感がある --提供のスピードが早い --インテリアがおしゃれ --量がボリューミー -改善点 --座席の数が少ない --メニューに写真をつける ***先行事例 -VIに関する基本情報 --[[PR TIMES CI・VI・BIとは?>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017]] --[[idea campuss CIとVIの定義・違いとは?>https://idea-plus.co.jp/idea-compass/2024-01-12-1005/]] ~ -類似する飲食店の事例調査 -[[東洋大学>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo#:~:text=%E3%80%902%E5%B9%B4%E9%80%A3%E7%B6%9A%20%E5%AD%A6%E9%A3%9F,%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E5%8E%B3%E9%81%B8%EF%BC%81]] -[[ドイツ・ハイデルベルク大学の学食>https://www.ryugakupress.com/mensa/]] -[[サイゼリヤ>https://www.saizeriya.co.jp/]] -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***技法・技術情報 -モーションロゴの制作方法 --[[ロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]] --[[YouTubeで100万回再生された海外のロゴアニメーション>https://www.youtube.com/watch?v=S-XQgYXZRr0]] ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#07:2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as012_st_kyusan-u_ac_jp/EXbcDIlET5FHrCaEJa41RJoBRnM_Y1AOUpk6W2kXxQeXww?e=TuhX9R/]] ~ ~ **#06:2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as012_st_kyusan-u_ac_jp/EcDYGEQ-KIlGgHleh7aFY4sB0EaodEpnxFwh3Bof7jg-lg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=GgGSMx/]] ~ ~ **#05:2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EbnXnHL-f6BGu-f00F8uHZEBz0a5U2iLaVSaXIU0jaKhiw?e=r4OGAZ/]] ~ ~ **#04:2024.10.10 ***字コンテ -起:パスタが虹のように出てくる -承:ケチャップが広がる -転:上からパセリが落ちてくる -結:パセリと同じようにロゴが上から落ちてくる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EcxwafQtUAdNodQHAP0MJlwB56KZPlurcE_G8V8ZXMT9cQ?e=Mny2Gc]] ~ ~ **#03:2024.10.03 ***試作(3案) -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EcJdoxldZx1DqrwTGMysiTcByatWv7LVS9kHV1abQbFW3w?e=gPLSfY]] ***先行事例の調査:VIマニュアル -[[VIマニュアル>https://www.gpol.co.jp/blog/215/]] -[[VIマニュアル>https://www.city.hamamatsu.shizuoka.jp/documents/111319/vi_manual.pdf]] -[[VIマニュアル>https://www.taki.co.jp/blog/civi_abe_20210324/#:~:text=VI%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%A8%E3%81%AF%E3%80%81%E7%B0%A1%E5%8D%98,%E6%9B%B8%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E3%82%82%E3%81%AE%E3%80%82]] ***概要欄の整理 -背景 --パスタをモチーフにすることで、レトロでイタリアンなイメージを与える。 -目的 --誰でも親しみやすい場所 --これを見たら思わずパスタが食べたくなる -コンセプト --レトロでイタリアンが楽しめる、親しみやすい -成果物(制作物) --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02:2024.09.26 ***研究対象 -クオーレ(Cuore) ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EjkKYIiXTDpGjeLwzkVxRnYBreQ81YbBEb2oJljBg0sFrg?e=fWbK9i]] ***現状調査:記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EgEannAGLlJLpPBHqRtkvysBcb6dOtaebcoBToVWWyQNRQ?e=0KGJGr]] ~ **#01:2024.09.19 ***VIに関する基本情報 -[[CHIBICO VIとは何か?>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] -[[idea campuss CIとVIの定義・違いとは?>https://idea-plus.co.jp/idea-compass/2024-01-12-1005/]] ~ ***モーションロゴの制作方法 -[[ロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]] -[[YouTubeで100万回再生された海外のロゴアニメーション>https://www.youtube.com/watch?v=S-XQgYXZRr0]] ~ ***先行事例の調査:WEB・文献調査 -[[東洋大学>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo#:~:text=%E3%80%902%E5%B9%B4%E9%80%A3%E7%B6%9A%20%E5%AD%A6%E9%A3%9F,%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E5%8E%B3%E9%81%B8%EF%BC%81]] -[[ドイツ・ハイデルベルク大学の学食>https://www.ryugakupress.com/mensa/]] -[[サイゼリヤ>https://www.saizeriya.co.jp/]] -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***現状調査:学食の現在の様子 #image(A1.jpg) -店舗の概要 -イタリアンレストラン クオーレ --図書館1階 --日替わりパスタやイタリア風からあげなど、本格イタリアンが楽しめる -- -良い点 --昔ながらのレトロ感がある --提供のスピードが早い --インテリアがおしゃれ --量がボリューミー -改善点 --座席の数が少ない --メニューに写真をつける ~ ~