#author("2024-12-20T13:33:40+09:00;2024-12-18T14:57:25+09:00","default:member","member") #author("2024-12-20T13:35:15+09:00;2024-12-18T14:57:25+09:00","default:member","member") *白井 くるみ [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(経路案内_ヘッダー2.png) ~ ~ **概要 ***背景 -17号館が全体的に複雑な為、教室もわかりにくい -場所表記等が目立ちにくく、階ごとの景色も同じような為、初めての方がスムーズに教室まで来ることは難しい ~ ***目的 -初めて来られる方でもわかりやすい動画を制作すること -車いすで来られる方でも通りやすいルートを紹介すること ~ ***コンセプト -わかりやすくシンプルにまとめる -あまり長くなりすぎない動画を目指す ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(6hf8f56Eflg) -YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/PbXEd6A11Wo?feature=share]] ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -倍速を使用して動画の時間をあまり長くならないようにした。 -音がなくて寂しい印象を受けた為今後はBGMを使用する。 ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as016_st_kyusan-u_ac_jp/Eqmj3FepR-tBqGFLJeJ-kQoBllB6nVCFG1gMet5egpWLZQ?e=PtYZF9]] ~ ***先行事例の調査 -横型動画 --[[手話カフェ2Uまでの行き方 / COSIGN LAB>https://youtu.be/A09QXNc1dRA?si=vyDiNHb4eIV4zH-A]] --[[ローズ伯爵が教えるヴァンパイアカフェへの行き方（有楽町編） / ローズ伯爵の魔界血ゃんねる>https://youtu.be/9TsHWXOqa38?si=lkSTM_p6LZ2opKIb]] -縦型動画 --[[ヒルズカフェ経路案内/ イベントマーケティング>https://youtube.com/shorts/MfLNoTuYn70?si=7CIvY0fO1HhIKCT1]] --[[Cafe neuf への行き方 / 四日市1番街商店街>https://youtu.be/rSzpotlS-ic?si=ZtwALnAi-nsEOyNl]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テロップとは何か？その重要性と効果的な使い方について解説>https://www.generalasahi.co.jp/cd/movie/topics/telop/]] -[[【動画編集者必見】見やすいテロップの作り方11の条件【完全版】>https://note.com/meec/n/n292b1a7cc6b3]] ~ ~ #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/k23as016_st_kyusan-u_ac_jp/EVKGHvsMQPpBjWzQCDHnKiQB1bt8zm5DwUMcrG3_U7QMjA?e=T9clb4]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[テロップとは何か？その重要性と効果的な使い方について解説>https://www.generalasahi.co.jp/cd/movie/topics/telop/]] -[[【動画編集者必見】見やすいテロップの作り方11の条件【完全版】>https://note.com/meec/n/n292b1a7cc6b3]] ~ ***概要欄の整理 -背景 --17号館が全体的に複雑な為、教室もわかりにくい --場所表記等が目立ちにくく、階ごとの景色も同じような為、初めての方がスムーズに教室まで来ることは難しい -目的 --初めて来られる方でもわかりやすい動画を制作すること --車いすで来られる方でも通りやすいルートを紹介すること -コンセプト --わかりやすくシンプルにまとめる --あまり長くなりすぎない動画を目指す ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as016_st_kyusan-u_ac_jp/Eqmj3FepR-tBqGFLJeJ-kQoBllB6nVCFG1gMet5egpWLZQ?e=RL4ifO]] ~ ***先行事例の調査 -横動画 --[[手話カフェ2Uまでの行き方 / COSIGN LAB>https://youtu.be/A09QXNc1dRA?si=vyDiNHb4eIV4zH-A]] --[[ローズ伯爵が教えるヴァンパイアカフェへの行き方（有楽町編） / ローズ伯爵の魔界血ゃんねる>https://youtu.be/9TsHWXOqa38?si=lkSTM_p6LZ2opKIb]] -縦動画 --[[ヒルズカフェ経路案内/ イベントマーケティング>https://youtube.com/shorts/MfLNoTuYn70?si=7CIvY0fO1HhIKCT1]] --[[Cafe neuf への行き方 / 四日市1番街商店街>https://youtu.be/rSzpotlS-ic?si=ZtwALnAi-nsEOyNl]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(Siyourei.png ) ~ ~ **概要 ***背景 -店内に入らないとメニューがわからない -店名が目に着きにくい -店内やお店の周りに緑が多い -セットメニューに日替わりのスープが付いてくる -メニューのジャンルが幅広い ~ ***目的 -緑(木々や葉っぱ)を活かしたデザインにする -お店の特徴を上手く伝えられるデザインにする -スープを特徴としたデザインにしたい ~ ***コンセプト -スープの湯気を葉っぱにする -メニューが幅広い→何が出てくるかわくわくする→蓋 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(kansei_rogo.png) -モーションロゴ #YouTube(hwuc5z8Jrt0) -VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as016_st_kyusan-u_ac_jp/EdZB_SD874JJsiwzUjer3LwBodaNhLntsIrSI9YG1lT34A?e=swJp1U]] ~ ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -シンプルで店内の緑が多く親しみやすい雰囲気を表現したロゴができたと思う。 -モーションロゴではもっと動きや別の魅せ方もあったと思うため、この反省を次に活かしたい。 ~ ~ **調査 ***現状調査 -店舗の概要 -クラブハウス --8号館1階 --週変わりのメニューや洋食や和食も楽しめる -良い点 --店内がおしゃれで緑が多く、開放的な空間で居心地がいい --メニューが多くて良い --テイクアウトメニューもある --テレビが見られる -改善点 --メニューがお店に入らないと見れないため、webサイト上に掲載してほしい ~ ***先行事例 -VIに関する基本情報 -[[株式会社クロスメディア・マーケティング / ビジュアルアイデンティティ(VI)とは？>https://book.cm-marketing.jp/blog/vi/]] -[[internetacademy.jp / VI(ビジュアルアイデンティティー)とは？>https://www.internetacademy.jp/it/design/web-design/what_is_vi.html]] ~ -類似する飲食店の事例調査 -[[福岡大学 学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]] -[[九州女子大学 学食>https://www.kwuc.ac.jp/introduction/campusmap/]] -[[スターバックスコーヒー>https://www.starbucks.co.jp]] -[[マクドナルド>https://www.mcdonalds.co.jp]] ~ ***技法・技術情報 -モーションロゴの制作方法 -[[AdobeCreativeStation / ロゴアニメーションを作ろう>https://www.youtube.com/watch?v=p378lCfqJC0]] -[[株式会社ゴーアヘッドワークス / 今注目の【モーションロゴ】20選！>https://youtu.be/iLeaKOU1iJQ?si=5Yde0QZlpQCZfAqa]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as016_st_kyusan-u_ac_jp/ETddZ2VWPxtPhcxAc0rzcC8BfVWfOuyAA_N4_PwdIitajg?e=faDwGo]] ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as016_st_kyusan-u_ac_jp/EZO0O0GQjFJHmlUUfUsZHHoBjrIjYqqfYPOWyU36WWfJkg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=jL9bQg]] ~ ~ **#05：2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as016_st_kyusan-u_ac_jp/EdZB_SD874JJsiwzUjer3LwBodaNhLntsIrSI9YG1lT34A?e=erVpgF]] ~ ~ **#04：2024.10.10 ***字コンテ -起：カップが出てくる -承：上からスープが注がれる -転：スープが揺れる、熱いので葉っぱの湯気が出る -結：文字が出てくる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as016_st_kyusan-u_ac_jp/Eh_JHMFItllJr9QGmLoS6rkBwuowGh76Je7vvzcWQ0SzJw?e=kuOcDn]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as016_st_kyusan-u_ac_jp/ElLZfqnm4EBNvHMDP4mXoiIBsBcouTlNiWSb72fMlJv8bA?e=gfqSe5]] ***先行事例の調査：VIマニュアル -[[UTokyoマーク>https://www.u-tokyo.ac.jp/ja/about/public-relations/b01_05_06.html]] -[[LOGO>https://the-company.co.jp/logo/?utm_source=bing&utm_medium=cpc&utm_campaign=dsa&msclkid=63118bdbe8d21963d56fecdcf7c13967]] -[[思わず話したくなるロゴの秘密>https://namakeru.com/entry/2014/02/13/175815#google_vignette]] ***概要欄の整理 -背景 //今の現状、今こんな感じ -店内に入らないとメニューがわからない -店名が目に着きにくい -店内やお店の周りに緑が多い -セットメニューに日替わりのスープが付いてくる -メニューのジャンルが幅広い -目的 //現状と比べてこういう風にしたいみたいな -緑(木々や葉っぱ)を活かしたデザインにする -お店の特徴を上手く伝えられるデザインにする -スープを特徴としたデザインにしたい -コンセプト -スープの湯気を葉っぱにする -メニューが幅広い→何が出てくるかわくわくする→蓋 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ ~ ~ **#02：2024.09.26 ***研究対象 -クラブハウス ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as016_st_kyusan-u_ac_jp/EiCzAsLrUg5Bkt2uFTObA6QB_8pLBGe2ytvs8Kq5eO_yig?e=wNBldZ]] ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/r/personal/k23as016_st_kyusan-u_ac_jp/Documents/%E6%83%85%E3%83%873/%E8%A8%98%E9%8C%B2%E5%86%99%E7%9C%9F/%E3%82%AF%E3%83%A9%E3%83%96%E3%83%8F%E3%82%A6%E3%82%B9?csf=1&web=1&e=UnoNkP/]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[株式会社クロスメディア・マーケティング / ビジュアルアイデンティティ(VI)とは？>https://book.cm-marketing.jp/blog/vi/]] -[[internetacademy.jp / VI(ビジュアルアイデンティティー)とは？>https://www.internetacademy.jp/it/design/web-design/what_is_vi.html]] ~ ***モーションロゴの制作方法 -[[AdobeCreativeStation / ロゴアニメーションを作ろう>https://www.youtube.com/watch?v=p378lCfqJC0]] -[[株式会社ゴーアヘッドワークス / 今注目の【モーションロゴ】20選！>https://youtu.be/iLeaKOU1iJQ?si=5Yde0QZlpQCZfAqa]] ~ ***先行事例の調査：WEB・文献調査 -[[福岡大学 学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]] -[[九州女子大学 学食>https://www.kwuc.ac.jp/introduction/campusmap/]] -[[スターバックスコーヒー>https://www.starbucks.co.jp]] -[[マクドナルド>https://www.mcdonalds.co.jp]] ~ ***現状調査：学食の現在の様子 -店舗の概要 -クラブハウス --8号館1階 --週変わりのメニューや洋食や和食も楽しめる -良い点 --店内がおしゃれで緑が多く、開放的な空間で居心地がいい --メニューが多くて良い --テイクアウトメニューもある --テレビが見られる -改善点 --メニューがお店に入らないと見れないため、webサイト上に掲載してほしい ~ ~ //メモ！来週までに各店舗の内観や外観、メニュー表や食べた物などの写真を撮る