熊谷涼花/情報デザイン演習ⅢB をテンプレートにして作成

開始行:
*熊谷 涼花&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(九芸卒展2025.jpg) ~ ~ **概要 ***背景 -17号館の入り口やどこから上がればいいかが分かりにくい ~ ***目的 -横動画 --事前に動画を観て予習してもらう -縦動画 --観ながら展示場所へ移動してもらう ~ ***コンセプト -シンプルで観やすい ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(LW8LCxA_OCU) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/jWScJHgnIgY]] ~ ***制作期間 -2024.11.07 - 2024.12.18 ~ ***まとめ -ポイントは、「シンプルさ」「視覚的明快さ」「視聴者の使い... -視覚的に迷わない、進行方向が明確にわかるように意識して制... -テロップの使い方やカラーの工夫を通して、視聴者が混乱しな... -デバイス別の動画提供、情報量の調整、テロップのバランスに... ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[羽田空港からディズニーリゾートへの行き方>https://yout... --[[博多駅からPayPayドームまでの経路案内>https://youtu.be... -縦型動画 --[[仙台駅から西海岸までの経路案内>https://www.tiktok.com... --[[The3rd.渋谷店までの道のり>https://www.tiktok.com/@the... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[テキストアニメーション基礎!3つのおしゃれアニメーション... -[[テキストアニメーション基礎>https://www.youtube.com/wat... ~ ~ #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/:... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[テキストアニメーション基礎!3つのおしゃれアニメーション... -[[テキストアニメーション基礎>https://www.youtube.com/wat... ~ ***概要欄の整理 -背景 --17号館の入り口やどこから上がればいいかが分かりにくい -目的 --事前に動画を観て予習してもらう -コンセプト --シンプルで観やすい ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横動画 --[[Knotまつり会場案内ムービー>https://www.google.co.jp/u... -縦動画 --[[会場案内映像>https://www.google.co.jp/url?sa=t&source... ~ ~ ~ ~ *課題1 VI計画 ~ #image(アルテリアmainvisual.jpg) ~ ~ **概要 ***背景 -ARTERIA は地産地消にこだわったメニューを用意しているため... ~ ***目的 -地産地消の表現 --葉や肉などのシンボルを取り入れ食材と自然環境のつながり... ~ ***コンセプト -アースカラーを基調にする --緑(葉や植物を象徴) --茶(土や自然の温かみを感じさせる色) --赤(肉の色で視覚的なバランスを強調させる) ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(シンボルマーク.jpg) -モーションロゴ #YouTube(zpZnew3oIJ4) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴには野菜や肉のモチーフをシンプルに組み込み、落ち着い... -Arteriaは地域の新鮮な食材を生かしたメニューと、アート性... -食材の表現がやや抽象的なため、具体的な食材や料理のイラス... - ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --アルテリア -良い点 --九産大で一番広い学食 --メニューが豊富 --地産地消にこだわっている -改善点 --混みやすい --コンセプトがわからない ~ ***先行事例 -VIに関する基本情報 --[[PR TIMES　CI・VI・BIとは？>https://prtimes.jp/magazin... -[[ビジュアルアイデンティティ（VI）の作り方を5STEPで解説>... -類似する飲食店の事例調査 --[[早稲田大学 戸山キャンパス学食>https://www.google.com/... --[[京都大学 百周年時計台記念館内のカフェ>https://www.goo... --[[タリーズコーヒー>https://www.tullys.co.jp/]] --[[サラベス>https://sarabethsrestaurants.jp/]] ***技法・技術情報 -モーションロゴの制作方法 --[[ロゴアニメーションを作ろう>https://youtu.be/p378lCfqJ... --[[Netflix風ロゴアニメーションの作り方>https://youtu.be/... ~ ~ #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/:... ~ ~ **#04：2024.10.10 ***字コンテ -起：食材を表現したイラストがフェードイン -承：店名がフェードイン -転：葉がひらひら落ちてくる -結：背景に色がつく ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[ブランドデザインとビジュアルアイデンティティ（VI）の作... -[[ゴデザインとシステムを構築するためのVIマニュアル見本>h... -[[VIマニュアルの基礎知識>https://www.google.com/url?sa=t... ***概要欄の整理 -背景 --ARTERIA は地産地消にこだわったメニューを用意しているた... -目的 --葉や肉などのシンボルを取り入れ食材と自然環境のつながり... -コンセプト --アースカラーを基調にする ---緑(葉や植物を象徴) ---茶(土や自然の温かみを感じさせる色) ---赤(肉の色で視覚的なバランスを強調させる) -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -アルテリア ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[PR TIMES　CI・VI・BIとは？>https://circl.co.jp/ja/view... -[[ビジュアルアイデンティティ（VI）の作り方を5STEPで解説>... ~ ***モーションロゴの制作方法 -[[ロゴアニメーションを作ろう>https://youtu.be/p378lCfqJC... -[[Netflix風ロゴアニメーションの作り方>https://youtu.be/4... ~ ***先行事例の調査：WEB・文献調査 -[[早稲田大学 戸山キャンパス学食>https://www.google.com/u... -[[京都大学 百周年時計台記念館内のカフェ>https://www.goog... -[[タリーズコーヒー>https://www.tullys.co.jp/]] -[[サラベス>https://sarabethsrestaurants.jp/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --Arteria --中央会館１階 -良い点 --九産大で一番広い学食 --地域の新鮮な食材を活かした豊富なメニュー --地産地消にこだわっている --アート性豊か --活気ある雰囲気 --賑やか -改善点 --混みやすい --コンセプトがわからない ~ ~

終了行:
*熊谷 涼花&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(九芸卒展2025.jpg) ~ ~ **概要 ***背景 -17号館の入り口やどこから上がればいいかが分かりにくい ~ ***目的 -横動画 --事前に動画を観て予習してもらう -縦動画 --観ながら展示場所へ移動してもらう ~ ***コンセプト -シンプルで観やすい ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(LW8LCxA_OCU) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/jWScJHgnIgY]] ~ ***制作期間 -2024.11.07 - 2024.12.18 ~ ***まとめ -ポイントは、「シンプルさ」「視覚的明快さ」「視聴者の使い... -視覚的に迷わない、進行方向が明確にわかるように意識して制... -テロップの使い方やカラーの工夫を通して、視聴者が混乱しな... -デバイス別の動画提供、情報量の調整、テロップのバランスに... ~ ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[羽田空港からディズニーリゾートへの行き方>https://yout... --[[博多駅からPayPayドームまでの経路案内>https://youtu.be... -縦型動画 --[[仙台駅から西海岸までの経路案内>https://www.tiktok.com... --[[The3rd.渋谷店までの道のり>https://www.tiktok.com/@the... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[テキストアニメーション基礎!3つのおしゃれアニメーション... -[[テキストアニメーション基礎>https://www.youtube.com/wat... ~ ~ #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/:... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[テキストアニメーション基礎!3つのおしゃれアニメーション... -[[テキストアニメーション基礎>https://www.youtube.com/wat... ~ ***概要欄の整理 -背景 --17号館の入り口やどこから上がればいいかが分かりにくい -目的 --事前に動画を観て予習してもらう -コンセプト --シンプルで観やすい ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横動画 --[[Knotまつり会場案内ムービー>https://www.google.co.jp/u... -縦動画 --[[会場案内映像>https://www.google.co.jp/url?sa=t&source... ~ ~ ~ ~ *課題1 VI計画 ~ #image(アルテリアmainvisual.jpg) ~ ~ **概要 ***背景 -ARTERIA は地産地消にこだわったメニューを用意しているため... ~ ***目的 -地産地消の表現 --葉や肉などのシンボルを取り入れ食材と自然環境のつながり... ~ ***コンセプト -アースカラーを基調にする --緑(葉や植物を象徴) --茶(土や自然の温かみを感じさせる色) --赤(肉の色で視覚的なバランスを強調させる) ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(シンボルマーク.jpg) -モーションロゴ #YouTube(zpZnew3oIJ4) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴには野菜や肉のモチーフをシンプルに組み込み、落ち着い... -Arteriaは地域の新鮮な食材を生かしたメニューと、アート性... -食材の表現がやや抽象的なため、具体的な食材や料理のイラス... - ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --アルテリア -良い点 --九産大で一番広い学食 --メニューが豊富 --地産地消にこだわっている -改善点 --混みやすい --コンセプトがわからない ~ ***先行事例 -VIに関する基本情報 --[[PR TIMES　CI・VI・BIとは？>https://prtimes.jp/magazin... -[[ビジュアルアイデンティティ（VI）の作り方を5STEPで解説>... -類似する飲食店の事例調査 --[[早稲田大学 戸山キャンパス学食>https://www.google.com/... --[[京都大学 百周年時計台記念館内のカフェ>https://www.goo... --[[タリーズコーヒー>https://www.tullys.co.jp/]] --[[サラベス>https://sarabethsrestaurants.jp/]] ***技法・技術情報 -モーションロゴの制作方法 --[[ロゴアニメーションを作ろう>https://youtu.be/p378lCfqJ... --[[Netflix風ロゴアニメーションの作り方>https://youtu.be/... ~ ~ #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/:... ~ ~ **#04：2024.10.10 ***字コンテ -起：食材を表現したイラストがフェードイン -承：店名がフェードイン -転：葉がひらひら落ちてくる -結：背景に色がつく ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[ブランドデザインとビジュアルアイデンティティ（VI）の作... -[[ゴデザインとシステムを構築するためのVIマニュアル見本>h... -[[VIマニュアルの基礎知識>https://www.google.com/url?sa=t... ***概要欄の整理 -背景 --ARTERIA は地産地消にこだわったメニューを用意しているた... -目的 --葉や肉などのシンボルを取り入れ食材と自然環境のつながり... -コンセプト --アースカラーを基調にする ---緑(葉や植物を象徴) ---茶(土や自然の温かみを感じさせる色) ---赤(肉の色で視覚的なバランスを強調させる) -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -アルテリア ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[PR TIMES　CI・VI・BIとは？>https://circl.co.jp/ja/view... -[[ビジュアルアイデンティティ（VI）の作り方を5STEPで解説>... ~ ***モーションロゴの制作方法 -[[ロゴアニメーションを作ろう>https://youtu.be/p378lCfqJC... -[[Netflix風ロゴアニメーションの作り方>https://youtu.be/4... ~ ***先行事例の調査：WEB・文献調査 -[[早稲田大学 戸山キャンパス学食>https://www.google.com/u... -[[京都大学 百周年時計台記念館内のカフェ>https://www.goog... -[[タリーズコーヒー>https://www.tullys.co.jp/]] -[[サラベス>https://sarabethsrestaurants.jp/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --Arteria --中央会館１階 -良い点 --九産大で一番広い学食 --地域の新鮮な食材を活かした豊富なメニュー --地産地消にこだわっている --アート性豊か --活気ある雰囲気 --賑やか -改善点 --混みやすい --コンセプトがわからない ~ ~

ページ名: