• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 浅田真優花/情報デザイン演習ⅢB へ行く。
  • 1 (2024-11-21 (木) 09:19:38)
  • 2 (2024-12-05 (木) 09:51:29)
  • 3 (2024-12-12 (木) 12:09:54)
  • 4 (2024-12-19 (木) 01:12:24)

---

浅田 真優花 ｜ 情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

概要

背景

• 経路を早く知りたい人にとって長すぎる動画がある
  
  

目的

• なるべくシンプルかつ短時間で経路をわかりやすく案内する
  
  

コンセプト

• テロップの色味などを統一して美しい動画にする
• わかりやすく、見ていてストレスの少ない動画にする（ストレス🟰動画が長すぎる、テンポが悪いなど）

成果物の仕様

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

制作期間

• 2024.11.07 - 2024.12.11
  
  

まとめ

• 構成や装飾をシンプルにすることで無駄な情報がなくなった
• 重要なところ以外は倍速にすることで短時間で経路がわかるようにした
  
  
  
  

調査

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横型動画
  • 道案内動画 /ケアリッツ・アンド・パートナーズ
  • フリースピリッツ神戸店までご案内します！/Free Spirits Channel
• 縦型動画
  • 道案内動画/U.Ni COFFEE
  • 道案内動画/玉川大学芸術学部演劇・舞踊学科
    
    

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

• Youtubeで見やすい字幕の作り方！
• YouTube動画に字幕/テロップを効果的に入れる方法
  
  
  
  

---

---

#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で見やすい字幕の作り方！
• YouTube動画に字幕/テロップを効果的に入れる方法
  
  

概要欄の整理

• 背景
  • 既存の経路案内動画は色や文字の色がワンパターン化しており特徴が掴みにくい
• 目的
  • 卒展に興味を持ってもらったり、実際に来ていただくため
• コンセプト
  • テロップの色味などを統一して美しい動画にする
  • わかりやすく、見ていてストレスの少ない動画にする（ストレス🟰動画が長すぎる、テンポが悪いなど）
    
    
    
    

#08：2024.11.07

現状調査：撮影テスト

• OneDriveへのリンク
  
  

先行事例の調査

• 横動画
  • 道案内動画 /ケアリッツ・アンド・パートナーズ
  • フリースピリッツ神戸店までご案内します！/Free Spirits Channel
• 縦動画
  • 道案内動画/U.Ni COFFEE
  • 道案内動画/玉川大学芸術学部演劇・舞踊学科
    
    
    
    
    
    
    

課題1 VI計画

概要

背景

• 入口に店名が書いてあるがシンボルマークなどがなくシンプルなため印象に残りづらく見つけづらい
  
  

目的

• イタリアンが食べられるお店という認識を持ってもらう
• お店の親しみやすい雰囲気をパッとみて分かりやすくする
  
  

コンセプト

• 温かみのある印象
• ゆったり過ごせる空間
  
  

成果物の仕様

• シンボルマーク / ロゴタイプ
  
• モーションロゴ
  ※音が出ます

• VIマニュアル
  • OneDriveへのリンク
    
    

制作期間

• 2024.09.19 - 2024.11.07
  
  

まとめ

• 全体的に柔らかい色でまとめたり、動物の可愛らしさをモーショングラフィック内に入れ込むことで学生食堂ならではの親しみやすさを表現できたと思う。
• ロゴやアニメーション使用する色にはイタリアの国旗の色を取り入れたり、アニメーション内でパスタを登場させたりすることでイタリアンレストランという認識を持ってもらえると思う。
  
  
  
  

調査

現状調査

• 記録写真（外観 / 内観）
  • OneDriveへのリンク
• 店舗の概要
  • 図書館の隣にある
  • レンガの壁で照明は明るすぎず落ち着いた雰囲気
  • イタリアン料理が食べられる
• 良い点
  • 落ち着いた雰囲気
  • 椅子や机もしっかりしたつくりでゆったり過ごせる
• 改善点
  • メニューが分かりずらい
  • 入口のレストラン名が目立ちにくく、どんなお店なのかイメージが湧きにくい
    
    

先行事例

• VIに関する基本情報
• RYDEN 　VI（ビジュアルアイデンティティ)とは？
• chibico VI(ビジュアル・アイデンティティ)の目的
  
  
• 類似する飲食店の事例調査
• カラブリア大学（イタリア）の大学食堂
• イタリアの大学食堂
• サイゼリヤ
• カプリチョーザ
• 鎌倉パスタ
  
  

技法・技術情報

• モーションロゴの制作方法
• Adobe ロゴアニメーションを作ろう

• note ロゴアニメーションの作成の流れを伝えちゃいます
  
  
  
  

---

---

#07：2024.10.31

使用例

• OneDriveへのリンク
  
  
  
  

#06：2024.10.24

モーションロゴ

• OneDriveへのリンク
  
  
  
  

#05：2024.10.17

VIマニュアル

• OneDriveへのリンク
  
  
  
  

#04：2024.10.10

字コンテ

• 起：家のかたちをしたレストランの扉を開く
• 承：クマの友だちがこちらに手招きする
• 転：クマと一緒にパスタを食べて楽しい時間を過ごす
• 結：最後にロゴを出す
  
  

ストーリーボード

• OneDriveへのリンク
  
  
  
  

#03：2024.10.03

試作（3案）

• OneDriveへのリンク

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

• 山形デザイン専門学校
• ユビレジ

概要欄の整理

• 背景
  • 入口に店名が書いてあるがロゴなどがなくシンプルなため印象に残りづらく見つけづらい
• 目的
  • イタリアンが食べられるお店という認識を持ってもらう
  • お店の親しみやすい雰囲気をパッとみて分かりやすくする
• コンセプト
  • 温かみのある印象
  • ゆったり過ごせる空間
• 成果物（制作物）
  • シンボルマーク / ロゴタイプ
  • モーションロゴ
  • VIマニュアル
    
    
    
    

#02：2024.09.26

研究対象

• クオーレ

アイデアスケッチ

• OneDriveへのリンク

現状調査：記録写真

• OneDriveへのリンク
  
  

#01：2024.09.19

VIに関する基本情報

• RYDEN 　VI（ビジュアルアイデンティティ)とは？
• chibico VI(ビジュアル・アイデンティティ)の目的
  
  

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

• Adobe ロゴアニメーションを作ろう

• note ロゴアニメーションの作成の流れを伝えちゃいます
  
  

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

• カラブリア大学（イタリア）の大学食堂
• イタリアの大学食堂
• サイゼリヤ
• カプリチョーザ
• 鎌倉パスタ
  
  

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

• 店舗の概要
  • クオーレ
  • 図書館の隣にある
  • レンガの壁で照明は明るすぎず落ち着いた雰囲気
  • 大盛りにすることもできる
• 良い点
  • 落ち着いた雰囲気
  • 椅子や机もしっかりしたつくりでゆったり過ごせる
• 改善点
  • メニューが分かりずらい
  • 入口のレストラン名が目立ちにくく、どんなお店なのかイメージが湧きにくい