LogoMark.png

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


#author("2026-07-20T16:47:11+09:00;2026-07-19T17:03:26+09:00","default:member","member")
#author("2026-07-20T16:49:12+09:00;2026-07-19T17:03:26+09:00","default:member","member")
*演出のカケラ
映像表現の演出を、解説とともに一覧で見られるサイトです
~
#image(mainvisual.png)
~
-''友田葵''
-'''Keywords:サイト, 映像表現, 演出, 解説'''
-[[演出のカケラ>https://sites.google.com/view/testsites11/%E3%83%9B%E3%83%BC%E3%83%A0]] 
-%%__相互評価シート__%%← ご協力ありがとうございました。

~



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


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

***制作ツール
//&color(red){何を使って制作するか(デジタル / アナログ 自由)};」
google sites(サイト制作)
google gemini(演出の概要と効果について質問し、その回答を引用したり参考にした。また見出しに使う画像を生成した。)
google gemini(演出の種類について、演出の概要と効果について質問し、その回答を引用したり参考にした。また見出しに使う画像を生成した。)
~
***参考文献
【動画の歴史】日本ではいつから映像表現が広まった?
https://hirameki.noge-printing.jp/movie_history_210804/

//***メンバー
//&color(red){グループの場合は役割分担を明記};
//~
//~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
**2026.07.20
改善点
-概要の高さを揃える
-AIに質問して、そこから五つに絞ってと指示するなど(自分でリストアップすると抜け落ちる可能性)
-製作者の『製』
-
~
**2026.07.19
-背景画像や、フォントの変更、「映像表現について」と「サイト制作者について」「動画で見る」ページの内容を作った
~
**2026.07.13
-演出の概要、効果についてAIを使い文章を考え、掲載した
-「動画で見る」ページに載せるライブ映像を探し、掲載した
~
**2026.07.06
-サイト制作の続きを行なった
-演出についての説明文と、それに該当する映像を使用しているライブ映像を調査し、サイトに引用した。
-
~
~
**2026.06.29
***見出された問題点
-キーワードで探すということが、google sitesでできるか不明
~

***好評を得た点 > プロジェクトの特性として
-キーワードで探せるシステムがいいという意見があった
-映像表現というテーマ
-ジャンルを選んでいく感じ
~
~
**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)
-分量:未定
~

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