岩本愛結/情報デザイン演習ⅢB をテンプレートにして作成

開始行:
*岩本愛結&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header1.jpg) ~ ~ **概要 ***背景 -学外からの来場など、初めて訪れる人は経路がわかりにくい -大学内の建物や門が多く、混乱する ~ ***目的 -学外の人にも分かりやすく、スムーズに目的の場所へ案内する -お客さんの不安感を軽減し、会場への期待値を高める ~ ***コンセプト -倍速やカットでコンパクトにまとめる -抽象的な言葉を使わず、建物などでわかりやすい目印を設ける -重要なポイントとそうでないところのメリハリをつける -期待感を高めるためにBGM・効果音やアニメーションを活用する -映像の色味を調整して、視認性を高める ~ ***成果物の仕様 -YouTube（横型動画）※音が出ます #YouTube(yDJM-AC0oD8) -YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/YpIDS3YemEM... ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -動画をコンパクトにするために一部カットしたが、初めて訪れ... -目的地までの距離や所要時間を表示することによって不安感を... -ホワイトバランスや明るさを調整することによって、映像全体... -会場に到着してすぐに終了するのではなく、簡潔に概要のまと... -サムネイル内の情報を中央に寄せた方が見やすい //ヒラギノ　凛 (角丸にしてやさしい世界観を統一　書体を統一　左したのテロ... ~ ~ **調査 ***現状調査：撮影テスト --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***先行事例の調査 -横型動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu... --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV... --[[道案内動画 東京メトロ改札～会社エントランスまで>https... -縦型動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https... --[[泉大津フェニックスシャトルバス乗り場への行き方2>https... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[年間1万枚テロップを作るプロが語る動画のテロップデザイ... -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY... -[[【動画編集の基本】悪いテロップと良いテロップの違い>htt... ~ ~ #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/:... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[年間1万枚テロップを作るプロが語る動画のテロップデザイ... -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY... -[[【動画編集の基本】悪いテロップと良いテロップの違い>htt... ~ ***概要欄の整理 -背景 --学外からの来場など、初めて訪れる人は経路がわかりにくい --大学内の建物や門が多く、混乱する -目的 --学外の人にも分かりやすく、スムーズに目的の場所へ案内する --お客さんの不安感を軽減し、会場への期待値を高める -コンセプト --コンパクトにまとめる --重要なポイントとそうでないところのメリハリをつける --期待感を高めるためにBGMやアニメーションを活用する ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu... --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV... --[[道案内動画 東京メトロ改札～会社エントランスまで>https... -縦動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https... --[[泉大津フェニックスシャトルバス乗り場への行き方2>https... ~ ~ ~ ~ *課題1 VI計画 ~ #image(岩本愛結/情報デザイン演習ⅢB/mv2.jpg) ~ ~ **概要 ***背景 -お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある -中でも鉄板料理が魅力 -テラス席がある -店内に緑が多く落ち着いた空間である -写真がないメニューがありイメージしづらい -テイクアウトができる -食堂であることと入り口がわかりづらい ~ ***目的 -落ち着ける空間であることを伝えたい -メニューが豊富でおいしいという魅力を伝えたい -食堂であるということを一目で伝えたい //-お洒落でも近寄り難くなってしまう案は避ける ~ ***コンセプト -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(clubhouse01.png) -モーションロゴ(最後の方に音が出ます) #YouTube(/5xM4E5GJQjQ) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴだけでなくシンボルマークとしてコック帽を取り入れるこ... 食堂であることを伝えるとともに、親しみやすい印象も与える... -太さ・大きさを意識したロゴと明暗差を出した彩色により、視... このことから、入り口がわかりにくいという課題点を解決する... - ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板... --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある --手洗い場がある -改善点 --写真が載っていないメニューがイメージしづらい --入り口がわかりづらい --食堂であると知っていないとどういう場所なのかわかりづらい ~ ***先行事例 -VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strate... -[[成功事例、必要な要素と作成の流れ>https://chics.top/new... -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/n... -類似する飲食店の事例調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/2762... -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life... -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/g... -[[キャンベル・アーリー>https://www.jrhakatacity.com/floo... -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***技法・技術情報 -モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-e... -[[作成例>https://amix-design.com/asoboad/works/motionlog... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#05：2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... //https://youtu.be/1sQToinGuTo ~ ~ **#04：2024.10.10 ***字コンテ -起：要素が回ってナイフとフォークが出てきて消える //始まり・状況（桃太郎誕生） -承：再び要素が回って文字が出てくる //続き（犬猿雉を仲間に） -転：帽子が出てきてロゴに加わる //変化・クライマックス（桃太郎が鬼退治） -結：帽子の月が光る //結果・オチ（桃太郎帰還） ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[VIマニュアル 例>https://tlbdesign.jp/news/logodesign-v... -[[基礎知識>https://www.markdesign.jp.net/manual_item.htm... ***概要欄の整理 -背景 //現状 --お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある --中でも鉄板料理が魅力 --テラス席がある --店内に緑が多く落ち着いた空間である --写真がないメニューがありイメージしづらい --テイクアウトができる --食堂であることと入り口がわかりづらい -目的 --落ち着ける空間であることを伝えたい --学食であるということを分かりやすくしたい -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する -- -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -クラブハウス ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strate... -[[成功事例、必要な要素と作成の流れ>https://chics.top/new... -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/n... ~ ***モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-e... -[[作成例>https://amix-design.com/asoboad/works/motionlog... ~ ***先行事例の調査：WEB・文献調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/2762... -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life... -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/g... -[[キャンベル・アーリー>https://www.jrhakatacity.com/floo... -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***現状調査：学食の現在の様子 //[[現状だけ]]書く -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板... --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある -改善点 --写真が載っていないメニューがイメージしづらい --席数が少ない ~ ~

終了行:
*岩本愛結&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header1.jpg) ~ ~ **概要 ***背景 -学外からの来場など、初めて訪れる人は経路がわかりにくい -大学内の建物や門が多く、混乱する ~ ***目的 -学外の人にも分かりやすく、スムーズに目的の場所へ案内する -お客さんの不安感を軽減し、会場への期待値を高める ~ ***コンセプト -倍速やカットでコンパクトにまとめる -抽象的な言葉を使わず、建物などでわかりやすい目印を設ける -重要なポイントとそうでないところのメリハリをつける -期待感を高めるためにBGM・効果音やアニメーションを活用する -映像の色味を調整して、視認性を高める ~ ***成果物の仕様 -YouTube（横型動画）※音が出ます #YouTube(yDJM-AC0oD8) -YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/YpIDS3YemEM... ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -動画をコンパクトにするために一部カットしたが、初めて訪れ... -目的地までの距離や所要時間を表示することによって不安感を... -ホワイトバランスや明るさを調整することによって、映像全体... -会場に到着してすぐに終了するのではなく、簡潔に概要のまと... -サムネイル内の情報を中央に寄せた方が見やすい //ヒラギノ　凛 (角丸にしてやさしい世界観を統一　書体を統一　左したのテロ... ~ ~ **調査 ***現状調査：撮影テスト --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***先行事例の調査 -横型動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu... --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV... --[[道案内動画 東京メトロ改札～会社エントランスまで>https... -縦型動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https... --[[泉大津フェニックスシャトルバス乗り場への行き方2>https... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[年間1万枚テロップを作るプロが語る動画のテロップデザイ... -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY... -[[【動画編集の基本】悪いテロップと良いテロップの違い>htt... ~ ~ #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/:... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[年間1万枚テロップを作るプロが語る動画のテロップデザイ... -[[テロップの作り方 | 種類と使い分け>https://youtu.be/IAY... -[[【動画編集の基本】悪いテロップと良いテロップの違い>htt... ~ ***概要欄の整理 -背景 --学外からの来場など、初めて訪れる人は経路がわかりにくい --大学内の建物や門が多く、混乱する -目的 --学外の人にも分かりやすく、スムーズに目的の場所へ案内する --お客さんの不安感を軽減し、会場への期待値を高める -コンセプト --コンパクトにまとめる --重要なポイントとそうでないところのメリハリをつける --期待感を高めるためにBGMやアニメーションを活用する ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横動画 --[[大阪駅からZepp Osaka Bayside への行き方>https://youtu... --[[博多駅からPayPayドームへの行き方>https://youtu.be/thV... --[[道案内動画 東京メトロ改札～会社エントランスまで>https... -縦動画 --[[泉大津フェニックスシャトルバス乗り場への行き方1>https... --[[泉大津フェニックスシャトルバス乗り場への行き方2>https... ~ ~ ~ ~ *課題1 VI計画 ~ #image(岩本愛結/情報デザイン演習ⅢB/mv2.jpg) ~ ~ **概要 ***背景 -お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある -中でも鉄板料理が魅力 -テラス席がある -店内に緑が多く落ち着いた空間である -写真がないメニューがありイメージしづらい -テイクアウトができる -食堂であることと入り口がわかりづらい ~ ***目的 -落ち着ける空間であることを伝えたい -メニューが豊富でおいしいという魅力を伝えたい -食堂であるということを一目で伝えたい //-お洒落でも近寄り難くなってしまう案は避ける ~ ***コンセプト -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(clubhouse01.png) -モーションロゴ(最後の方に音が出ます) #YouTube(/5xM4E5GJQjQ) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴだけでなくシンボルマークとしてコック帽を取り入れるこ... 食堂であることを伝えるとともに、親しみやすい印象も与える... -太さ・大きさを意識したロゴと明暗差を出した彩色により、視... このことから、入り口がわかりにくいという課題点を解決する... - ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板... --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある --手洗い場がある -改善点 --写真が載っていないメニューがイメージしづらい --入り口がわかりづらい --食堂であると知っていないとどういう場所なのかわかりづらい ~ ***先行事例 -VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strate... -[[成功事例、必要な要素と作成の流れ>https://chics.top/new... -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/n... -類似する飲食店の事例調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/2762... -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life... -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/g... -[[キャンベル・アーリー>https://www.jrhakatacity.com/floo... -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***技法・技術情報 -モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-e... -[[作成例>https://amix-design.com/asoboad/works/motionlog... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **#07：2024.10.31 ***使用例 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#06：2024.10.24 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#05：2024.10.17 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... //https://youtu.be/1sQToinGuTo ~ ~ **#04：2024.10.10 ***字コンテ -起：要素が回ってナイフとフォークが出てきて消える //始まり・状況（桃太郎誕生） -承：再び要素が回って文字が出てくる //続き（犬猿雉を仲間に） -転：帽子が出てきてロゴに加わる //変化・クライマックス（桃太郎が鬼退治） -結：帽子の月が光る //結果・オチ（桃太郎帰還） ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[VIマニュアル 例>https://tlbdesign.jp/news/logodesign-v... -[[基礎知識>https://www.markdesign.jp.net/manual_item.htm... ***概要欄の整理 -背景 //現状 --お肉料理、パスタ、丼やカレーなど和洋豊富なメニューがある --中でも鉄板料理が魅力 --テラス席がある --店内に緑が多く落ち着いた空間である --写真がないメニューがありイメージしづらい --テイクアウトができる --食堂であることと入り口がわかりづらい -目的 --落ち着ける空間であることを伝えたい --学食であるということを分かりやすくしたい -コンセプト --明暗差をつけたり文字を大きくして、視認性を高める --明るい、落ち着いた雰囲気を意識 --親しみを持たせるためにシンボルマークも使用する -- -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -クラブハウス ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[CIとVIの具体例>https://chibico.co.jp/blog/brand-strate... -[[成功事例、必要な要素と作成の流れ>https://chics.top/new... -[[学食ロゴ事例>https://das.ac.jp/post-2310/]] -[[ロゴとキャラクター事例>https://www.pu-kumamoto.ac.jp/n... ~ ***モーションロゴの制作方法 -[[Adobe>https://creativecloud.adobe.com/ja/learn/after-e... -[[作成例>https://amix-design.com/asoboad/works/motionlog... ~ ***先行事例の調査：WEB・文献調査 -[[世界一ワクワクする学食>https://www.favy.jp/topics/2762... -[[学食動画レポート>https://www.toyo.ac.jp/link-toyo/life... -[[ミスターバーグ>https://www.mr-b.jp/]] -[[イタリアンレストラン店内>https://rimage.hitosara.com/g... -[[キャンベル・アーリー>https://www.jrhakatacity.com/floo... -[[ジョイフル>https://www.joyfull.co.jp/]] ~ ***現状調査：学食の現在の様子 //[[現状だけ]]書く -店舗の概要 --8号館にある学食 --丼・麺もの、ハンバーグやパスタなどの洋食、カレーや鉄板... --お肉料理多め --毎日93人目は無料で食べられる --カフェテリア風の食堂で、テラス席もある --テイクアウト可能 -良い点 --コンセントがある机があり便利 --テイクアウトができる --流行りのBGMが流れている --店内に植物などが多く、緑に囲まれていて落ち着ける空間 --電子レンジが置いてある -改善点 --写真が載っていないメニューがイメージしづらい --席数が少ない ~ ~

ページ名: