三浦遥/情報デザイン演習ⅢB をテンプレートにして作成

開始行:
*三浦 遥&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header.jpg) ~ ~ **概要 ***背景 -17号館のエレベーターの場所が分かりにくい。 -構内が広すぎて行くのに不安が残る。 ~ ***目的 -横動画 事前に予習してから来てもらう -縦動画 動画を見ながら会場に来てもらう ~ ***コンセプト -見やすく分かりやすい -あまりカットせず途中で分からなくなったなどは無いような構... ~ ***成果物の仕様 -YouTube（横型動画）※音が出ます #YouTube(/RcJTwHTu_io) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/NV5DEfHoh54... ~ ***制作期間 -2024.11.07 - 2024.12.18 ~ ***まとめ -案内を言葉でわかりやすく説明することが難しく、テロップが... -動画を見返すと倍速が早すぎるところもあった。短く見やすい... -あまりテロップに動きをつけなかったり、配色も控えめにした... ***ブラッシュアップ -矢印の方向が分かりにくい、なくても良いとのことだったので... -1階から5階に場面転換するのが不自然だったため、自然に見え... -最後、音が途中で切れていたため、フェードアウトに変更した。 ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路... --[[大崎駅〜freee本社が入っているビルまでの道案内>https:/... -縦型動画 --[[名鉄名古屋駅から金時計 行き方 修学旅行>https://youtub... --[[【道案内】麹町駅から本社への経路をご紹介！【日本交通(... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[【AfterEffects】テキストアニメーション全紹介>https://w... -[[【After Effects練習】テキストアニメーション基礎>https:... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.01.07 -ブラッシュアップ 矢印の方向が分かりにくい、なくても良いとのことだったので... 1階から5階に場面転換するのが不自然だったため、自然に見え... 最後、音が途中で切れていたため、フェードアウトに変更した。 ~ ~ **#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 ***構成 +スタート（改札前） +踏切や車に注意書きをする +北門入り口 +カラフルなオブジェを目印にする +エレベーター +ゴール（会場） ~ ***ストーリーボード：テロップ -[[OneDriveへのリンク>https://ksumail.sharepoint.com/:b:/... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[【AfterEffects】テキストアニメーション全紹介>https://w... -[[【After Effects練習】テキストアニメーション基礎>https:... ~ ***概要欄の整理 ***背景 -17号館のエレベーターの場所が分かりにくい。 -構内が広すぎて行くのに不安が残る。 ~ ***目的 -横動画 事前に予習してから来てもらう -縦動画 動画を見ながら会場に来てもらう ~ ***コンセプト -見やすく分かりやすい -あまりカットせず途中で分からなくなったなどは内容な構成に... ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路... --[[大崎駅〜freee本社が入っているビルまでの道案内>https:/... -縦型動画 --[[名鉄名古屋駅から金時計 行き方 修学旅行>https://youtub... --[[【道案内】麹町駅から本社への経路をご紹介！【日本交通(... ~ ~ ~ ~ *課題1 VI計画 ~ #image(mainvisual24.jpg) ~ ~ **概要 ***背景 -レトロ感のある落ち着いた雰囲気のお店だが、お店のロゴがな... ~ ***目的 -イタリアンレストランと分かりやすく、ロゴを見ただけでこの... ~ ***コンセプト --色やモチーフからイタリア感を出す。 --赤レンガを使用しているのでレンガを入れる。 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(cuore2024.png) -モーションロゴ #YouTube(kaozZwbnOCk) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -イタリアの伝統色を使用することでイタリアンレストランであ... -CUOREの文字ををそれぞれカトラリーやお皿に見立てたり、レ... -線の細さなどをラフの段階から決めておらず、実際に作ってみ... ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --落ち着いた雰囲気 --お洒落でレトロ感のある店内 --手書きのメニューで温かい印象 -良い点 --メニューが多く、接客や雰囲気から行きやすく過ごしやすい --お洒落で綺麗な店内 -改善点 --写真が古く、色味や魅力が伝わらない --入口が暗く、開いているのか分かりにくい --パスタの量が分かりにくい(普通サイズでも多かった印象) ~ ***先行事例 -VIに関する基本情報 --[[PR TIMES　CI・VI・BIとは？>https://prtimes.jp/magazin... --[[VI(ビジュアル・アイデンティティ)とは何か？>https://ch... -類似する飲食店の事例調査 --[[藝大食堂>http://geidaishokudo.com]] --[[ロハスカフェARIAKE武蔵野大学>https://lohascafe-ariake... --[[篠栗珈琲焙煎所>https://www.ssgrroastery.com]] --[[Cafe liberté（リベルテ)>https://arne.media/gourmet/42... ~ ***技法・技術情報 -モーションロゴの制作方法 --[[AEP配布】After Effects は怖くない！ ロゴを動かしてみ... --[[ロゴアニメーションの作成の流れを伝えちゃいます - note... ~ ~ #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 ***字コンテ -起：お皿の上にCとカトラリーがある -承：Eに変わる -転：お皿とカトラリーが重なる -結：広がると同時にロゴになる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[ロゴマニュアル開発の裏側>https://www.taki.co.jp/blog/c... -[[VI マニュアル／ロゴガイドライン>https://misemasu-iwaki... -[[ビジュアルアイデンティティ(VI)マニュアル>https://www.m... ***概要欄の整理 -背景 --レトロ感のある落ち着いた雰囲気のお店だが、お店のロゴが... -目的 --イタリアンレストランと分かりやすく、ロゴを見ただけでこ... -コンセプト --色やモチーフからイタリア感を出す。 --赤レンガを使用しているのでレンガを入れる。 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -イタリアンレストラン　クオーレ ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[【完全解説】CI・VIの意味・違い・目的・活用方法とは！？... -[[VI(ビジュアル・アイデンティティ)とは何か？>https://chi... ~ ***モーションロゴの制作方法 -[[AEP配布】After Effects は怖くない！ ロゴを動かしてみよ... -[[ロゴアニメーションの作成の流れを伝えちゃいます - note... ~ ***先行事例の調査：WEB・文献調査 -[[藝大食堂>http://geidaishokudo.com]] -[[ロハスカフェARIAKE武蔵野大学>https://lohascafe-ariake.... -[[篠栗珈琲焙煎所>https://www.ssgrroastery.com]] -[[Cafe liberté（リベルテ)>https://arne.media/gourmet/421... ~ ***現状調査：学食の現在の様子 イタリアンレストラン　クオーレ -店舗の概要 --落ち着いた雰囲気 --お洒落でレトロ感のある店内 --手書きのメニューで温かい印象 -良い点 --メニューが多く、接客や雰囲気から行きやすく過ごしやすい --お洒落で綺麗な店内 -改善点 --写真が古く、色味や魅力が伝わらない --入口が暗く、開いているのか分かりにくい --パスタの量が分かりにくい(普通サイズでも多かった印象) ~ ~

終了行:
*三浦 遥&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(header.jpg) ~ ~ **概要 ***背景 -17号館のエレベーターの場所が分かりにくい。 -構内が広すぎて行くのに不安が残る。 ~ ***目的 -横動画 事前に予習してから来てもらう -縦動画 動画を見ながら会場に来てもらう ~ ***コンセプト -見やすく分かりやすい -あまりカットせず途中で分からなくなったなどは無いような構... ~ ***成果物の仕様 -YouTube（横型動画）※音が出ます #YouTube(/RcJTwHTu_io) -Instagram or YouTube（縦型動画） --[[リンクはこちら>https://youtube.com/shorts/NV5DEfHoh54... ~ ***制作期間 -2024.11.07 - 2024.12.18 ~ ***まとめ -案内を言葉でわかりやすく説明することが難しく、テロップが... -動画を見返すと倍速が早すぎるところもあった。短く見やすい... -あまりテロップに動きをつけなかったり、配色も控えめにした... ***ブラッシュアップ -矢印の方向が分かりにくい、なくても良いとのことだったので... -1階から5階に場面転換するのが不自然だったため、自然に見え... -最後、音が途中で切れていたため、フェードアウトに変更した。 ~ **調査 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路... --[[大崎駅〜freee本社が入っているビルまでの道案内>https:/... -縦型動画 --[[名鉄名古屋駅から金時計 行き方 修学旅行>https://youtub... --[[【道案内】麹町駅から本社への経路をご紹介！【日本交通(... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[【AfterEffects】テキストアニメーション全紹介>https://w... -[[【After Effects練習】テキストアニメーション基礎>https:... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.01.07 -ブラッシュアップ 矢印の方向が分かりにくい、なくても良いとのことだったので... 1階から5階に場面転換するのが不自然だったため、自然に見え... 最後、音が途中で切れていたため、フェードアウトに変更した。 ~ ~ **#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 ***構成 +スタート（改札前） +踏切や車に注意書きをする +北門入り口 +カラフルなオブジェを目印にする +エレベーター +ゴール（会場） ~ ***ストーリーボード：テロップ -[[OneDriveへのリンク>https://ksumail.sharepoint.com/:b:/... ~ ***技術・技法の調査：テロップ（映像表現における文字情報に... -[[【AfterEffects】テキストアニメーション全紹介>https://w... -[[【After Effects練習】テキストアニメーション基礎>https:... ~ ***概要欄の整理 ***背景 -17号館のエレベーターの場所が分かりにくい。 -構内が広すぎて行くのに不安が残る。 ~ ***目的 -横動画 事前に予習してから来てもらう -縦動画 動画を見ながら会場に来てもらう ~ ***コンセプト -見やすく分かりやすい -あまりカットせず途中で分からなくなったなどは内容な構成に... ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例の調査 -横型動画 --[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路... --[[大崎駅〜freee本社が入っているビルまでの道案内>https:/... -縦型動画 --[[名鉄名古屋駅から金時計 行き方 修学旅行>https://youtub... --[[【道案内】麹町駅から本社への経路をご紹介！【日本交通(... ~ ~ ~ ~ *課題1 VI計画 ~ #image(mainvisual24.jpg) ~ ~ **概要 ***背景 -レトロ感のある落ち着いた雰囲気のお店だが、お店のロゴがな... ~ ***目的 -イタリアンレストランと分かりやすく、ロゴを見ただけでこの... ~ ***コンセプト --色やモチーフからイタリア感を出す。 --赤レンガを使用しているのでレンガを入れる。 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(cuore2024.png) -モーションロゴ #YouTube(kaozZwbnOCk) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -イタリアの伝統色を使用することでイタリアンレストランであ... -CUOREの文字ををそれぞれカトラリーやお皿に見立てたり、レ... -線の細さなどをラフの段階から決めておらず、実際に作ってみ... ~ ~ **調査 ***現状調査 -記録写真（外観 / 内観） --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/... -店舗の概要 --落ち着いた雰囲気 --お洒落でレトロ感のある店内 --手書きのメニューで温かい印象 -良い点 --メニューが多く、接客や雰囲気から行きやすく過ごしやすい --お洒落で綺麗な店内 -改善点 --写真が古く、色味や魅力が伝わらない --入口が暗く、開いているのか分かりにくい --パスタの量が分かりにくい(普通サイズでも多かった印象) ~ ***先行事例 -VIに関する基本情報 --[[PR TIMES　CI・VI・BIとは？>https://prtimes.jp/magazin... --[[VI(ビジュアル・アイデンティティ)とは何か？>https://ch... -類似する飲食店の事例調査 --[[藝大食堂>http://geidaishokudo.com]] --[[ロハスカフェARIAKE武蔵野大学>https://lohascafe-ariake... --[[篠栗珈琲焙煎所>https://www.ssgrroastery.com]] --[[Cafe liberté（リベルテ)>https://arne.media/gourmet/42... ~ ***技法・技術情報 -モーションロゴの制作方法 --[[AEP配布】After Effects は怖くない！ ロゴを動かしてみ... --[[ロゴアニメーションの作成の流れを伝えちゃいます - note... ~ ~ #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 ***字コンテ -起：お皿の上にCとカトラリーがある -承：Eに変わる -転：お皿とカトラリーが重なる -結：広がると同時にロゴになる ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ~ **#03：2024.10.03 ***試作（3案） -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ***先行事例の調査：VIマニュアル -[[ロゴマニュアル開発の裏側>https://www.taki.co.jp/blog/c... -[[VI マニュアル／ロゴガイドライン>https://misemasu-iwaki... -[[ビジュアルアイデンティティ(VI)マニュアル>https://www.m... ***概要欄の整理 -背景 --レトロ感のある落ち着いた雰囲気のお店だが、お店のロゴが... -目的 --イタリアンレストランと分かりやすく、ロゴを見ただけでこ... -コンセプト --色やモチーフからイタリア感を出す。 --赤レンガを使用しているのでレンガを入れる。 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ --+α ~ ~ **#02：2024.09.26 ***研究対象 -イタリアンレストラン　クオーレ ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ **#01：2024.09.19 ***VIに関する基本情報 -[[【完全解説】CI・VIの意味・違い・目的・活用方法とは！？... -[[VI(ビジュアル・アイデンティティ)とは何か？>https://chi... ~ ***モーションロゴの制作方法 -[[AEP配布】After Effects は怖くない！ ロゴを動かしてみよ... -[[ロゴアニメーションの作成の流れを伝えちゃいます - note... ~ ***先行事例の調査：WEB・文献調査 -[[藝大食堂>http://geidaishokudo.com]] -[[ロハスカフェARIAKE武蔵野大学>https://lohascafe-ariake.... -[[篠栗珈琲焙煎所>https://www.ssgrroastery.com]] -[[Cafe liberté（リベルテ)>https://arne.media/gourmet/421... ~ ***現状調査：学食の現在の様子 イタリアンレストラン　クオーレ -店舗の概要 --落ち着いた雰囲気 --お洒落でレトロ感のある店内 --手書きのメニューで温かい印象 -良い点 --メニューが多く、接客や雰囲気から行きやすく過ごしやすい --お洒落で綺麗な店内 -改善点 --写真が古く、色味や魅力が伝わらない --入口が暗く、開いているのか分かりにくい --パスタの量が分かりにくい(普通サイズでも多かった印象) ~ ~

ページ名: