松本龍太郎/情報デザイン演習ⅢB

情報デザイン演習IIIB

課題2 経路案内

• 松本龍太郎
  
  

概要

背景

• 入り口が複数あり、わかりずらい。
  
  

目的

• 道に迷わず会場へ辿り着けること。
• 事前に予習してもらい、会場で動画を開かなくてよくする。
  
  

コンセプト

• 1度見て覚えられるようなわかりやすい動画にする。
• 手や矢印で道や目印を示す。
• 手と顔をセットで出しポップに！
• 楽しく見られるようにする。
  
  

成果物の仕様

• YouTube
  • 1920*1080px
  • 40秒

• Instagram
  • 1080*1920px
  • 40秒
    
    

• OneDrive
  
  

制作期間

• 2023.11.16 - 2023.12.21
  
  

メンバー

• チーム名：りゅうはら

• 松本龍太郎
• 原朋恵
  
  

まとめ

• キャラクターを使用することで、ポップで明るい印象になった。
• キャラクターの声を制作することで、全体の雰囲気を崩さず、より字幕への誘導が可能となった。
• キャラクターの声を作ったのは初めてのことだったが、労力のわりに効果が大きいので今後の制作にも活かせそうである。
  
  
  
  

調査

現状調査

• 入り口が複数あり、わかりずらい。
  
  

先行事例

ARを使った道案内動画

• https://note.com/upfrontier/n/n7d43619996cb
  • https://youtu.be/EVqE56nrNvI

このくらい賑やかにしたい

• https://youtu.be/DhWh31xhNSM
  
  

技法・技術情報

喋り声の作り方

• https://youtube.com/shorts/0JqSguYAT_M

2023.12.07

喋り声？字幕？どうぶつの森的な効果音の作り方

• https://youtube.com/shorts/0JqSguYAT_M

撮影

• OneDriveへのリンク
  全ての素材の撮影
  上下の移動を一箇所間違えたので、再撮影が必要かもしれない。

字コンテ

• オープニング
  • タイトルと日時を出す

• スタート
  • 駅から北門まで、カメラを振る

• 移動時
  • なるべく真っ直ぐ動かさず、早送り前提で

• 分岐
  • 15号館の文字を写し、左に曲がる。

• エレベーター
  • フェードインアウトすることで、動画が２分割で撮れる。

• ゴール
  • カメラを振るとナンバープレートが映る
    
    

2023.11.30

プロトタイプ制作

OneDriveへのリンク

• 4kで撮れば、タイムリマップ編集の手間が1/2で済むのではないか？

2023.11.16

試作：撮影テスト

OneDriveへのリンク

先行事例

ARを使った道案内動画

• https://note.com/upfrontier/n/n7d43619996cb
  • https://youtu.be/EVqE56nrNvI

このくらい賑やかにしたい

• https://youtu.be/DhWh31xhNSM

課題1 りゅうこのおへや VI計画

• 松本龍太郎
  
  

概要

背景

• ロゴが設定されていない
• 活動者の雰囲気が伝わらない

目的

• バラバラなりゅうこのおへやのVIを統一する
• 親しみやすさや活気、ポジティブなイメージを表現する
  
  

コンセプト

• 親しみやすさや活気、ポジティブなイメージを表現するため、オレンジ色を基調とする
• 現在使用しているくまのイラストの面影を残す

成果物の仕様

• モーションロゴ

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

• VIマニュアル

  ／

制作期間

• 2023.09.21 - 2023.12.08
  
  

まとめ

• 私の普段のアイコンを知っていないと想像するのが難しいものになっているかもしれない。
• セットで使うことになるとは思うが、正しい選択だったのか疑問である。
• 動画のタイミング調整などの点で、普段の楽曲制作の知識が生かされていると感じる。今後も生かしたい。
  
  
  
  

調査

現状調査

• ロゴマーク、ロゴタイプが共に設定されていない。
• 違うサブドメインで、同じ内容のページが２つある。
• サイトデザインが洗練されていない。
• 松本龍太郎のwikiについて、一度作品ページにたどり着いたら詳しい情報が全て載っている。
• 松本龍太郎のポートフォリオサイトは雰囲気がイマイチだが、作品へのアクセスのしやすさが良いところである。

先行事例

• BAKE チーズタルト
• MONACA
• F.M.F.
• マキシウキョウ - さっきょくかの公式サイト

技法・技術情報

参考ページ一覧

• 50 Best Motion Logos | Cool Logo Animations | Adobe Creative Cloud YouTube
• 5 Tutorials for Making Animated Logos with After Effects

2023.10.26

ロゴ試作

案B

案C

2023.10.19

案A

ラフ

2023.10.12

記録なし

2023.10.05

りゅうこのおへやとは

松本龍太郎のポートフォリオサイト、または松本龍太郎のwikiのサイト名である。

現状

• ロゴマーク、ロゴタイプ共に設定されていない
• 同じ内容の記事がサブドメイン違いで２つある

問題点

• 同じ内容のページが２つある
• ロゴが設定されていない

先行事例

webサイトの事例を中心に掲載する。

• BAKE チーズタルト
  • 雰囲気が良い

• MONACA
  • worksとwikiが同じドメイン下にあるので良い。しかしページは分かれている。

• F.M.F.
  • 雰囲気が良い

• マキシウキョウ - さっきょくかの公式サイト
  • 機能性が良い
  • 直感的でわかりやすく作品が見られる
  • アクセスしてすぐおすすめ作品が見られる

モーションロゴについて

参考ページ一覧

• 50 Best Motion Logos | Cool Logo Animations | Adobe Creative Cloud YouTube
• 5 Tutorials for Making Animated Logos with After Effects

2023.09.21

目的

松本龍太郎のポートフォリオサイト「りゅうこのおへや」
松本龍太郎のwiki「りゅうこのおへや」
２つを統合させ、VIの見直しをする。

サイトURL

• 松本龍太郎のポートフォリオサイト
• 松本龍太郎のwiki