• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 堀玲二/情報デザイン演習ⅢB へ行く。
  • 1 (2024-11-21 (木) 09:17:21)
  • 2 (2024-12-16 (月) 14:34:27)
  • 3 (2024-12-16 (月) 15:12:01)
  • 4 (2024-12-19 (木) 04:34:25)

---

堀 玲二 ｜ 情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

概要

背景

• 展示会場までの道のりがわかりにくい
• 道案内だけでは面白みに欠ける
  
  

目的

• 最後まで飽きさせずに、動画を視聴してもらう
• 教室までの道をわかりやすく伝える
  
  

コンセプト

• 視覚的に面白い要素を加える
• 字幕は必要最低限にする
  
  

成果物の仕様

• YouTube（横型動画）
• YouTube（縦型動画）
  • リンクはこちら
    
    

制作期間

• 2024.11.07 - 2024.12.18
  
  

まとめ

• 今までの経路案内動画は、シンプルすぎるが故、面白みに欠け、動画の最後の方は飽きてしまうという背景があった。その背景に対して字幕は最低限にして、３D空間に文字を配置して、視覚的にも面白くなったと思う。３D空間に要素を置くことによって、情報の認識スピードが速くなると感じた。このことにより、教室までの道のりを、飽きさせることなく、わかりやすく伝えることにつながると考える。
  
  
  
  

調査

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横型動画
  • 経路案内動画４K（横）サンプル
  • 目黒御廟 アクセス動画
• 縦型動画
  • 経路案内動画４K（縦）サンプル
  • 平塚鍼灸整骨院 経路案内
    
    

技術・技法の調査：テロップ（映像表現における文字情報について）

• テキストを木っ端微塵にする After Effects CC2022 使い方講座
• 3Dトラッキングで文字を浮かせる方法【After Effectsチュートリアル】
  
  
  
  

---

---

#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

構成

1. スタート（改札前）
2. 北門入り口
3. 17号館入り口
4. エレベーター
5. ゴール（会場）
   
   

ストーリーボード：テロップ

• OneDriveへのリンク
  
  

技術・技法の調査：テロップ（映像表現における文字情報について）

• テキストを木っ端微塵にする After Effects CC2022 使い方講座
• 3Dトラッキングで文字を浮かせる方法【After Effectsチュートリアル】
  
  

概要欄の整理

• 背景
  • 展示会場までの道のりがわかりにくい
  • 道案内だけでは面白みに欠ける
• 目的
  • 最後まで飽きさせずに、動画を視聴してもらう
  • 教室までの道をわかりやすく伝える
• コンセプト
  • 視覚的に面白い要素を加える
  • 字幕は必要最低限にする
    
    
    
    

#08：2024.11.07

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横動画
  • 経路案内動画４K（横）サンプル
  • 目黒御廟 アクセス動画
• 縦動画
  • 経路案内動画４K（縦）サンプル
  • 平塚鍼灸整骨院 経路案内
    
    
    
    
    
    
    

課題1 VI計画

概要

背景

• イタリアンレストランのようなわかりやすいテーマがないためどのようなメニューが置いてあるかわからない
  
  

目的

• どのようなメニューが置いてあるか伝える
• 親しみやすさを伝える
  
  

コンセプト

• 分かりやすい要素を使う
• 麺、ご飯、などの要素を入れる
  
  

成果物の仕様

• シンボルマーク / ロゴタイプ
  
• モーションロゴ
• VIマニュアル
  • OneDriveへのリンク
    
    

制作期間

• 2024.09.19 - 2024.11.07
  
  

まとめ

• アルテリアはわかりやすいテーマがある学食では無いので、どのようなメニューがあるかわかりずらいという背景があった。今回の制作物のコンセプトはわかりやすい要素を使うというものであったが、使う色も料理のイメージを感じやすいイメージにしたり、色同士の相性などを考えながら作成もしたので、今回提示した背景が、解決することが強く期待できる。

調査

現状調査

• 記録写真（外観 / 内観）
  • OneDriveへのリンク
• 店舗の概要
  • 中央会館一階にある食堂。
    和食から洋食麺類など幅広い安価で楽しめる
• 良い点
  • 席の数が多い、料理の提供が速い
  • 太陽光が多く入り雰囲気が明るい
• 改善点
  • 食券を渡す場所と買うところが分かりずらい
  • 大きな英語の文字が読み取りづらい
  • どのようなメニューがあるか分かりずらい
    
    

先行事例

• VIに関する基本情報
  • IGI CI/VIとは何？
  • crossmedia ヴィジュアルアイデンティティとは？
• 類似する飲食店の事例調査
  • 福岡大学の学食紹介ページ
  • 福岡工業大学　学食
  • ららぽーとフードコート
  • パン屋　ヤキタテイ
    
    

技法・技術情報

• モーションロゴの制作方法
  • 海外のロゴアニメーションチュートリアルを日本語解説
  • モーションロゴ風のキャラクターアニメーション
    
    
    
    

---

---

#07：2024.10.31

使用例

• OneDriveへのリンク
  
  
  
  

#06：2024.10.24

モーションロゴ

• OneDriveへのリンク
  
  
  
  

#05：2024.10.17

VIマニュアル

• OneDriveへのリンク
  
  
  
  

#04：2024.10.10

字コンテ

• 起：要素が左から回転しながら出てくる
• 承：回転とともに時計の針が出てくる
• 転：時計の針が12時になる
• 結：カレーの要素が左から回転しながら出てくる。
  
  

ストーリーボード

• OneDriveへのリンク
  
  
  
  

#03：2024.10.03

試作（3案）

• OneDriveへのリンク

先行事例の調査：VIマニュアル

• ユビレジ
• 静岡産業大学
• アスファン

概要欄の整理

• 背景
  • イタリアンレストランのようなわかりやすいテーマがないためどのようなメニューが置いてあるかわからない
  • 混んでいるので、入りずらい
• 目的
  • どのようなメニューが置いてあるか伝える
  • 親しみやすさを伝える
• コンセプト
  • 分かりやすい要素を使う
• 成果物（制作物）
  • シンボルマーク / ロゴタイプ
  • モーションロゴ
    
    
    
    

#02：2024.09.26

研究対象

• アルテリア

アイデアスケッチ

• OneDriveへのリンク

現状調査：記録写真

• OneDriveへのリンク
  
  

#01：2024.09.19

VIに関する基本情報

• IGI CI/VIとは何？
• crossmedia ヴィジュアルアイデンティティとは？
  
  

モーションロゴの制作方法

• 海外のロゴアニメーションチュートリアルを日本語解説
• モーションロゴ風のキャラクターアニメーション
  
  

先行事例の調査：WEB・文献調査

• 福岡大学の学食紹介ページ
• 福岡工業大学　学食
• ららぽーとフードコート
• パン屋　ヤキタテイ
  
  

現状調査：学食の現在の様子

• 店舗の概要
  • 中央会館一階にある食堂。
    和食から洋食麺類など幅広い安価で楽しめる
• 良い点
  • 席の数が多い、料理の提供が速い
  • 太陽光が多く入り雰囲気が明るい
• 改善点
  • 食券を渡す場所と買うところが分かりずらい
  • 大きな英語の文字が読み取りづらい
  • どのようなメニューがあるか分かりずらい