山田洸太/デザイン総合研究

画像の重ね合わせによる時空間情報の曖昧化と思考の促進

• Keywords：Symmetry breaking, Layer photograph, High resolution of society
• 山田洸太
  
  
  
  

背景

現代社会においては、タイパ（タイムパフォーマンス）を重視する価値観の広がりにより、瞬時に理解できる明快な意見や情報が重視される傾向が強まっている。短時間で結論に至るコンテンツが支持される一方で、文脈を欠いた“切り抜き”や過激な言動が拡散され、誤解や分断を招く事例も少なくない。さらに、ナショナリズムの台頭や資本主義による格差の拡大といった社会構造的要因により、個人主義的な傾向が強まり、対話や共感を前提とした多様な意見の尊重が難しくなっている現状がある。加えて、フィルターバブルやエコーチェンバーといったデジタル環境の構造的問題も、多様な視点に触れる機会を狭めている。このような社会的背景のもと、特に日本語文化に内包されてきた曖昧さや行間を読む感性は、明確な立場や短絡的な結論を求める風潮によって失われつつある。複雑さや揺らぎを含んだ視点の必要性、そしてそれを表現・伝達する手段として、芸術の持つ役割があらためて問われている。

目的

1. 曖昧さがもたらす柔軟性や創造性の再考
   スローシャッターやソフトフォーカスといった撮影技法、写真を重ねる多重露光的な加工を用いて、時間や視点における曖昧さや揺らぎを表現する。それにより、単一的な視点や明快な結論に収束しない “解釈の余白”を提示し、写真が「真実を写す」という認識を超え、鑑賞者の想像力を喚起する創造的なメディアであることを再考する。
2. 受動的な情報消費から能動的な鑑賞への転換
   明快な情報を短時間で消費する傾向が強まる中、写真表現における曖昧さや不確かさは、鑑賞者が自身の内面と向き合い、自由に解釈を巡らせる“能動的な鑑賞”を促すことに繋がるのではないか。本研究ではそのような表現を通じて、思考の柔軟性や想像力を活性化する可能性を探る。
   
   
   
   

アウトプット

• 画像（OHPフィルム）
• Webサイト
  
  
  
  

研究計画

• 山田洸太/Schedule
  
  
  
  

参考

• 中西信弘 - Layer Drawing
• Alessio Trerotoli - URBAN MELODIES
  私たちの記憶は、明確で定義されたものではなく、ぼやけ、時には混乱し、感情、感覚、人々、思考などのさまざまな層で満ちている。これらのレイヤーはすべて、これらのイメージのように、彼の多重露光都市写真の中でトレロトーリの記憶を定着させようとしている。（翻訳）

最後に

2025.04.29

フィードバック

窓の周りの様子を暗くせず残すことで、窓の外の景色にのみ違和感を効果的に与えることができる。

試作

• 窓

1. エルガーラオフィスビルからの眺め
   
   
   

• 窓＋抽象

1. 水面
   
2. 木（ボケ）
   

• 窓＋具象

1. 博多川対岸の景色
   
2. 電線
   
3. フェンス
   
4. 道路
   
5. 木
   

• その他
  博多駅前を走るバス＋水面
  
  
  
  
  

2025.04.22

本制作の表現おける造語

言葉によって存在が生まれる

• fluctuationism｜フラクチュエーション主義
  ※fluctuation → 揺らぎ, 変動
• ambiguityism｜曖昧主義, アンビギュイティ主義
  ※ambiguity → 多義性，曖昧性，曖昧さ
• gradationism｜グラデーション主義

試作

窓枠の外を暗くすることで、乗算で重ねた画像の情報を内側に制限する

• パターン1
  画像A（窓）｜描画モード：乗算
  画像B（水面）｜色調補正：階調の反転
  
  
  
• パターン2
  画像A（窓）｜描画モード：乗算
  画像B（水面）｜色調補正：トーンカーブ
  
  
  

メモ

• 基礎研究（Science for Science）と応用研究（Science for Society）
• 写真における鏡派と窓派
• ◯◯◯ism（◯◯◯主義）× 窓（window）
  ※一つに絞らず、複数のコンセプトごとに制作。
• 窓の外の景色＋反射など他の要素
• 作品＋レポート
  造語を用いる場合、論文ではなく、自由度の高いレポートで提出。
  
  

リンク

• 言語｜コトバは存在を喚起する（OpenSquareJP）

2025.04.15

フィードバック

• アナログ上での加算表現
• 自分の表現における造語
  • fluctuationism｜フラクチュエーション主義
    ※fluctuation → 揺らぎ・変動
  • ambiguityism｜曖昧主義, アンビギュイティ主義
  • gradationism｜グラデーション主義
• 現代アートの展覧会（熊本市現代美術館）
  
  
  
  

2025.04.13

課題

• 乗算でのデータ作成は明度の問題から難航
  印象派の技術(筆触分割的な技法)の転用は可能か。
  
  

進捗

• ChatGPTによるWeb上でのスライダー試作
  
  
  
  

2025.04.07

旧背景と目的(バックアップ用)

• 背景
  • 社会の高解像度化
    近年、技術の進歩により、映像や写真、オーディオの高解像度化が進んでいる。これは、実際の映像や音を忠実に再現するという意味では画期的な技術だ。しかし、この高解像度化の波に反して、フィルムカメラやコンデジ、レコードなどの低解像度の媒体が再び注目されている。最近、若者の間で頻繁に使用される「エモい」という言葉が象徴するように、現代の情報に溢れる社会に疲弊した人々がノスタルジア的な感情によって得られる安心感や温もりを求める傾向があるのではないだろうか。
    さらに、社会の高解像度化を語る上で欠かせないものとして、SNSが挙げられる。SNSによって、ユーザーは私生活や思想を簡単に発信できるようになった。これも一種の高解像度化であると私は考える。近年では、自分自身と他人の比較によって気疲れする人が後を絶たず、デジタルデトックスという言葉が生まれるほど深刻な社会問題となっている。
  • 想像する機会の減少
    アナログメディアが主流だった時代、インターネットが発達した現代に比べて、人々が自ら想像することが重要視されていた。アナログメディアは不完全な情報が多く、それを補うために想像力を働かせることが求められ、これが考え方を整理する力を養う環境として適していたのではないだろうか。しかし、この時代のメディアを深く理解するためには、一定の知識やスキルが必要である。
    一方、デジタルメディアが発達した現代では、誰もが簡単に自身の考えや意見を発信できるようになり、情報は膨大に溢れている。その結果、自ら想像することよりも、自分の考え方に近いものを取捨選択することが重要視されるようになった。
    デジタルメディアは一見、情報が十分に満たされているように感じられ、すべてを理解できたかのように錯覚しがちである。しかし、実際には、誤った情報や偏った意見が混在しており、それを見極める力が必要とされる。
    このように現代社会では、情報を見極める力が重視される一方で、自ら考える力が軽視される傾向がある。さらに、興味に基づいた情報ばかりを目にしたり、同じ価値観を持つ人々との交流が増えることで、視野が狭くなり考え方が偏りやすい環境とも言える。
    これらの要因によって、情報の受け手側の参与性が低下し、結果的に想像力が衰えているのではないかと推測した。
  • 他人の行動への執着
    例）SNS、週刊誌、位置情報共有アプリ etc.
• 目的
  • 社会の高解像度化へのアンチテーゼ
    一部映像素材における情報の解像度を下げることで、現代社会の高解像度化に対するネガティブな感情を作品に昇華させる。
  • 思考の促進
    画像を重ねて時空間情報を曖昧することで、鑑賞者が情報の補完してもらう。そのために思考を促す作品を制作する。
  • 印刷と3DCGの比較
    アナログとデジタルで作品を展示することで、鑑賞者へ与える印象の変化を比較する。
    
    
    
    

2025.04.04

印象派と写真

写真の発明に対抗する形で、19世紀後半フランスで「印象派（Impressionism）」という芸術運動が起きた。そして、今、生成AIが登場し、イラストはもちろん、写真も簡単に生成できるようになった。そんな中で、今後写真はどのようにして生き残るのか。写真の発明が19世紀後半に絵を脅かしたように、今生成AIの急速な成長によって写真は一つの転換機を迎えている。

写真の二面性とその社会的認識

写真というメディアは、芸術表現であると同時に記録手段でもある。その捉え方は人によって異なり、その曖昧な立ち位置こそが写真という存在の特異性であり、魅力でもある。

しかし、一般的には「記録手段」として捉える人が多く、芸術的な側面が軽視されがちであると感じる場面がある。例えば、SNS上では、イラスト作品が無断転載された場合、強い反発が起こる。その一方で、写真については無断転載が横行しているにもかかわらず、大きな問題として取り上げられることは少ない。

これは、同じ視覚芸術の分野であるイラストと比べて、写真が創作物ではなく、あくまで「記録メディア」として認識されていることが一因ではないかと考える。

また、そのような認識を社会全体が持つに至った背景として、スマートフォンへのカメラの標準搭載も挙げられる。誰もが手軽に写真を撮れるようになったことで、写真の希少性や価値が下がり、創作物としての認識がさらに薄れているのかもしれない。

写真の持つ「芸術」と「記録」の両面性は、表現の幅を広げる利点である一方で、その存在意義が誤解されたり、軽視されたりするという課題も抱えている。

• 山田洸太/調査研究/限定
  
  
  
  

2025.02.20

タイトル案

• 曖昧さを表す日本語
  • 不明瞭
  • 漠然
  • ぼんやり
• 曖昧さを連想
  • 情報が足りない▶︎ vague
  • 情報の受け取り方が複数ある ▶︎ ambiguous
  • 雲のような, はっきりしない ▶︎ nebulous
  • 理解しにくい ▶︎ obscure
  • グラデーション ▶︎ gradation
  • グレイゾーン ▶︎ gray
• 階層を連想
  • 階層 ▶︎ layer
  • 乗算, 掛ける▶︎ multiply
  • 加算, 重ねる ▶︎ add
• 流れを表す
  • 流れ ▶︎ frow　 例：The flow of time (時間の流れ)
• その他
  • モーションブラー

• "Clear reasons for not being clear"
  はっきりとしないはっきりとした理由

image

2024.12.19

参考

• 現代社会における「想像力」の総合的研究
• 多摩美術大学大学院・修了論文作品集 (全領域分)
  • 2018 年度 博士論文 デジタル技術時代における絵画の物質
    
    

論文構成

• 作品研究論文
• 歴史研究
• 調査研究
• 先行事例
• 研究意義
• 新規性
• 客観性
• 普遍性
• 再現性
• 作品詳細
  • 機材
  • ソフトウェア
  • 処理
  • 素材

関連書籍

• 『写真小史』ヴァルター・ベンヤミン著
  
  
  
  

2024.12.12

試作

• 使用したOHPフィルム
  • 和紙のイシカワ

• 印刷設定
  • プリンター側
    用紙種類：スーパーファイン紙, 写真用紙ライト
  • PC側
    メディアのタイプ：写真用紙(マット), 写真用紙(光沢紙), 写真
    品質：最高, 標準

• プリンター機種
  • EW-M5610FT（学部研究室）
    フィルムにインクが弾いてしまい印刷が定着しづらい印象。品質設定を「最高」にしているとインク量が多くなるという情報があったため、「最高」から「標準」に変更してみたが、結果は変わらず。
  • PX-S6010（博士後期研究室）
    上記の同じ設定で試してみると、最初の試作と同様に綺麗に印刷することができた。用紙種類の項目をスーパーファイン紙に設定した方が写真用紙ライトよりも若干滲みが少ないように感じた。

2024.12.05

サイトの更新

• 論文構成
  
  
  
  

2024.11.28

論文構成

• 山田洸太/論文構成のページ作成
• 論文等執筆要領
  論文・レポートレイアウトサンプルのダウンロード（.idml）
  
  

3DCG

リアルタイムでは透明な情報を処理するのが難しい。対策としてはオブジェクトの周りを旋回する映像をレンダリングしてループさせる方法をとる。

2024.11.21

OHPフィルム試し刷り

どちらのOHPフィルムも、和紙のイシカワに比べて粒子を感じる仕上がりとなった。滲む点に関しては、よりインク量の少ない用紙設定をする必要がある。

2024.11.14

サイトの更新

• デザイン総合研究
  • 背景
  • 目的
  • アウトプット
    
    

新規ページ作成

• 映像実験
  
  

参考

週末、アジア美術館で行われていた写真・映像メディア学科のゼミ展『すきま』を鑑賞してきた。そこでは、一部が破れた写真を前方に配置し、その隙間から後方に配置した写真が見えるという階層を意識した作品が展示されていた。何か参考になるのではないだろうか。

• 調査研究
  
  

アイデア

• ビルの幾何学的な模様にコントラストの高い画像を重ねる
  • 写真制作Bでの試作
    
    
    
    
    
    

メモ

• 物理的に重ねた場合に現法混色となるため、重ねれば重ねるほど色の明度が下がり、実際の色彩を表現するのは難しい。一部の画像をモノトーン処理をする対策も必要。
• 最初の試作では、描画モードをオーバーレイで行っていたが、物理的に重ねた時とは異なる結果となってしまう。これを防ぐためPhotoshop上の描画モードは乗算で試作を制作をする。
  
  
  
  

2024.11.07

サイトの更新

• 調査研究
  • 階層 × 写真
  • 階層 × 写真 × 映像
    
    

OHPフィルムの保存法

• 印刷後のOHPシートどうしは重ねないようにする
• 重ねて保管する場合は、間にコピー用紙などの普通紙を入れる
  
  

購入候補リスト（販売元：Amazon）

• 和紙のイシカワ OHPフィルム A4
• folex OHPフィルム A4 インクジェットプリンタ用 BG-32A4P 10枚入
• A-One OHPフィルム インクジェットプリンタ用 A4 ノーカット 10シート 27077 透明

※コクヨの製品は全て在庫切れ。入荷時期も未定。

メモ

• 画面遷移図
  サイトマップは空間、画面遷移図は時間を表す。
• 文系論文 参考
  • https://www.soc.hit-u.ac.jp/~takujit/tebiki/tebiki2.html
  • http://www8.plala.or.jp/uemura/paper.html
    
    

フィードバック

• モーショングラフィックス
  黒い背景に白い正方形を一つずつ並べていく、積んでいく映像。
  少しずつ画像が浮かび上がってくる。
  
  
  
  

2024.10.31

OHPフィルムへの印刷

明るい画像に関しては、想定してた以上に透明度が高く仕上がり、データ上で重ね合わせた時と近い見た目に仕上がった。展示ではライトボックスのように後ろから光を当てると良さそう。

• 課題１
  暗い画像に関しては、透明度が出づらく重ねる場合に調整が必要。
  対策①：Photoshopでカラーハーフトーンをかける。
  →ドットサイズ要検討

  ドットサイズ	仕上がり
  小さい	明瞭度が上がるが、透明感は下がる
  大きい	明瞭度は下がるが、透明度は上がる

  対策②：暗めの画像は予めデータ上で重ねる処理をしておく。
  →物理的に重ねる部分とデータ上で重ねる部分

• 課題２
  プリンター内で部品が紙に触れ擦れたような跡がついてしまった。原因としては、用紙設定を「光沢紙」でプリントしたため、インクの量が多くなり乾きづらい状況にあったことが想定される。
  対策①：ヘッドパスの設定から乾燥時間を長めに設定する。
  対策②：用紙設定を写真用紙ライト or スーパーファイン紙に変更する。

• 課題３
  A4で10枚(1400円程度）と少しコストがかかる。
  対策①：A4で2枚の画像を印刷する。（画像サイズが小さいと見づらい？）
  対策②：他メーカーのOHPフィルムを検討する。
  
  

フィードバック

• 実際に展示する場合、印刷面が裏側になるため画像を左右反転させておく。
• 切り抜くことで重ねる部分とそうで無い部分をつくるなど、表現方法をさらに模索する。
• OHPフィルムやインク等の消耗品に関しては研究費で購入可。
  • 丸善で取り扱っているOHPフィルム
    →SAKAEテクニカルペーパー OHPフィルム PPC A4 10枚 WPO-A4P
    
    
    
    

2024.10.24

キーワード

• 写真
• 階層
• 立体感
• 曖昧さ
• 想像させる
  
  

アウトプット案

1. 異なる画像を透明のものに印刷し重ねる
   アクリルに直接印刷するのは専用の機械が必要となるため難しい。ただフィルムだけでは展示する際に風で靡く可能性がある。透明のフィルムに印刷してアクリル板に貼るのが現実的。さらに多くのプリンタは白色インクに対応しておらず、白い部分が透けた画像になってしまう。写真の調整が必要。
2. 上記の案を3DCGで再現する
   360度画像として作成することで、リアルでは不可能な展示が可能になる。あくまでもデータ上での成果物になるため、没入感の演出に工夫が必要。選択肢としてVRやARも。
   • Blender2.8を使用して、３D空間を360度画像に書き出す方法
     https://bagelee.com/design/3dcg/360img-making/
     
     

ポジフィルムとネガフィルム

• ポジフィルム(positive film)
  • 撮影したものがそのままの色で現像される。
  • 現像後、フィルム自体がポジティブ画像となるため、プリントせずに直接鑑賞できる。
  • スキャンすると高画質な画像が得られる。
  • 色彩が鮮やかでコントラストが高い。
  • 撮影時の露出が重要で、現像後の調整が難しい。
• ネガフィルム(negative film)
  • 撮影したものとは反対の色で現像される。
  • 現像後、プリントすることでポジティブ画像を得る。
  • 露出の幅が広く、現像時に調整できる。
    
    

フィードバック

• インクジェット印刷
  • 重ねる前の画像と重ねた画像をOHPフィルムに印刷する。
    →印刷後に画像を重ねた場合に透明感が弱い？
    参考：GoogleImage:ポジフィルム
  • pngデータとして作成する。
    →黒い背景等に被写体を配置するなどして背景透過画像を制作
• 3DCG
  • ガラス風の板を配置し、そこに画像をテクスチャとして貼り付ける。
    →反射を入れることでガラス感を表現。
  • 透明度やオーバーレイ等の効果はPhotoshop上で適応させたデータを使用することで可能。
    
    
    
    

2024.10.21

サイト更新

山田洸太/社会の高解像度化/限定

• 考えるとは何か。想像するとは何か。
• 考えさせる方法。想像させる方法。
  • 情報の制限→情報の補完
    
    
    
    

2024.10.17

サイト更新

• 山田洸太/社会の高解像度化/限定
  
  

メモ

• 抽象画における冷たい・熱い
  冷たい抽象：幾何学的（例）モンドリアン etc.
  熱い抽象：表現的（例）カディンスキー etc.
  
  
• 分断された社会
  • グローバル化の危険性
    世界で効率化、あらゆるモノの規格の統一が進む。
    →システムに不備があった場合に全滅する恐れ
  • ナショナリズム
    グローバル化に反発する形で、世界的に流行。
    →内向きな社会、民衆の感情、争いの助長

選択肢が白か黒しか存在しないことで、分断社会を生む。
→想像力の低下、デジタルメディアの発達が原因？
自分と異なる価値観を受容する。想像する力が求められる。

2024.10.10

ワードクラウド

• 窓
• 情報
• 写真
• 高解像度
• インタラクティブ
• 感情
  etc.
  
  

参考

• Leandro Erlich『The Cloud』
  Webサイト：https://www.leandroerlich.art/
  X：𝙗𝙡𝙖𝙣𝙠 @blankspac_e by Leandro Erlich
  階層にした写真で奥行きを表現する。
  
  
  
  

2024.09.26

参考

• David Hockney『David Hockney - Cameraworks』
  ポラロイド写真を複数並べることで動きを表現する。
  
  
  
  

2024.09.23

キーワード

• 曖昧
• 重ねる
  
  

コンセプト（仮）

時間軸や空間軸の異なる画像を重ねることで、被写体の時間と空間を曖昧にする。「いつ、どこで撮影されたものなのか？」が曖昧な中で、構図の情報のみが明確な状態を作り出す。採用する構図は放射線構図であり、これは中心に向かって奥行きを強く感じさせる構図である。見方によっては、時間と空間が奥へと無限に続くような感覚に陥る。

• 他人の行動への関心が強い現代人
  SNS、週刊誌、位置情報共有アプリ etc.

• 自由そうで制限された社会
  コンプライアンス、著作権、ブラック校則 etc.
  
  

アウトプット案（仮）

• 複数の透明フィルムに印刷した画像を重ねて配置
• 1枚の透明フィルムに複数画像をオーバーレイで重ねたデータを印刷
  ※タイムラプス（現実と異なる時間軸の映像）を最背面に配置？
  
  

参考

• 階層を利用したアクリル絵画（写真）
  • https://www.thisiscolossal.com/2017/06/layer-drawings/
  • https://www.mori.art.museum/jp/collection/artworks/nakanishinobuhiro/index.html

2024.09.21

映像（画像）に透明フィルムに印刷した写真を重ねる。

• インクジェット用ＯＨＰフィルム
  https://new-washi.com/product_file/ohp.html
  
  

参考

２枚の写真をオーバーレイで重ねる。

2024.09.19

メモ

• ネガティブな感情 → 作品としてポジティブなものに昇華
• 物質（非量産）とデータ（量産）
• アナログとデジタル
  • デジタルで完結させない → JimCampbell 作品
• 日常と非日常のバランス。
  • 日常感
    家での食事, 街を行き交う人々, 耳を澄ますと聴こえる音 etc.
  • 非日常感
    外食, パーティー, 旅行, 普段と違う駅で降りる etc.
    
    
    
    

2024.07.12

メモ

• アーカイブの重要性
• 社会的周縁
  周辺に追いやられている人々や、発言を無視されている人々、また、もっとも共有されている規範の定義のなかでは認識されないか、間違って認識されている人々のことである。（『周縁』が生み出す社会変革の可能性｜日仏会館）
  
  

統計

• 仮設検定とは
  https://design.kyusan-u.ac.jp/OpenSquareJP/?Statistics/HypothesisTesting

• 帰無仮説
  仮説検定における重要なキーワードに「帰無仮説」があります。仮説検定では「新型は旧型に差はない」という逆の仮説を立てて話を進めます。はじめから否定（棄却）されるべきものとして仮説が設定されることから、その名を帰無仮説と言うわけです。一方、実際に示したい仮説を対立仮説と言います。（仮説検定｜OpenSquareJP）
  
  

フィードバック

• 森山大道
  https://artscape.jp/artword/5534/
  
  

2024.07.05

更新

• 山田洸太/調査研究/限定
  社会の高解像度化（2024/07/04 更新）
  
  

2024.05.24

メモ

• 言葉の引用は論文の序論などに活用。
• 三角窓
• 昭和の窓ガラス
  
  
  
  

2024.05.17

決まっていること

題材：窓
成果物：映像
表現方法：窓の部分にアニメーションをつける
背景：似たようなビルが立ち並ぶ日本の街並み。デザイン都市。
目的：

調査

• ビル側面における窓配置の規則性に注目したWeb鳥瞰画像からの窓検出
  上野智史 著 · 2012

• 都市の柔軟性について
  「メタボリズムの問題点は、このフレキシビリティが硬かったということだ。特別にデザインされたコアと特別なデザインされたユニットでしか、更新が可能ではないとても硬いフレキシビリティだった。この残滓が、前述の統一されすぎた不気味な都市空間を形づくっているのだと思う。」
  （新しい可変性 - ハーバード大学建築・都市デザイン留学記｜Ameba Ownd）
  
  

用語集

• メタボリズム
  機能を固定した建築の永遠性を否定し、生物が新陳代謝して変化・成長するように、建築や都市も、機能などの変化に応じて空間や設備を取り替え成長させるべきであるとするもの。 一九六〇年代に日本の若手建築家グループによって主張された。（メタボリズム｜コトバンク）

• フレキシビリティ
  一般的には変化に対する柔軟性や融通性を意味し、建築においては、用途や機能の変化、増築や改修、間取りの変化などに対応可能な建物の性質を意味する。（フレキシビリティ｜artscape）
  
  
  
  

2024.05.10

• 窓について調査
• 歴史、素材、種類等
• 窓研究所のWebサイトを参考にする
• OpenSquareJP｜正方形
  
  
  
  

2024.05.03

アイデア

• コンテンツ
  キーワード：ビルの窓を額縁ように表現する
  • ビルの幾何学的なデザインをループさせた映像素材を合成する。*1
    • 左右、上下、斜めなどさまざまな方向に流す。
  • 日常の風景を撮影した映像を合成する。*2
    • 案1. 一つの窓に限定
      窓のフレーム部分ごと切り抜き、それ以外の要素を省く。さらに背景を単色にすることで情報量を減らす。窓ガラス越しに撮影した映像を合成し違和感を演出する。窓にズームしていくと次の窓が現れる。（繰り返しでも可）
    • 案2. 複数の窓で構成
      窓のガラス部分のみ切り抜き、そこに15秒から30秒程度のものをランダムで表示させる。映像が映ってない窓もあることでより乱雑さを出す。

• Webサイト
  キーワード：「カテゴライズ」と「カスタマイズ」
  • 自分の好きな組み合わせで映像を楽しむことができるWebサイト制作。
    • *1の場合は、ボタンをクリックした際に流れる方向が変わったり、映像を一時停止させたりできる。
    • *2の場合は、水や植物、車などカテゴライズし、そのボタンを押すことで閲覧者が見たいものを選択できる。
    • クリックした窓の映像が切り替わる。（その場合はループ映像にする）
    • カラー、モノクロも選択可。
    • レンジスライダーで映像の様々な項目の度合いを細かく調整できる。
      →例）画素数を下げると時代感の錯覚を起きる。
    • p5.jsで映像を単純化することでイラスト的な表現。
      →窓のフレームと相まって絵画のような演出になるのではないか。
      →p5.jsではなく、AEで加工・編集する場合は以下の動画を参考にする。
      
      

コンテンツ形態

• シネマグラフ
  
  

参考

• Nina Nayko
  • Instagram @nina.nayko
  • YouTube @ninanayko
• Alex Hyner
  • Instagram @alexhyner
• 加藤大地/情報デザイン
  • 「くもりのインタラクション - デジタルにおけるくもりの表現」
• 2005年のデジカメで撮影した最近の渋谷（@eguri89）
  • 関連記事：https://nlab.itmedia.co.jp/nl/articles/2402/26/news007.html
• 約15年前のコンデジで撮ったらなんでも平成にみえる（@inadariann）
  • 関連記事：https://woman.excite.co.jp/article/lifestyle/rid_Grape_1434429/
    
    
    
    

2024.04.26

メモ

• 時間を計測
• インタラクティブな要素とそうでない要素の比較
• buttonをひたすら研究するなど
  
  
  
  

2024.04.19

用語

• 対称性の破れ
  もともとこの言葉は、高エネルギー下で物質が粒子と反粒子に分離する際、本来同等であるはずのそれぞれの振る舞いに違いがある（対称的でない）ことを意味する物理学用語。（OpenSquareJP）
  
  
• パリティ対称性の破れ
  空間反転した（鏡に映した）ときに物理法則が同じにならないこと、または、その様な状態を言う。（Wikipedia）
  
  
• エントロピー｜Entropy
  無秩序の度合いを表す量のこと。
  
  
• フォン・レストルフ効果｜Von Restorff Effect
  似た要素が多く並んでいる中にひとつだけ異なる要素があると、その要素が一番記憶に残りやすい心理現象のこと。（ペイジのUIラボ）
  
  
• 視覚調整
  人間の目の錯覚を考慮したデザインの調整のことである。視覚調整の対象になる人間の錯視とは、目から入った情報に対して脳が無意識に補正をかけることで、実際とは異なる知覚を得ることを言う。（広告デザイン業界用語辞典）
  
  
• タイポグリセミア｜Typoglycemia
  文章中のいくつかの単語で最初と最後の文字以外の順番が入れ替わっても正しく読めてしまう現象。（Wikipedia）
  
  
• ゲシュタルト崩壊｜Gestaltzerfall
  知覚における現象のひとつ。全体性を持ったまとまりのある構造（Gestalt, 形態）から全体性が失われてしまい、個々の構成部分にバラバラに切り離して認識し直されてしまう現象。（Wikipedia）
  
  
  
  

キーワード

• 規則性の中の違和感
• 人工物(ビル)と自然物の対比

メモ

• Google:アジャイル開発
• Google:ウォーターフォール
• Google:フォールトトレランス
• Google:ローディングアニメーション
  待ち時間の離脱を防ぐための工夫。
  
  
  
  

2024.04.12

作業一覧

• 山田洸太/Scheduleの作成・編集
• 山田洸太/デザイン総合研究の編集
  
  
  
  

関連ページ

• 山田洸太/情報デザイン
• 山田洸太/Window
• 山田洸太/調査研究/限定
• 山田洸太/Schedule
• 山田洸太/Memo