杉野市之助/情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

• 杉野市之助
  
  
  「チーム沼動画リンク」
  
  
  「チーム沼2nd動画リンク」
  
  

概要

背景

• 校舎が広く、どこが会場か分かりづらい。
  
  

目的

• 初めて九産大に訪れた人でも会場がどこか分かりやすい動画を制作すること。
  
  

コンセプト

• 分かりやすく且つ、簡潔に情報を伝えられる動画制作。
• 少し面白味を持たせたい。
• 電子音声を使用し、実況形式にする。
  • 無料のテキスト読み上げソフトウェア「VOICEVOX ずんだもん」を使用
    
    

成果物の仕様

※是非、音ありで

• YouTube
  • 1920*1080px
  • 47秒

• Instagram
  • 1080*1920px
  • 47秒
• Googleドライブ
  
  

制作期間

• 2023.11.16 -
  
  

メンバー

• チーム名：「沼」

• 後藤太成
• 杉野市之助

まとめ

• 文字テロップだけでなく、音声を利用することで視覚と聴覚の両方で伝えることができる形式で作成したため、わかりやすいかつ、少し面白い動画を作れたと思います。
• 今回使用したテキスト読み上げソフトウェアの「VOICEVOX ずんだもん」は、最近YouTubeのリール動画などで、利用されることがかなり増えてきていて、既存の「ゆっくりボイス」等よりも、人間の声に近いため経路案内動画に適していると感じて今回使用しました。
  
  
  
  

調査

現状調査

• 飲食店や、美容サロンへの経路案内動画
  • Instagram・TikTokなど
    
    

先行事例

• YouTube
  
  

技法・技術情報

2023.12.07

撮影

• Driveへのリンク

動画の構成

• オープニング（タイトル）
  • 改札前で静止画&タイトルコール(電子音声の読み上げ)
• スタート
  • 改札から階段の方を向く。
• 移動時
  • 門をくぐった後の直線を最大倍速で短縮。
• 分岐
• エレベーター
  • 暗転させて、上昇するアニメーションを入れる。
• ゴール
  • 教室の前に着いて終了。

2023.11.30

プロトタイプ制作

• OneDriveへのリンク

2023.11.16

試作：撮影テスト

先行事例

課題1「in.out」 VI計画

• 杉野市之助
  
  

概要

背景

九産大校内のお店の中でも、モダン寄りでありお洒落な印象を受ける。
すでにロゴは存在しているが、さらに直感的になんのお店かどうかが分かるlogoを作りたいと思った。
既存のロゴの、ひらがなでふりがなを打ったようなデザインを取り入れつつ、コーヒーに力を入れていることがもっと伝わるデザインを作りたいと思った。

目的

上記にもある通り、既存のlogoよりももっと、直感的になんのお店かどうかが分かるlogoを作りたいと考えている。
店舗がモノトーンなので、logoもモノトーンver.も作成する。

コンセプト

• 直感性を重視する。
• 店舗イメージのデフォルメさせる。
• コンパクトに適切な情報量を内包させる。
• コーヒーをポットから注ぐシーンをモーションロゴで表現する。
  
  

成果物の仕様

• モーションロゴ

• シンボルマーク・ロゴタイプ

• VIマニュアル

制作期間

2023.09.21 - 2023.11.16

まとめ

• ロゴはコンセプト通り直感性を持たせつつ、分かりやすい構成にできた。
• モーションロゴは絵コンテと少し変わったが、適度な長さで綺麗にできたと思う。
  
  
  
  

調査

現状調査

大学内でデザイン性に富んでいる。
学生が主体となって運営している。

先行事例

「VIとは何か」

• DOUTORコーヒー
• サンマルクカフェ
  
  

技法・技術情報

2023.10.05

背景・目的・コンセプトの設定

• 背景
  • 九産大の中の飲食店の中でも一番モダンなデザインの外見で好き
  • 従業員も主に学生で構成されていて利用しやすい
  • パンが美味しい
• 目的
  • 意外と知名度が低いため、もっと多くの人に利用してほしい
  • logoは存在しているが、何のお店か分かりにくいためそこを改善する
• コンセプト
  • コーヒーが美味しいので、cafeであることを強調
  • 初見でも分かりやすい視覚的なデザイン
    
    

アイデアスケッチ（10案）

| Drive |

Illustratorを用いた作図（試作）

2023.10.26

モーションロゴ制作

2023.10.19

VIマニュアル

PDFファイルへのリンク

合成写真：使用イメージ

画像ファイルへのリンク

モーションロゴ 試作

2023.10.12

モーションロゴのアイデア

• 絵コンテ（ストーリーボード）
  • リンクはこちら
• 字コンテ
  • 起：ポットを模した「T」でコーヒーを注ぐ
  • 承：水滴が上に跳ね上がる
  • 転：球体が落ちてきて、落下点から線が伸びる
  • 結：コーヒー豆が落ちてきてlogoが完成する
    
    

Illustratorを用いた作図（試作）

2023.09.21

作業

• 「現地調査」
  • 店舗の雰囲気の確認 | Drive |
    
    
• 「調査１」
  • 「VI」について | VIとは何か |
    
    
• 「調査２」
  • logoデザインのアイデア探し | Pinterest |
    
    
• 「調査３」
  • モーションロゴの事例