山田洸太/デザイン総合研究
をテンプレートにして作成
HOME
ABOUT
造形表現専攻概要
大学院進学希望の方へ
INFORMATION
論文等執筆要領
学位申請に関わる書類
学位論文等スケジュール
研究成果の公表
STUDENTS
STAFF
[ EDIT ]
?
SEARCH
開始行:
*Webサイトにおけるインタラクティブ表現の可能性の追求
ビルと自然物の対比
#image(DSC06905.jpg)
-[[山田洸太]]
~
~
**研究の背景と目的
Webサイト制作においては、アクセシビリティを考慮することが...
学部での卒業研究では、「人工物であるビルと自然物である空...
~
~
~
**研究計画
まず、インタラクティブなWebサイトを中心に実態調査を行い、...
~
-[[山田洸太/Schedule]]
~
~
**参考
-Mutedscapes(卒業研究)
--[[研究詳細>https://design.kyusan-u.ac.jp/socialdesign/?...
--[[Webサイト>https://adamay-design.github.io/mutedscapes...
--[[YouTube>https://www.youtube.com/@mutedscapes]]
-[[窓研究所>https://madoken.jp/]]
~
~
**最後に
本研究では、インタラクティブなWebサイトの新たな可能性を探...
~
~
~
**2024.05.03
-窓について調査
-歴史、素材、種類等
-窓研究所のWebサイトを参考にする
-[[OpenSquareJP|正方形>https://design.kyusan-u.ac.jp/Ope...
~
~
**2024.05.03
***アイデア
-コンテンツ
''キーワード:ビルの窓を額縁ように表現する''
--ビルの幾何学的なデザインをループさせた映像素材を合成す...
---左右、上下、斜めなどさまざまな方向に流す。
#youtube(zTh16QdWECo)
--日常の風景を撮影した映像を合成する。*2
---案1. 一つの窓に限定
窓のフレーム部分ごと切り抜き、それ以外の要素を省く。さら...
---案2. 複数の窓で構成
窓のガラス部分のみ切り抜き、そこに15秒から30秒程度のもの...
-Webサイト
''キーワード:「カテゴライズ」と「カスタマイズ」''
--自分の好きな組み合わせで映像を楽しむことができるWebサイ...
---*1の場合は、ボタンをクリックした際に流れる方向が変わっ...
---*2の場合は、水や植物、車などカテゴライズし、そのボタン...
---クリックした窓の映像が切り替わる。(その場合はループ映...
---カラー、モノクロも選択可。
---__[[レンジスライダー>Google:レンジスライダー]]__で映像...
→例)画素数を下げると時代感の錯覚を起きる。
---[[p5.js>https://p5js.org/]]で映像を単純化することでイ...
→窓のフレームと相まって絵画のような演出になるのではないか。
→p5.jsではなく、AEで加工・編集する場合は以下の動画を参考...
|#youtube(S6BfPm24_dA)|#youtube(2gaQMS7Ven4)|
~
***コンテンツ形態
-シネマグラフ
~
***参考
-Nina Nayko
--Instagram __[[@nina.nayko>https://www.instagram.com/ree...
--YouTube __[[@ninanayko>https://www.youtube.com/@ninanay...
-Alex Hyner
--Instagram __[[@alexhyner>https://www.instagram.com/p/C0...
//-Shota Ashida
//--Instagram __[[@shota.mebakuro>https://www.instagram.c...
-[[加藤大地/情報デザイン]]
--「くもりのインタラクション - デジタルにおけるくもりの表...
-__[[2005年のデジカメで撮影した最近の渋谷>https://twitter...
--関連記事:https://nlab.itmedia.co.jp/nl/articles/2402/2...
-__[[約15年前のコンデジで撮ったらなんでも平成にみえる>htt...
--関連記事:https://woman.excite.co.jp/article/lifestyle/...
~
~
**2024.04.26
***メモ
-時間を計測
-インタラクティブな要素とそうでない要素の比較
-buttonをひたすら研究するなど
~
~
**2024.04.19
***用語
-対称性の破れ
もともとこの言葉は、高エネルギー下で物質が粒子と反粒子に...
~
-パリティ対称性の破れ
空間反転した(鏡に映した)ときに物理法則が同じにならない...
~
-エントロピー|Entropy
無秩序の度合いを表す量のこと。
~
-フォン・レストルフ効果|Von Restorff Effect
似た要素が多く並んでいる中にひとつだけ異なる要素があると...
~
-視覚調整
人間の目の錯覚を考慮したデザインの調整のことである。視覚...
~
-タイポグリセミア|Typoglycemia
文章中のいくつかの単語で最初と最後の文字以外の順番が入れ...
~
-ゲシュタルト崩壊|Gestaltzerfall
知覚における現象のひとつ。全体性を持ったまとまりのある構...
~
~
***キーワード
-規則性の中の違和感
-人工物(ビル)と自然物の対比
***メモ
-__[[Google:アジャイル開発]]__
-__[[Google:ウォーターフォール]]__
-__[[Google:フォールトトレランス]]__
-__[[Google:ローディングアニメーション]]__
待ち時間の離脱を防ぐための工夫。
~
~
**2024.04.12
***作業一覧
-[[山田洸太/Schedule]]の作成・編集
-[[山田洸太/デザイン総合研究]]の編集
~
~
**関連ページ
-[[山田洸太/情報デザイン]]
-[[山田洸太/Window]]
-[[山田洸太/調査研究/限定]]
-[[山田洸太/Schedule]]
-[[山田洸太/Memo]]
~
~
~
終了行:
*Webサイトにおけるインタラクティブ表現の可能性の追求
ビルと自然物の対比
#image(DSC06905.jpg)
-[[山田洸太]]
~
~
**研究の背景と目的
Webサイト制作においては、アクセシビリティを考慮することが...
学部での卒業研究では、「人工物であるビルと自然物である空...
~
~
~
**研究計画
まず、インタラクティブなWebサイトを中心に実態調査を行い、...
~
-[[山田洸太/Schedule]]
~
~
**参考
-Mutedscapes(卒業研究)
--[[研究詳細>https://design.kyusan-u.ac.jp/socialdesign/?...
--[[Webサイト>https://adamay-design.github.io/mutedscapes...
--[[YouTube>https://www.youtube.com/@mutedscapes]]
-[[窓研究所>https://madoken.jp/]]
~
~
**最後に
本研究では、インタラクティブなWebサイトの新たな可能性を探...
~
~
~
**2024.05.03
-窓について調査
-歴史、素材、種類等
-窓研究所のWebサイトを参考にする
-[[OpenSquareJP|正方形>https://design.kyusan-u.ac.jp/Ope...
~
~
**2024.05.03
***アイデア
-コンテンツ
''キーワード:ビルの窓を額縁ように表現する''
--ビルの幾何学的なデザインをループさせた映像素材を合成す...
---左右、上下、斜めなどさまざまな方向に流す。
#youtube(zTh16QdWECo)
--日常の風景を撮影した映像を合成する。*2
---案1. 一つの窓に限定
窓のフレーム部分ごと切り抜き、それ以外の要素を省く。さら...
---案2. 複数の窓で構成
窓のガラス部分のみ切り抜き、そこに15秒から30秒程度のもの...
-Webサイト
''キーワード:「カテゴライズ」と「カスタマイズ」''
--自分の好きな組み合わせで映像を楽しむことができるWebサイ...
---*1の場合は、ボタンをクリックした際に流れる方向が変わっ...
---*2の場合は、水や植物、車などカテゴライズし、そのボタン...
---クリックした窓の映像が切り替わる。(その場合はループ映...
---カラー、モノクロも選択可。
---__[[レンジスライダー>Google:レンジスライダー]]__で映像...
→例)画素数を下げると時代感の錯覚を起きる。
---[[p5.js>https://p5js.org/]]で映像を単純化することでイ...
→窓のフレームと相まって絵画のような演出になるのではないか。
→p5.jsではなく、AEで加工・編集する場合は以下の動画を参考...
|#youtube(S6BfPm24_dA)|#youtube(2gaQMS7Ven4)|
~
***コンテンツ形態
-シネマグラフ
~
***参考
-Nina Nayko
--Instagram __[[@nina.nayko>https://www.instagram.com/ree...
--YouTube __[[@ninanayko>https://www.youtube.com/@ninanay...
-Alex Hyner
--Instagram __[[@alexhyner>https://www.instagram.com/p/C0...
//-Shota Ashida
//--Instagram __[[@shota.mebakuro>https://www.instagram.c...
-[[加藤大地/情報デザイン]]
--「くもりのインタラクション - デジタルにおけるくもりの表...
-__[[2005年のデジカメで撮影した最近の渋谷>https://twitter...
--関連記事:https://nlab.itmedia.co.jp/nl/articles/2402/2...
-__[[約15年前のコンデジで撮ったらなんでも平成にみえる>htt...
--関連記事:https://woman.excite.co.jp/article/lifestyle/...
~
~
**2024.04.26
***メモ
-時間を計測
-インタラクティブな要素とそうでない要素の比較
-buttonをひたすら研究するなど
~
~
**2024.04.19
***用語
-対称性の破れ
もともとこの言葉は、高エネルギー下で物質が粒子と反粒子に...
~
-パリティ対称性の破れ
空間反転した(鏡に映した)ときに物理法則が同じにならない...
~
-エントロピー|Entropy
無秩序の度合いを表す量のこと。
~
-フォン・レストルフ効果|Von Restorff Effect
似た要素が多く並んでいる中にひとつだけ異なる要素があると...
~
-視覚調整
人間の目の錯覚を考慮したデザインの調整のことである。視覚...
~
-タイポグリセミア|Typoglycemia
文章中のいくつかの単語で最初と最後の文字以外の順番が入れ...
~
-ゲシュタルト崩壊|Gestaltzerfall
知覚における現象のひとつ。全体性を持ったまとまりのある構...
~
~
***キーワード
-規則性の中の違和感
-人工物(ビル)と自然物の対比
***メモ
-__[[Google:アジャイル開発]]__
-__[[Google:ウォーターフォール]]__
-__[[Google:フォールトトレランス]]__
-__[[Google:ローディングアニメーション]]__
待ち時間の離脱を防ぐための工夫。
~
~
**2024.04.12
***作業一覧
-[[山田洸太/Schedule]]の作成・編集
-[[山田洸太/デザイン総合研究]]の編集
~
~
**関連ページ
-[[山田洸太/情報デザイン]]
-[[山田洸太/Window]]
-[[山田洸太/調査研究/限定]]
-[[山田洸太/Schedule]]
-[[山田洸太/Memo]]
~
~
~
ページ名: