#author("2024-12-19T09:44:22+09:00","default:member","member") #author("2024-12-19T09:48:46+09:00","default:member","member") *日山晃良&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(main2.jpg) ~ ~ **概要 ***背景 -教室が多く、分かりにくい ~ ***目的 -分かりやすく簡単な経路案内 -短い動画で端的に伝える ~ ***コンセプト -明るくスピーディー ~ ***成果物の仕様 -YouTube（横型動画） ※音が出ます #YouTube(88m5PD7bABA) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/ikeudp90NLo?feature=share]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -シンプルな編集でわかりやすさを重視した -動画にもっと緩急が必要 -派手な色使いを控え、見やすくした ~ ~ **調査 ***現状調査：撮影テスト -OneDriveへのリンク ~ ***先行事例の調査 -横型動画 --[[【経路案内動画４K（横）】サンプル>https://youtu.be/b3tiAKBs5YU?si=vOIEJb2zWnFMTyKu]] -縦型動画 --[[【経路案内動画４K（縦）】サンプル>https://youtube.com/shorts/oX_-GIVxp5o?si=qf_p1rY33jFfGRrh]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） --[[【動画編集者必見】見やすいテロップの作り方11の条件【完全版】>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://note.com/meec/n/n292b1a7cc6b3&ved=2ahUKEwjU5IOk-5-KAxV3sVYBHTRvHmsQFnoECAsQAQ&usg=AOvVaw2zlRXM-ORZB78mj0ihcSh3]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#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/k23as024_st_kyusan-u_ac_jp/EYjPZjru5INDr8L6RIF36R8BIBxfp9bXjYqNJQSJyBhhEw?e=Q29QjQ]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[【動画編集者必見】見やすいテロップの作り方11の条件【完全版】>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://note.com/meec/n/n292b1a7cc6b3&ved=2ahUKEwjU5IOk-5-KAxV3sVYBHTRvHmsQFnoECAsQAQ&usg=AOvVaw2zlRXM-ORZB78mj0ihcSh3]] ~ ***概要欄の整理 -背景 --教室が多く分かりにくい -目的 --分かりやすく簡単な経路案内 --短い動画で端的に伝える -コンセプト --明るくスピーディー ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as024_st_kyusan-u_ac_jp/ESefo6jU5X5Ct181ZRrkfkIBmzBPJS63IRCMzgfCgCvEtQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=sXgyVG]] ~ ***先行事例の調査 -横動画 --[[【経路案内動画４K（横）】サンプル>https://youtu.be/b3tiAKBs5YU?si=vOIEJb2zWnFMTyKu]] -縦動画 --[[【経路案内動画４K（縦）】サンプル>https://youtube.com/shorts/oX_-GIVxp5o?si=qf_p1rY33jFfGRrh]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(main.jpg) ~ ~ **概要 ***背景 -場所が分かりずらい -入りにくい ~ ***目的 -目立たせる -入りやすい雰囲気を出す ~ ***コンセプト -温かみのある店内 -愛情を表現 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(cuore2024.png) -モーションロゴ #YouTube(qBVzllQ9yZE?si) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as024_st_kyusan-u_ac_jp/EUh5M34d3l5IpWa8ARBiiWABBVkD7qoABZZ5DSY7v-LGiQ?e=WkyE56]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴにイタリアンレストランであることや学食であると判別できる要素が少ない -店内の落ち着いたイメージより少し派手な色味にになってしまった -モーションロゴは動きが大きく、店内のイメージとは少し違ってしまった **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as024_st_kyusan-u_ac_jp/EjsHUsx33R1Klpao8hVsC3YBPp_SdsnH8yoOJL7awBo1bA?e=wyHDAG]] -店舗の概要 --イタリアンレストラン --図書館の隣にある -良い点 --おしゃれで落ち着ける雰囲気 --食品サンプルがあるのでサイズが分かりやすい物もある --メニューも文字が大きくて見やすい -改善点 --場所が分かりにくい ~ ***先行事例 -VIに関する基本情報 --[[ロゴ開発の裏側>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.taki.co.jp/blog/civi_abe_20210324/%23:~:text%3DVI%25E3%2583%259E%25E3%2583%258B%25E3%2583%25A5%25E3%2582%25A2%25E3%2583%25AB%25E3%2581%25A8%25E3%2581%25AF%25E3%2580%2581%25E7%25B0%25A1%25E5%258D%2598,%25E6%259B%25B8%25E3%2581%25AE%25E3%2582%2588%25E3%2581%2586%25E3%2581%25AA%25E3%2582%2582%25E3%2581%25AE%25E3%2580%2582&ved=2ahUKEwjjgKXmw7eJAxWJma8BHRLTJOcQFnoECB8QAw&usg=AOvVaw0VJee9emPdFWxx97HrIyqR]] --[[VIマニュアル基礎知識>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=http://www.markdesign.jp.net/manual_item.html&ved=2ahUKEwiao7TzyLaJAxX7cPUHHaLqImEQFnoECC8QAQ&usg=AOvVaw0DT95lPBj8khHgHh32eEh7]] -類似する飲食店の事例調査 --[[同志社大学大学>https://www.chikushi-u.ac.jp/life/co_op]] --[[近畿大学>https://www.kindai.ac.jp/campus-life/guide/facility-guide/cafeteria/]] --[[イタリアンキッチンVANSAN用賀店>https://www.atpress.ne.jp/news/129692]] --[[カプリチョーザ>https://capricciosa.com]] ~ ***技法・技術情報 -モーションロゴの制作方法 --[[YouTube>https://www.youtube.com/watch?v=Q5Qrv9BgR60&pp=ygUm44Ki44OV44K_44O844Ko44OV44Kn44Kv44OIIOWbnui7oiAzIGQ%3D]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as024_st_kyusan-u_ac_jp/Ed-AFA9TtgpOkfGScIbrOn4BHELAAsZwX66krmg6X84wtg?e=suEfvc]] ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as024_st_kyusan-u_ac_jp/EaqNdTAtj9xFrQJePdKIDtABod3HVI7uFOw4xxGGAbkzRA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=g85sSm]] ~ ~ **#05：2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as024_st_kyusan-u_ac_jp/EUh5M34d3l5IpWa8ARBiiWABBVkD7qoABZZ5DSY7v-LGiQ?e=KlGNWm]] ~ ~ **#04：2024.10.10 ***字コンテ -起：回転を始める -承：奥に飛んでいく -転：元の場所に戻ってくる -結：画面の真ん中で止り、ゆっくり回転も止まる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as024_st_kyusan-u_ac_jp/EY1vBaShrhBDoMEq_Hfbn5sBlqb9eiRZSiaFpi6OW6sNdw?e=hAecvi]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as024_st_kyusan-u_ac_jp/EWvbvAT7lLFJm91trXqS43wBbQIkWfKeL-v7q6NqSFFHiQ?e=zziTfv]] ***先行事例の調査：VIマニュアル -[[株式会社うるる>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.uluru.biz/assets/file/vi_manual.pdf&ved=2ahUKEwjcz9TiwbaJAxVSbfUHHZSEMMgQFnoECAgQAQ&usg=AOvVaw1mikRGrmy5TwiQSa_GqrqC]] -[[武蔵精密工場株式会社>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.musashi.co.jp/assets/pdf/VImanual.pdf&ved=2ahUKEwjcz9TiwbaJAxVSbfUHHZSEMMgQFnoECBsQAQ&usg=AOvVaw3W4pvHa04mMgFIFLOtvXRu]] -[[さが出会いサポートセンター>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.sagadeai.com/site_files/file/p1d1f45ubo1fsmqlggea1k7v1je54.pdf&ved=2ahUKEwjcz9TiwbaJAxVSbfUHHZSEMMgQFnoECBgQAQ&usg=AOvVaw3Pd4f2f4tjNDpW6hGIbG2h]] ***概要欄の整理 -背景 --場所が分かりにくい --入りずらい -目的 --目立たせる --入りやすい雰囲気を出す -コンセプト --温かみがある店内 --愛情を表現 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ ~ ~ **#02：2024.09.26 ***研究対象 -クオーレ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as024_st_kyusan-u_ac_jp/EjwmBFDcGxNNgvqUTgO805gBid7c-V5RLwqlda0Q--_4Gw?e=8pFGg3]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as024_st_kyusan-u_ac_jp/EjsHUsx33R1Klpao8hVsC3YBPp_SdsnH8yoOJL7awBo1bA?e=2u93uR]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[ブランドを視覚化するビジュアル・アイデンティティ（VI）の目的と事例>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://goodpatch.com/blog/visual-identity&ved=2ahUKEwi2yfK-9c2IAxWus1YBHU-dPJQQFnoECDwQAQ&usg=AOvVaw3cLneoQ72bP1v7ZCfhkyXO]] -[[VI（ビジュアルアイデンティティー）とは？企業ロゴのデザインに欠かせない知識を学ぼう！>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.internetacademy.jp/it/design/web-design/what_is_vi.html&ved=2ahUKEwju-7DBqN6IAxUUn68BHf9yJP8QFnoECD0QAQ&usg=AOvVaw1O3T3mhNUSvY91YjgFm1g7]] ~ ***モーションロゴの制作方法 -[[ロゴアニメーションの作り方｜作成ソフトから作り方まで徹底解説！>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://filmora.wondershare.jp/video-editing/create-logo-animation-and-recommend-software.html&ved=2ahUKEwib9OOTqd6IAxVlZ_UHHYEOBIQQFnoECCMQAQ&usg=AOvVaw0pE7bmrAYPu3mAl51m6jug]] -[[今注目の【モーションロゴ】 20選！｜飛騨高山のデザイン会社GOAHEADWORKS>https://youtu.be/iLeaKOU1iJQ?si=j80LcBwDi_EOpL4S]] ~ ***先行事例の調査：WEB・文献調査 -[[東京大学学食>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.u-tokyo.ac.jp/ja/students/facility/h07_01.html&ved=2ahUKEwjx5pKSqt6IAxXsm68BHTmeOU4QFnoECAsQAQ&usg=AOvVaw1sn6nBC0DWtmjZ_BW2rH4J]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --図書館の隣にある -良い点 --おしゃれで落ち着ける雰囲気 --食品サンプルがあるのでサイズが分かりやすい物もある --メニューも文字が大きくて見やすい -改善点 --場所が分かりにくい ~ ~