原晴紀/情報デザイン演習ⅢB

原 晴紀 ｜ 情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

概要

背景

• 九州産業大学に初めて来る人にとっては建物も多く敷地も広いためどこに何の建物があるか分かりづらい
  
  

目的

• 初めてでもスムーズに会場に辿り着けるようにする
  
  

コンセプト

• 見やすく、分かりやすい動画
• 芸術学部生らしさ
  
  

成果物の仕様

• YouTube（横型動画）
• Instagram or YouTube（縦型動画）
  • YouTube Shorts
  • Instagram
    
    

制作期間

• 2024.11.07 - 2024.12.18
  
  

まとめ

• 九産大前駅から17号館503・504教室までの行き方を簡潔にまとめた
• 目印を示すことやテンポ感を意識してコンセプトに沿って作成ができた
• 言葉(テロップ)だけでなく矢印などを使って視覚的な表現も取り入れることも大事だと思ったので、今後の製作に生かしたい
  
  
  
  

調査

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横型動画
  • Heacon Laboまでの道案内 動画
  • 【道案内動画】JR 日比谷線　恵比寿駅からASダンススタジオまでの道のり
• 縦型動画
  • 玉川大学　道案内動画
  • 道案内動画Walkstory 縦動画
    
    

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

• YouTubeテロップを作る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

構成

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

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

• OneDriveへのリンク
  
  

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

• YouTubeテロップを作る5つのポイントと効果的な入れ方
• ついやってしまう、プロのテロップの作り方
  
  

概要欄の整理

• 背景
  • 九州産業大学に初めて来る人にとっては建物も多く敷地も広いためどこに何の建物があるか分かりづらい
• 目的
  • 初めてでもスムーズに会場に辿り着けるようにする
• コンセプト
  • 見やすく、分かりやすい動画
  • 芸術学部生らしさ
    
    
    
    

#08：2024.11.07

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横動画
  • Heacon Laboまでの道案内 動画
  • 【道案内動画】JR 日比谷線　恵比寿駅からASダンススタジオまでの道のり
• 縦動画
  • 玉川大学　道案内動画
  • 道案内動画Walkstory 縦動画
    
    
    
    
    
    
    

課題1 VI計画

概要

背景

• 作品がただ飾ってあるだけになっていて勿体無い
• 温かみのある食堂であることを伝えたい
  
  

目的

• 芸術作品が飾ってあることをわかるように
• 一目でどこのお店かわかるように
  
  

コンセプト

• つい立ち寄ってしまうような魅力のあるもの
• 親しみやすさ
• 覚えてもらえるもの
  
  

成果物の仕様

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

制作期間

• 2024.09.19 - 2024.11.07
  
  

まとめ

• 芸術に関係があることが分かるようなロゴを制作できたが、食堂であることが分かりづらくなってしまった
• 丸みのあるデザインや小文字を用いることにより、コンセプトを達成することができた
• VIマニュアル制作時、大学のPCにしか入っていないフォントを使用したため自身のPCでの制作が困難だった
  →自身のPCにも入っているフォントを使用するor アウトライン化を用いるなどをして今後は対策をする
  
  
  
  

調査

現状調査

• 記録写真（外観 / 内観）
  • OneDriveへのリンク
• 店舗の概要
  • 学生や大学の職員など多くの人が利用している食堂
  • 豊富なメニュー
  • アート(art)とカフェテリア(cafeteria)を融合させた店舗名
• 良い点
  • 内装が綺麗で広い、席が多い
  • メニューが豊富で月限定メニューもある
• 改善点
  • せっかく絵を飾っているのに目立っていない
    
    

先行事例

• VIに関する基本情報
  • PR TIMES　CI・VI・BIとは？
  • ビジュアルアイデンティティ（VI）とは？事例や効果的な作り方を解説
  • ビジュアルアイデンティティ（VI）とは？ - CIRCL
• 類似する飲食店の事例調査
  • 佐賀大学
  • 筑波大学
  • Joyfull
  • はま寿司
    
    

技法・技術情報

• モーションロゴの制作方法
  • ロゴマークのアニメーションを作成する方法-Creative Cloud
  • 企業ロゴアニメーション（モーションロゴ）とは？事例や作る際の考え方
    
    
    
    

#07：2024.10.31

使用例

• OneDriveへのリンク
  
  
  
  

#06：2024.10.24

モーションロゴ

• OneDriveへのリンク
  
  
  
  

#05：2024.10.17

VIマニュアル

• OneDriveへのリンク
  
  
  
  

#04：2024.10.10

字コンテ

• 起：白い背景にキャンバスが置いてある
• 承：キャンバスにズームして「a」を書く
• 転：「a」にベレー帽を被せると目が出てくる
• 結：ロゴタイプが出てきて完成
  
  

ストーリーボード

• OneDriveへのリンク
  
  
  
  

#03：2024.10.03

試作（3案）

• OneDriveへのリンク

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

• 公共交通機関のロゴマークデザイン
• 岡山大学 異分野基礎科学研究所 V.I.マニュアル
• 育業VIマニュアル - こどもスマイルムーブメント

概要欄の整理

• 背景
  • 作品がただ飾ってあるだけになっている
• 目的
  • 芸術作品が飾ってあることをわかるように
  • 一目でどこのお店かわかるように
• コンセプト
  • つい立ち寄ってしまうような魅力のあるもの
  • 親しみやすさ
• 成果物（制作物）
  • シンボルマーク / ロゴタイプ
  • モーションロゴ
  • +α
    
    
    
    

#02：2024.09.26

研究対象

• アルテリア（中央会館）

アイデアスケッチ

• OneDriveへのリンク

現状調査：記録写真

• OneDriveへのリンク
  
  

#01：2024.09.19

VIに関する基本情報

• ビジュアルアイデンティティ（VI）とは？事例や効果的な作り方を解説
• ビジュアルアイデンティティ（VI）とは？ - CIRCL
  
  

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

• ロゴマークのアニメーションを作成する方法-Creative Cloud
• 企業ロゴアニメーション（モーションロゴ）とは？事例や作る際の考え方
  
  

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

• 佐賀大学
• 筑波大学
• Joyfull
• はま寿司
  
  

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

• 店舗の概要(アルテリア)
  • 外観
  • 内観
• 良い点
  • 内装が綺麗で広い、席が多い
  • メニューが豊富で月限定メニューもある
• 改善点
  • せっかく絵を飾っているのに目立っていない