Design

Design Style

DS - グラフィック | DS - モダニズム

このページはプロモーションが含まれています。

デ・ステイルとは?特徴・配色・Webデザインへの活用を解説

デ・ステイルの特徴を表す垂直・水平の黒線と三原色の幾何学的グリッドグラフィック

デ・ステイルは1917年にテオ・ファン・ドースブルフが創刊した雑誌『De Stijl』に由来する、オランダの芸術運動・デザイン様式です。垂直線・水平線・三原色・無彩色のみという厳格なルールのもと、純粋な調和と秩序の表現を追求しました。バウハウスやインターナショナル・スタイルなどモダニズムデザイン全体への影響で知られ、現在もUIデザインや幾何学的グラフィックのインスピレーション源として広く参照されています。

デ・ステイルとは?

デ・ステイルは1917年にテオ・ファン・ドースブルフが創刊した雑誌『De Stijl』、およびそれに基づくオランダの芸術運動の名称です。オランダ語で「様式(The Style)」を意味し、従来の装飾芸術を排した純粋で普遍的な様式の確立を目指しました。理論的な支柱となったのはピエト・モンドリアンが提唱した「新造形主義(ネオ・プラスティシズム)」で、水平線・垂直線・直角・三原色・無彩色のみで構成された客観的で普遍的な表現様式を追求するものでした。

絵画にとどまらず、建築・家具・グラフィック・タイポグラフィに至るまで、この厳格な造形言語を一貫して適用したことが運動の特徴です。1924年頃にドースブルフが対角線を導入する「要素主義(エレメンタリズム)」を主張したことでモンドリアンと対立し、1925年にモンドリアンは脱退しました。雑誌の刊行は1928年まで続き、グループはドースブルフの死(1931年)まで活動しましたが、バウハウスやインターナショナル・スタイルへの多大な影響を通じてモダニズムデザイン全体の礎として評価されています。

デ・ステイル (De Stijl) は、1917年にテオ・ファン・ドースブルフ(英: Theo van Doesburg, 1883年 – 1931年)がオランダのライデンで創刊した雑誌、及びそれに基づくグループの名称。「デ・ステイル」とはオランダ語で様式(英語: The Style)を意味する。

主な視覚的特徴

  • 赤・青・黄の三原色と、黒・白・灰色の無彩色(非色)のみに限定。装飾的な中間色や混色は一切排除
  • 垂直線・水平線、およびそれらが形成する正方形・長方形のみ。斜線・曲線はすべて排除した純粋な直線的構成
  • 構図グリッドに基づき空間を直線で明快に分割する非対称(アシンメトリー)なバランス。余白が視覚的リズムを生み出す
  • 書体装飾を排したサンセリフ体。直線的・幾何学的でウェイトが均一な構造のフォント
  • テクスチャフラットで均一。筆跡や素材固有の質感を消し去った滑らかで無機質な表面
  • その他要素を極限まで抽象化・単純化することで純粋な調和と秩序を表現する「新造形主義(ネオ・プラスティシズム)」の実践

配色パレット

このスタイルを象徴するカラーパレットです。実際のWebデザインやグラフィック制作の参考にお役立てください。

#FF0000
#0000FF
#FFFF00
#FFFFFF
#000000
#E0E0E0

代表的なアーティスト・デザイナー

Piet Mondrian(ピエト・モンドリアン)

オランダの画家(1872年 – 1944年)。新造形主義(ネオ・プラスティシズム)の提唱者として運動の理論的支柱を担った。三原色と水平・垂直線のみで構成した抽象絵画『コンポジション』シリーズで知られる。

Theo van Doesburg(テオ・ファン・ドースブルフ)

オランダの芸術家(1883年 – 1931年)。雑誌『デ・ステイル』の創刊者として運動の組織化と理論の普及を主導し、建築やタイポグラフィへの応用を積極的に推進した。

Gerrit Rietveld(ヘリット・リートフェルト)

オランダの建築家・デザイナー(1888年 – 1964年)。直線的な木材を三原色と黒で塗り分けた『レッド&ブルー・チェア』や、デ・ステイルの理念を建築で体現した『シュレーダー邸』で知られる。

このスタイルを採用したブランド・作品

  • 建築シュレーダー邸(ユトレヒト、1924年)— リートフェルト設計。垂直・水平の面と三原色で構成された外観と可動式壁面による内装がデ・ステイル建築の代表例として広く知られる
  • インテリアレッド&ブルー・チェア(1917年)— リートフェルトによる、直線的な木材を組み合わせ面を三原色と黒で塗り分けた椅子。デ・ステイルの思想を立体物で体現した作品として知られる
  • ファッションイヴ・サンローラン「モンドリアン・ルック」(1965年)— モンドリアンの絵画構成をAラインドレスに落とし込んだコレクション。デ・ステイルの影響を受けたファッション史上の代表的事例として知られる
  • WebWindows 8(Metro UI)— フラットカラーのタイル状グリッドレイアウトがデ・ステイルの構成原理に通じると評されることがあるが、直接的な影響関係としてではなく、類似の視覚的傾向としての解釈にとどまる

AI生成プロンプト

このスタイルのビジュアルをAIで生成するためのプロンプトです。英語版はMidjourney・Stable Diffusion向け、日本語版はGemini・Adobe Fireflyで使いやすい形式になっています。そのままコピーしてお使いください。

デ・ステイルスタイルで生成したグラフィックポスターのAIイメージ

英語プロンプト

De Stijl graphic design poster. Strict asymmetric grid composition using only vertical and horizontal black lines dividing the surface into rectangular planes. Color restricted exclusively to the three primary colors — red, blue, and yellow — with white, black, and gray. Completely flat, zero texture, no gradients, no curves, no diagonals. Clean geometric sans-serif typography. Pure, universal, and ordered visual harmony following Neoplasticism principles. 1920s Dutch modernist aesthetic. –ar 16:9

日本語プロンプト

デ・ステイル様式のグラフィックポスター。垂直線と水平線のみで画面を長方形に分割した厳格な非対称グリッド構成。色は赤・青・黄の三原色と白・黒・灰色のみに限定。曲線・斜線・グラデーション・テクスチャは一切なし。完全にフラットな均一の質感。幾何学的なサンセリフ書体。新造形主義の理念に基づいた純粋で秩序ある視覚的調和。1920年代オランダのモダニズム様式。

Webデザインへの応用ヒント

デ・ステイルは建築設計事務所のポートフォリオ、ミニマルな現代アートギャラリー、構造美をアピールするWebマガジンと相性の良いスタイルです。ルールを厳密に適用しすぎると画面が静的で単調になりやすく、コンバージョンボタンなどの重要要素が視覚的に埋もれてしまうリスクがあります。三原色のどれか1色をアクセントに絞り、他は無彩色で構成するとバランスが取りやすいです。組み合わせるならバウハウスミニマリズムとの親和性が高いです。

外部リソース