LogoMark.png

友田葵/情報デザイン演習IIA_02 の変更点


#author("2026-06-28T23:14:00+09:00;2026-06-22T15:44:11+09:00","default:member","member")
#author("2026-06-29T13:55:31+09:00","default:member","member")
*演出のカケラ
映像表現の演出を、解説とともに一覧で見られるサイトです

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''友田葵''
-'''Keywords:サイト, 映像表現, 演出, 解説'''
-[[サイトはこちら>https://sites.google.com/view/testsites11/%E3%83%9B%E3%83%BC%E3%83%A0]] ※制作途中です。
-__[[相互評価シート>]]__  ← ここからコメントをお願いします。
-__[[相互評価シート>https://docs.google.com/spreadsheets/d/1JlSq1FPWOa7UvReG2mZKZdo6fZILyjiSyOOdJVThN7o/edit?usp=sharing]]__  ← ここからコメントをお願いします。

~



**概要
***背景と目的
//&color(red){プロジェクトの背景と目的};
~映像表現の演出テクニックを効率よく探せるサイトがないため、一覧で見られるサイトを作ることで制作時の参考になるようにする
~


***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~ WEBサイト
~

***制作ツール
//&color(red){何を使って制作するか(デジタル / アナログ 自由)};
~google sites
~

//***メンバー
//&color(red){グループの場合は役割分担を明記};
//~
//~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2026.06.22
***今回制作したプロトタイプ
#image(サイトマップ.png)
~

***プロトタイプの説明
-演出を一覧で見られる
-キーワードを選択するとそれにあった演出の解説を見ることができる
~
**2026.06.15

***現状分析

-「テーマ内容」に関する先行事例
[[イベント告知・オープニング動画の事例13選>https://key-movie.forfreelance.co.jp/blog/youtube/event_op/]]
~
-「表現形式」に関する先行事例
[[株式会社富士交易HP>https://www.fuji-koeki.co.jp]]
[[ぺんてるHP>https://www.pentel.co.jp]]
[[OHSU星図鑑>https://ohsu.ac.jp/ohsuzukan/]]
~
-「時間的情報(歴史)」
[[映像の歴史>https://global.canon/ja/technology/kids/mystery/m_03_06.html]]
[[モーショングラフィックス文化とTVアニメのクレジットシーケンス>https://gdr.jagda.or.jp/articles/71/]]
[[モーショングラフィックスとは?>https://mvsk.jp/column/100113]]
~
-「空間的情報(地理)」
~
-「技術」
[[google sites使い方>https://b.qrqrq.com/2023/04/17/create_homepage/#STEP2-2]]
~
 
***課題定義
-1. WEBの内容、レイアウト
-2. google  sitesの使い方を知る
-3. 映像表現についての情報収集
-4.公開方法
-5.成果物のネーミング、タイトル
-6.素材(イラスト・写真・記事等)の入手方法・生成方法
~

***制作上のアイデア(課題ごとに複数のアイデア)
※課題定義と制作上のアイデアの番号が一致しています
~
-1. 「見やすく使いやすい」「使いたくなる」サイトを目指す
-2.ネット検索、AIに聞く
-3. ネット検索、YouTube
-6.Youtubeのリンクを貼る
~
~
**2026.06.08
***テーマ候補
-おすすめグミ
//-'' '' ← 太字になります。
-一つのパッケージを徹底的に深掘りしてみる
-''%%MVや%%映像表現(ライブの背景で流れる映像、オープニング映像)の演出を徹底的に解読してみる''
-グミの歴代パッケージを比較して解読してみる
~
***成果物の仕様
-形式:サイト(google sites)
-分量:未定
~

***この演習を通して身につけたいスキル
-サイトづくり
-見やすく使いやすいレイアウト
~
***メモ
-映像表現のあるある、パターンを順序立ててまとめる
~
~