興梠媛愛/情報デザイン演習IIA

情報の板

認識しやすい掲示方法とデジタル移行について考えまとめたPDF資料と動画

• 興梠　媛愛
• Keywords：掲示, 映像, PDF, インフォグラフィック
• PDF資料 (59.4 MB)

概要

これは何？

掲示板の歴史や表示方法について調査し、大学内の掲示板について考えまとめたPDF資料と動画

背景と目的

背景: 掲示板にある情報は、見ようと思わなければ注目度が低くなっている
目的: 大学内掲示板の視認性・可読性を高める

成果物の仕様

• PDF（企画書形式）
• YouTube（5~10分）
  
  

制作ツール

• Adobe Illustrator
• Adobe After Effects
  
  

プロジェクトの期間

プロジェクトの期間｜2023.04.10 - 2023.07.10

プロジェクト管理

スケジュール

• スケジュール
  
  

ToDo

• メインビジュアル作成
• PDF作成
• 動画 作成
  
  
  
  
  
  

CONTENTS

• 2023.06.26
  • PDF
  • 動画
• 2023.06.19
  • PDF
  • 動画
• 2023.06.12
  • 中間発表2
• 2023.06.05
  • PDF
  • 動画
• 2023.05.29
  • 進捗状況
  • PDF
  • 次回memo
• 2023.05.22
  • 進捗状況
  • PDF
• 2023.05.15
  • 指摘された問題点
  • 好評価を得た点
• 2023.05.08
• 2023.05.01
  • 今回制作したプロトタイプ
  • 企画書案1
  • 企画書案2
  • プロトタイプ制作の方法
• 2023.04.24
  • 動画の公開方法
  • 動画の形式（分量とサイズ）
  • 動画の内容（素材ネタ）
  • 動画のネーミング
  • 動画の構成
  • 動画の制作環境と方法
• 2023.04.17
  • 現状調査｜テーマ内容の先行事例
  • 現状調査｜表現形式の先行事例
  • 現状調査｜時間軸（対象の歴史的知見）
  • 現状調査｜空間軸（対象の地理的知見）
  • 現状調査｜技術
  • 解決すべき課題
• 2023.04.10
  • プロジェクトのテーマ候補（10件以上）
  • 参考リンク

2023.06.26

PDF

• PDF

動画

使用音声
VOICEVOX:四国めたん　https://zunko.jp/con_ongen_kiyaku.html

2023.06.19

PDF

• 内容微修正（誤字・言い回し等）

動画

• 音声は心理学の部分まで完了
• 音声の残りは考察部分のみ
• 音声の違和感は否めないが、できる限り調整はしている
• 映像はポスターの歴史まで文字情報のみ完了
• 挿入イラスト等はフリーのものを使用予定
  
  
  
  

2023.06.12

中間発表2

• 最終発表の時　上部のメインビジュアルの場所に動画を配置
• 名前は中央に　学籍番号の追加　情報デザイン演習IIA〜はなしでいい
  
  
  
  

2023.06.05

PDF

• 前回から写真を追加
• 表紙・裏表紙は検討中
  ↓スライドで表示
  
  

動画

• 音声ソフトVOICEVOXの使用を検討中
  ＊クレジット表記必要
• 動画構成
  導入部分のみ
  使用音声
  VOICEVOX:四国めたん　https://zunko.jp/con_ongen_kiyaku.html
  
  
  
  

2023.05.29

進捗状況

PDF

次回memo

• 学内掲示板写真を追加
• リンクはPDFにしてからAdobe Acrobatで貼り直し
• 表紙・背面作り
• Adobe Aftereffects の方の動画を進める
  
  
  
  

2023.05.22

進捗状況

PDF

2023.05.15

指摘された問題点

• 企画書は基本的にA4
• 動画の方も文字出しの時間等を確認するプロトタイプを作成した方が良い
  
  

好評価を得た点

• 企画書案2の方が読みやすいとの声が多かった
• 動画はわかりやすさを向上させる点で好印象を持っている人が多かった
  
  
  
  

2023.05.08

• プロトタイプ評価シートの準備
• 次回の相互評価を踏まえて企画書の案1、案2のどちらが良いかを考え、PDF資料を作成していく
  
  
  
  

2023.05.01

今回制作したプロトタイプ

企画書案1

• A4 又は B5
• 左上にホッチキスで留めるような資料をイメージ
• 参考
  

企画書案2

• A4
• 卒業研究概要集のような資料をイメージ

• 内容量によっては表紙＋2ページにする
  

プロトタイプ制作の方法

• 動画
  • インフォグラフィックを使用した動画
  • Adobe After Effects で作成
  • 一部Adobe Premiere Pro を使用予定
  • 音楽・効果音等は著作権フリーのものを使用
    
    
    
    

2023.04.24

アイデアの量産 ＞ 絞り込み

動画の公開方法

• YouTube

動画の形式（分量とサイズ）

• 5~7分程度
• 簡略版2~3分
  
  

動画の内容（素材ネタ）

• 掲示板 wikipedia
• デジタルサイネージwikipedia
• 高札（こうさつ）
• デジタルサイネージ（電子看板）導入の4つのメリット
• 「社内掲示板」導入のメリットや必要性をポイント解説！効率化する方法とは
• 動画の効果的な長さ
• 【悪用厳禁】デザインの心理学　すぐ使える効果絶大テクニック20選
• デザイン、レイアウトの基本となるゲシュタルト心理学
• 知っておきたい人の視線の動き方
  
  

動画のネーミング

• 現代に合う掲示板
  
  

動画の構成

• 掲示板の歴史
• 掲示板　現在の状況
• 掲示板のデジタル化
• 紙媒体・デジタル媒体の比較
• 理解しやすい掲示方法（心理学等）
• 大学内の掲示板（伝達効率の良い掲示方法）提案
  
  

動画の制作環境と方法

• Adobe Illustrator
• Adobe After Effects
• Adobe Premiere Pro
  
  
  
  

2023.04.17

現状調査｜テーマ内容の先行事例

• 人間は、超高速で文節を表示されてもちゃんと読める
• 掲示板CLOUD　　　PDF
• Web 掲示板
• 貼付ソフトウェアによる大学キャンパス用電子掲示板
• https://youtu.be/F_GYA6go_Fw
  
  

現状調査｜表現形式の先行事例

• https://youtu.be/KeLnlvvf-tE
• https://youtu.be/xroJDVM2v28
• https://youtu.be/eX5QjWFAISs

現状調査｜時間軸（対象の歴史的知見）

• 電光掲示板の歴史
• ポスターの歴史
  
  

現状調査｜空間軸（対象の地理的知見）

• 大学内の掲示板（紙が多い）
• 何枚もの掲示物が一面に貼ってある(大きいサイズのポスターは目につくがA4が沢山あると見にくいような気がする）
  
  

現状調査｜技術

• Adobe Illustrator
• Adobe After Effects
• Adobe Premiere Pro
• YouTube
• PDF
  
  

解決すべき課題

• 調査
  • 調査方法
  • 掲示の種類
    • 紙
    • デジタル掲示板
    • Web掲示板
  • 調査内容
    • 人の目線移動
    • 動く文字と静止文字
    • 色による注目度
    • 紙の大きさ
    • コスト比較

• 動画
  • 構成
  • 時間
  
  
  
  

2023.04.10

プロジェクトのテーマ候補（10件以上）

• 掲示物の掲示方法（認識しやすい掲示方法とデジタル移行について）
• 理想の視覚化　（自身の理想を表現する方法について）
• 色変化・色選択　(見る色と感情の変化について)
• 物を減らす　（デジタル世界に物を持つことについて）
• 自然を感じる　
• 仮想空間での生活
• 対面と遠隔の変化
• 環境と体調
• 光と見え方
• 睡眠時間と質

参考リンク

• 掲示板CLOUD
• オフィスサイネージ
• 色と感情
• 好みの単色彩光による感情刺激効果
• 日本と海外の睡眠時間差