藤島早希/情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

• 藤島早希
  
  

概要

背景

• 校舎が分かりづらい
• 初めて来る人には複雑
  
  

目的

• 卒展に来る人が迷わずに来れるようにする
  
  

コンセプト

• 要点をまとめた、シンプルな経路案内

成果物の仕様

• YouTube
  • 1920*1080px
  • 30秒

• Instagram
  • 1080*1920px
  • 30秒
    
    

制作期間

• 2023.11.16 -2023.12.21
  
  

メンバー

• チーム名：餃子倶楽部

• 深町彩海
• 藤島早希
• 楠田佑月
  
  

まとめ

• 情報を整理し、必要な情報をコンパクトにまとめた動画にできたと思います。
• 文字を大きめにすることで見やすくできたと思います。
  
  
  
  

調査

現状調査

• 背景
  • 校舎が分かりづらい
  • 初めて来る人には複雑
    
    

先行事例

• 道案内動画【代々木八幡駅〜平々凡々】
  • 情報がわかりやすい
• Heacon Laboまでの道案内 動画
  • 矢印がわかりやすい
    
    

技法・技術情報

• Aftereffect
• Photoshop

2023.12.14

動画のアップロード

• YouTube
  • 1920*1080px
  • 30秒

• Instagram
  • 1080*1920px
  • 30秒

編集

• GoogleDriveへのリンク

メインビジュアル・サムネイルの制作

• GoogleDriveへのリンク

2023.12.07

撮影

• GoogleDriveへのリンク
  • 編集素材の撮影を行った

動画の構成

• オープニング（タイトル）
  • 九芸卒展 2024
• スタート
  • 九産大前駅
• 移動時
  • 早送り
• 分岐
  • 分岐の所は矢印を使う
• エレベーター
  • 開くところから
• ゴール
  • 17号館5F デジタルラボ503・504教室
• その他
  • 要点は少し止まる
    
    
    
    

2023.11.30

プロトタイプ制作

• GoogleDriveへのリンク

2023.11.16

試作：撮影テスト

• 撮影素材
  • 試作

先行事例

• 道案内動画【代々木八幡駅〜平々凡々】
  • 情報がわかりやすい
• Heacon Laboまでの道案内 動画
  • 矢印がわかりやすい

課題1 クオーレ VI計画

• 藤島早希
  
  

概要

背景

• 現在のクオーレにはシンボルマークがない
• イタリアンレストラン感がない
  
  

目的

• 「クオーレ」の由来がイタリア語で「心」であることを汲んだデザインにする
  
  

コンセプト

• シンプルでわかりやすく、『心』を意識したデザイン
  
  

成果物の仕様

• モーションロゴ

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

• VIマニュアル
  
  
  
  

制作期間

• 2023.09.21 - 2023.11.16
  
  

まとめ

• 目的を果たしたデザインにすることができた
• シンプルでわかりやすいものにできた
  
  
  
  

調査

現状調査

• 現代におけるVI計画の活用事例
  • コカ・コーラ
    • 赤と白の配色で印象を与え、ブランドのイメージを形成
    • 広告やパッケージにも使用することで一貫性のあるビジュアル体験を提供
  • Apple
    • ロゴでアップルのコンピューターが果実のように新鮮で革新的であることを表現
    • シンプルな黒色で、美的センスの高いイメージを表現
• 学食の現在の様子について
  【クオーレ】
• 良い点
  • 番号で呼んでくれる
  • おいしい
  • 日替わりのメニューがある
• 改善点
  • 電子マネーも対応したら良くなると思う
  • 出入り口が狭いので行き来しづらい
    
    

先行事例

• WEB・文献調査
• リンガーハット
  • 頭文字を使ったロゴ
• ガスト
  • お店の名前全て使ったロゴ
• CoCo壱番屋
  • 代表となるメニューを使ったロゴ
• 現地調査：類似する飲食店の事例
• リンクはこちら
  
  

技法・技術情報

• モーションロゴの制作方法
• 【ロゴアニメーション12サンプル】全部で７０種類用意しています。
• かわいいモーショングラフィックスの要素7選と作り方！【AfterEffects】
  
  
  
  

2023.10.26

モーションロゴ制作

• YouTubeなどへのリンク
  • リンクはこちら
    
    

2023.10.19

VIマニュアル

• PDFファイルへのリンク
  • リンクはこちら
    
    

合成写真：使用イメージ

• 画像ファイルへのリンク
  • リンクはこちら
    
    

モーションロゴ 試作

• YouTubeなどへのリンク
  • リンクはこちら
    
    

2023.10.12

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

• 絵コンテ（ストーリーボード）
  • リンクはこちら
• 字コンテ
  • 起：始まり・状況（右上からハートを作り始める）
  • 承：続き（ハートを完成させ、一周する）
  • 転：変化・クライマックス（一周するときに空間ができる）
  • 結：結果・オチ（文字がつく）
    
    

2023.10.05

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

• 背景
  • 現在のクオーレにはシンボルマークがない
  • イタリアンレストラン感がない
• 目的
  • 「クオーレ」の由来がイタリア語で「心」であることを汲んだデザインにする
• コンセプト
  • シンプルでわかりやすく、『心』を意識したロゴタイプ
    
    

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

• リンクはこちら

Illustratorを用いた作図（試作）

• リンクはこちら
  
  
  
  

2023.09.28

調査④（現地）：先行事例の調査（類似する飲食店の事例）

• リンクはこちら

調査⑤（現地）：学食の現在の様子について（良い点・改善点）

【クオーレ】

• 良い点
  • 番号で呼んでくれる
  • おいしい
  • 日替わりのメニューがある
• 改善点
  • 電子マネーも対応したら良くなると思う
  • 出入り口が狭いので行き来しづらい
    
    
    
    

2023.09.21

調査①（文献・WEB）：現代におけるVI計画の活用事例

• コカ・コーラ
  • 赤と白の配色で視覚的に強い印象を与え、ブランドイメージを形成
  • 広告やパッケージにも使用することで一貫性のあるビジュアル体験を提供
• Apple
  • ロゴでアップルのコンピューターが果実のように新鮮で革新的であることを表現
  • シンプルな黒色で、美的センスの高いイメージを表現

調査②（文献・WEB）：モーションロゴの制作方法

• 【ロゴアニメーション12サンプル】全部で７０種類用意しています。
• かわいいモーショングラフィックスの要素7選と作り方！【AfterEffects】

調査③（文献・WEB）：先行事例の調査（類似する飲食店の事例）

• リンガーハット
  • 頭文字を使ったロゴ
• ガスト
  • お店の名前全て使ったロゴ
• CoCo壱番屋
  • 代表となるメニューを使ったロゴ