LogoMark.png

森山海莉/情報デザイン研究I の履歴(No.17)


色と幾何学のコンポジション

ワシリー・カンディンスキーの作品を分析し、構築したインタラクティブWebサイト

MV1.jpg


概要

これは何?

Webのスクロールを時間軸として活用することで、カンディンスキーが追求した絵画のリズムや運動性をインタラクティブに体験できるWebデザインの制作


背景と目的

美術館でワシリー・カンディンスキーの作品を鑑賞した際、他の作品と比較して強く視線を引き、「面白い」と感じたことが本研究のきっかけである。この「面白さ」は主観的な印象ではなく、色彩や形態、構成などの視覚的要素によって生み出されていると考え、その要因を分析し、再現可能なデザインとして使用することを目的とする。
現在のWebデザインでは、機能性や可読性、情報の整理が重視されており、バウハウスの影響を受けたグリッドレイアウトやタイポグラフィを継承したデザインが広く用いられている。一方で、カンディンスキーが提唱した「点・線・面」や色彩による造形理論、運動性やリズムをWebデザインへ応用した事例は限られている。さらに、インタラクティブな表現は存在するものの、スクロールという時間軸を活用し、造形要素が変化・発展する体験として設計された事例は少ない。音楽は時間の経過によって展開する芸術であるのに対し、絵画は基本的に一枚の画面の中で完結するため、時間軸を持たない表現であるがカンディンスキーは音楽のようなリズムや運動性を絵画の中に表現しようと試みた。
本研究では、その考え方を発展させ、Webサイトのスクロールを「時間軸」と捉えることで、点・線・面や色彩が時間とともに変化するインタラクティブな表現を実現する。

コンセプト

本研究では、ワシリー・カンディンスキーの作品を表層的に模倣するのではなく、色彩・形態・構成といった造形理論を分析し、構築することを目指す。
さらに、その造形原理をスクロール(いわゆる時間軸)と組み合わせることで、ユーザーの操作に応じて点・線・面や色彩が変化し、作品を体験するWebサイトを制作する。また、カンディンスキーが追求した「色を音として聴き、音を色として見る」という共感覚的な芸術表現を、視覚的な動きやリズムによって感じられるインタラクティブな体験として表現することをコンセプトとする。

成果物の仕様

webサイト

制作ツール

プロジェクトの期間

2026.04.09 - 2026.07.16

まとめ




調査

現状調査


先行事例

先行事例として、カンディンスキー自身が幾何学の力に着目した著書、共感覚について、スクロールや反応に応じて画面や演出が変化するインタラクティブサイトや、図形やアニメーションを用いた表現が可能な p5.js の作品を調査した。
またカンディンスキーは「絵画を音楽のような芸術にしたい」と考えた画家であり、多くの音楽家や音楽思想から影響を受けているのでまとめた。


技法・技術情報




プロジェクト管理

スケジュール

スプレッドシート

ToDo

① 調査・分析
目的:カンディンスキーの造形理論とWeb表現の特徴を理解し、デザインの根拠を整理する。
-インタラクティブWebサイトの調査
-スクロール演出を用いたWebサイトの調査
-カンディンスキーの著書(『点・線・面』など)の読解
-カンディンスキー作品の分析(点・線・面・色彩・構図・リズム・運動性)
- Webデザインへ応用可能なデザイン原理の抽出
──────────────────
② ドローイング・スケッチ
目的:抽出した造形原理を理解・再構成し、スクロールによる時間的変化を検討する。





進捗記録




2026.06.24


2026.06.18

進捗

2026.06.11

進捗

2026.06.04

進捗

2026.05.21

進捗

審査を終えて 2026.05.14

完成イメージ

デザイン方針

テーマの変更 2026.05.07

ワシリー・カンディンスキーの色彩・形態理論を分析し、現代のWebデザインに応用した際の印象・理解への影響を検証する


2026.04.30

研究の流れ

調査 2026.04.23

デザインをするにあたっての特徴等

研究をするにあたって

テーマの絞り込み 2026.04.16

デザイン様式によってユーザーの理解速度、または印象が変わるか?

デザイン史を落とす人向けにデザイン史の基本をまとめる

私自身がすごく痛い思いをしたからこそみんな歯を大切にして欲しい 歯に対する等身大の思い

案出しと調査 2026.04.09

テーマ案

調査