#author("2024-12-19T12:36:33+09:00;2024-12-19T05:43:42+09:00","default:member","member") #author("2024-12-19T18:54:27+09:00;2024-12-19T05:43:42+09:00","default:member","member") *福井 涼&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header.jpg) ~ ~ **概要 ***背景 -九芸卒展の存在を知ってもらう。 -案内動画を通して実際に来てもらうよう促す。 ~ ***目的 -九芸卒展の来場者数を増やし、より多くの人に作品を見てもらう。 -案内動画を通して、お客さんに来場する際のワクワク感を得てもらう。 -芸術学部らしさが動画からも伝わるようにする。 ~ ***コンセプト -九州産業大学芸術学部の卒業展示会ということが一目でわかるようにする。 -モーションを多用し見ていて飽きない動画構成にする。 ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(G9nQ9cQ_Nfg) -Instagram（縦型動画） --[[リンクはこちら>https://www.instagram.com/reel/DDvX375yZ0y/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ //対象に対して映像を作成できたのか、目的は達成できたか、見やすさと芸術表現を混合して作れたか// -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -動画の構成としてテロップモーションや目印となるモーションを多用することで情報としてわかりやすく、見飽きない動画にしようと意識して制作できたと思う。 -芸術学部らしさを出すために、モーションの工夫だけでなく素材の構成・色味やスピード感、音を工夫する必要があったなと感じた。 -映像として面白いものを作るにはグラフィックだけでなく、どんな視点で素材を撮るかがとても重要だと気づくことができた。撮影技術の向上を図るために画角構成や色味の工夫を研究していきたい。 ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as026_st_kyusan-u_ac_jp/EuBP71SHgt1KvVrPCAqV23UBJK_NvDINKW6_oGRj2xIdYw?e=foKcCt]] ~ ***先行事例の調査 -横動画 --[[【神戸薬科大学】阪急岡本駅から大学までのアクセス動画（大学までの街並み）>https://youtu.be/kkbJjFW8uhQ?si=Fd_Xo3AW_un_m8zZ]] --[[立川矯正歯科 アクセス動画>https://youtu.be/2rm_Z1lfSI4?si=kxo1TbpnTVA9SuK3]] --[[昭和女子大学 アクセス動画 世田谷線 2023>https://youtu.be/PC30kyxhHWc?si=RBccWgjAXJnTb2C8]] -縦動画 --[[【サービス紹介】経路案内動画>https://youtube.com/shorts/niR06fK8kr0?si=foo66vYDdgafVs0g]] --[[平塚鍼灸整骨院 経路案内>https://youtube.com/shorts/ylKgxW7Tp2I?si=1u0msS8Jd8KWUAmO]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テキストアニメーション15選 / After Effects CC2024 使い方講座>https://youtu.be/H2BKpouB0Y0?si=1r-zuh0MISDofhq7]] -[[テロップで使えるテキストアニメーション3選【AfterEffects】>https://youtu.be/BQCjrxfhWZA?si=4MyHTNwgR_MtX-NT]] -[[motiontable>http://foxcodex.html.xdomain.jp/index.html]] ~ ~ #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/k23as026_st_kyusan-u_ac_jp/EcpGih1n21tJmciyx_FjESIBeKOYcESqPiu9uX5OFyckJg?e=R4TKcr]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テキストアニメーション15選 / After Effects CC2024 使い方講座>https://youtu.be/H2BKpouB0Y0?si=1r-zuh0MISDofhq7]] -[[テロップで使えるテキストアニメーション3選【AfterEffects】>https://youtu.be/BQCjrxfhWZA?si=4MyHTNwgR_MtX-NT]] -[[motiontable>http://foxcodex.html.xdomain.jp/index.html]] ~ ***概要欄の整理 -背景 --九芸卒展の存在を知ってもらう。 --案内動画を通して実際に来てもらうよう促す。 -目的 --九芸卒展の来場者数を増やし、より多くの人に作品を見てもらう。 --案内動画を通して、お客さんに来場する際のワクワク感を得てもらう。 --芸術学部らしさが動画からも伝わるようにする。 -コンセプト --九州産業大学芸術学部の卒業展示会ということが一目でわかるようにする。 --モーションを多用して見ていて飽きない動画構成にする。 ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as026_st_kyusan-u_ac_jp/EuBP71SHgt1KvVrPCAqV23UBJK_NvDINKW6_oGRj2xIdYw?e=foKcCt]] ~ ***先行事例の調査 -横動画 --[[【神戸薬科大学】阪急岡本駅から大学までのアクセス動画（大学までの街並み）>https://youtu.be/kkbJjFW8uhQ?si=Fd_Xo3AW_un_m8zZ]] --[[立川矯正歯科 アクセス動画>https://youtu.be/2rm_Z1lfSI4?si=kxo1TbpnTVA9SuK3]] --[[昭和女子大学 アクセス動画 世田谷線 2023>https://youtu.be/PC30kyxhHWc?si=RBccWgjAXJnTb2C8]] -縦動画 --[[【サービス紹介】経路案内動画>https://youtube.com/shorts/niR06fK8kr0?si=foo66vYDdgafVs0g]] --[[平塚鍼灸整骨院 経路案内>https://youtube.com/shorts/ylKgxW7Tp2I?si=1u0msS8Jd8KWUAmO]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(example.jpg) ~ ~ **概要 ***背景 -店内が人の混雑やメニューデザインの不揃いによって、開放的な空間の良さが活かされていない。 -ランチ時以外の活用があまりされていない。 ~ ***目的 -店内が落ち着けるような暖かい空間であることを強調する。 -食事以外の活用を増やす。 ~ ***コンセプト -場所の良さを伝えるために、ガラス張りであることから光が差し込むような空間を抽象化する。 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(motionlogo.png) -モーションロゴ #YouTube(XN5E7-0pDh0) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as026_st_kyusan-u_ac_jp/EY59BwQEj0RDkk-JuUNy4IoBWJScoVWKKVpRD4Hcz8EURQ?e=navNe0]] ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴの達成度 --目的・コンセプトに対して雰囲気が合っているかを確認しながら制作を進めることができた。空間の抽象化については暖かい雰囲気が出るように、丸みを帯びた図形を多用しながら構成できたと思う。 -マニュアルの達成度 --横向きにして図形等を見やすく配置し、全体的に視認性を高めた。また文字はゴシック体でかつ、強調部分をより太くして見やすくした。 -反省点 --ロゴマークの調査の段階で広く調査できておらず、アイデアが上手くまとまらず制作を進めてしまった。図形要素、ロゴタイプだけでなく色味や質感を考えてアイデアを出すべきだったなと思う。映像に関しても単調な感じになってしまったので、テンポよく見せる工夫を模索していきたい。 ~ ~ **調査 ***現状調査 -店舗の概要 --カフェテリア形式のランチやティータイムの利用ができる。 --鉄板焼きや丼ぶり、パスタ等、メニューが豊富。 -良い点 --ガラス張りになっているため開放感のある店内になっている。 --植物や照明の色から暖かく落ち着いた雰囲気が出ている。 --入り口や注文列付近など目が行きやすい所にメニューが置かれている。 --メニューに商品写真があってわかりやすい。 -改善点 --色んなところに違ったデザインのメニュー表があってまとまりが無い。 --ランチ時以外の活用があまりできていない。 ~ ***先行事例 -VIに関する基本情報 --[[CHIBICO>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] --[[CIRCL>https://circl.co.jp/ja/views/what-is-visual-identity/]] -類似する飲食店の事例調査 --[[熊本県立大学>https://www.pu-kumamoto.ac.jp/news/post-6657/]] --[[親しみやすいロゴマーク>https://logostock.jp/taste-friendly/]] ~ ***技法・技術情報 -モーションロゴの制作方法 --[[モーションロゴについて>https://sevendex.com/post/846/]] --[[UNIVERSAL MUSIC>https://note.universal-music.co.jp/n/nf3b8ce6caad8]] --[[100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro>https://youtu.be/m-osco-Xuqs?si=aK1uOEtHfA5Qlsyv]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#05：2024.10.17 ***VIマニュアル //完全に完成しなくて良いから、途中経過をあげる。 -[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]] ~ ~ **#04：2024.10.10 ***字コンテ -起：窓に陽が照る -承：照明が垂れて、シルバーが出てくる -転：光が差し込む -結：C（顔が入ってくる) ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as026_st_kyusan-u_ac_jp/ESLlmp6Oz-tGtaPBlcvMl3MB8tvFQw8YYEaoQQDE8XN65Q?e=BEcTWC]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as026_st_kyusan-u_ac_jp/EqOFvR1uTB9HpRaXt3zL1zQBwUkKRr45cAQ2eOB1nqWHaQ?e=AppfPe]] ***先行事例の調査：VIマニュアル -[[育業VIマニュアル>https://kodomo-smile.metro.tokyo.lg.jp/file/ikugyo_logo_vi_manual.pdf]] -[[浜松市VIマニュアル>https://www.city.hamamatsu.shizuoka.jp/documents/111319/vi_manual.pdf]] -[[いわき市農林水産部>https://misemasu-iwaki.jp/iwaki_megumi/03iwakinomegumi_regulation_vol2.pdf]] ***概要欄の整理 -背景 --店内が人の混雑やメニューデザインの不揃いによって、開放的な空間の良さが活かされていない。 --ランチ時以外の活用があまりされていない。 -目的 --店内が落ち着けるような暖かい空間であることを強調する。 --食事以外の活用を増やす。 -コンセプト --場所の良さを伝えるために、ガラス張りであることから光が差し込むような空間を抽象化する。 -- -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -クラブハウス ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as026_st_kyusan-u_ac_jp/EvvROXeP27dKnFXEHWSt6vgBxJ-oXR1Ro3Vnkr432qwHWw?e=f8zEqV]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as026_st_kyusan-u_ac_jp/EonbD-FP-mpCoeyQWXPS5UYBbwzyPO_T4_DRkYWoIUiSDA?e=ptN49p]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[CHIBICO>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] -[[CIRCL>https://circl.co.jp/ja/views/what-is-visual-identity/]] ~ ***モーションロゴの制作方法 -[[モーションロゴについて>https://sevendex.com/post/846/]] -[[UNIVERSAL MUSIC>https://note.universal-music.co.jp/n/nf3b8ce6caad8]] -[[100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro>https://youtu.be/m-osco-Xuqs?si=aK1uOEtHfA5Qlsyv]] ~ ***先行事例の調査：WEB・文献調査 -[[熊本県立大学>https://www.pu-kumamoto.ac.jp/news/post-6657/]] -[[親しみやすいロゴマーク>https://logostock.jp/taste-friendly/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 //※学食の外観と内観の写真を撮影して掲載 --カフェテリア形式のランチやティータイムの利用ができる。 --鉄板焼きや丼ぶり、パスタ等、メニューが豊富。 -良い点 --ガラス張りになっているため開放感のある店内になっている。 --植物や照明の色から暖かく落ち着いた雰囲気が出ている。 --入り口や注文列付近など目が行きやすい所にメニューが置かれている。 --メニューに商品写真があってわかりやすい。 -改善点 --色んなところに違ったデザインのメニュー表があってまとまりが無い。 --ランチ時以外の活用があまりできていない。 ~ ~