デザインスタイル辞典

作例そのものから書いた、デザイン様式の辞典。

素のHTMLでできている。どのブラウザでも、どの端末でも、アプリも登録もなしに開く。同じページを機械もそのまま読む。

用語598

用語辞典

スタイル名でも、作りたいものでも検索できます。 名称一致を最優先し、その上で用途・印象・媒体から近い候補を足します。

例バウハウス高級感のある採用サイト信頼できる金融アプリ

48/48件表示

こう解釈しました高級Web・UI採用・組織

298

Corporate Modernism — ポール・ランド《IBM ロゴ 8本ストライプ》1972年 — Wikimedia Commons / Public domainCorporate Modernism — ポール・ランド《ミニットマン国立歴史公園ポスター》1974年 — Wikimedia Commons / Public domain

Corporate Modernism

企業モダニズム / 1950s–1970s / スタイル / 現代ブランド

近い理由高級Web・UI採用・組織信頼

ランドやチャマイエフらが確立したCIの黄金期。幾何学ロゴ、グリッドのデザインマニュアル、一貫適用の規律が、企業を近代主義の抽象言語で語る存在に変えた。

幾何学の抽象ロゴ / デザインマニュアル / グリッドの適用規律 / 単色の力強さ

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

42

Bento Grid — ベントーグリッドの実例集（bentogrids.comより引用）

Bento Grid

ベントーグリッド / 2020s / レイアウト / 情報デザイン

近い理由Web・UI採用・組織信頼技術

異なる種類の情報を独立した箱へ分け、ひと目で全体像をつかませる。

大小のカード / 整列した隙間 / 一画面の要約 / モジュール

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

1

Swiss — Josef Müller-Brockmann《Beethoven》ポスター 1955 — Wikimedia Commons / CC BY-SA 4.0Swiss — Josef Müller-Brockmann《Musica Viva》ポスター — Wikimedia Commons / Public domainSwiss — Josef Müller-Brockmann《der Film》ポスター — Wikimedia Commons / Public domain

Swiss

スイス・スタイル / 1950s– / スタイル / 機能主義

近い理由Web・UI採用・組織信頼静けさ

秩序を前面に出し、情報そのものを主役にする。

厳密なグリッド / サンセリフ / 非対称 / 客観写真

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

230

Pictogram System — AIGA/DOT シンボル「レストラン」 — Wikimedia Commons / Public domainPictogram System — AIGA/DOT シンボル「トイレ」 — Wikimedia Commons / Public domainPictogram System — AIGA/DOT シンボル「コーヒーショップ」 — Wikimedia Commons / Public domain

Pictogram System

案内用ピクトグラム / 1964– / スタイル / 情報デザイン

近い理由Web・UI採用・組織信頼技術

言語に頼らず施設と行為を示す統一図記号の体系。東京1964オリンピックが競技と案内の体系化を確立し、AIGA/DOTの交通標識シンボルがパブリックドメインの標準として世界に定着した。

幾何学化された人体 / 統一された線の太さ / 体系としての一貫性 / 言語からの独立

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

59

Isotype — Otto Neurath & Gerd Arntz, Gesellschaft und Wirtschaft, 1930 — gerdarntz.org より引用Isotype — 『Basic by Isotype』図版 — Wikimedia Commons / Public domainIsotype — ノイラートのアイソタイプ（CC BY 2.0）

Isotype

アイソタイプ / 1920s–1940s / レイアウト / 情報デザイン

近い理由Web・UI採用・組織信頼技術

数を同じ大きさの記号の反復へ翻訳し、比較を言語より先に読ませる。

統一ピクトグラム / 記号の反復 / 比較軸 / 限定色

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

409

MUJI — 森正洋《無印良品 和の食器》2004年 — Wikimedia Commons / CC BY 3.0MUJI — 無印良品 再生紙インデックス付箋紙のパッケージ 2007年 撮影 Joshua Alvarez — Wikimedia Commons / CC BY-SA 2.0

MUJI

無印良品 / 1980– / スタイル / 現代ブランド

近い理由Web・UI採用・組織信頼静けさ

工業製品の素材の地の色を、そのまま仕上げにする型。漂白しない紙、着色しない樹脂、染めない木をそのまま外装にし、商品名は面から下げ札へ移す。

漂白しない紙と、色を付けない半透明の樹脂が、そのまま外装の色になる / 商品の面に名前もしるしも刷らず、名称は下げ札と値札の中だけにある / 下げ札に、素材と作り方を説明する文章が小さな活字で何行も組まれる / 広告では商品を大きく見せず、風景か余白が画面のほとんどを占める

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

26

Glassmorphism — Apple《macOS Big Sur の Spotlight》 — Wikimedia Commons / Public domainGlassmorphism — GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0

Glassmorphism

グラスモーフィズム / 2020s / スタイル / UI表現

近い理由高級Web・UI採用・組織静けさ

半透明の層で奥行きと階層を示し、情報を軽く浮かせる。

背景ぼかし / 半透明 / 細い白枠 / 色のにじみ

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

229

Schematic Transit Diagram — スキーマティック路線図の現代例（CC BY-SA 3.0）Schematic Transit Diagram — ベルリンUバーン 路線ダイアグラム — Wikimedia Commons / CC BY-SA 4.0

Schematic Transit Diagram

スキーマティック路線図 / 1933– / レイアウト / 情報デザイン

近い理由Web・UI採用・組織信頼技術

地理的正確さを捨て、水平・垂直・45度の線と等間隔の駅だけで路線網を描く図法。ベックの1933年ロンドン地下鉄図が確立し、世界中の交通図の共通言語になった。

45度に制限された線 / 等間隔の駅 / 路線色のコード / 地理からの独立

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

403

Brushed Metal — Transmission 1.50 の画面 2009 — Wikimedia Commons / CC BY-SA 3.0Brushed Metal — Camino 1.0（Mac OS X 10.4）の画面 2006 — Wikimedia Commons / CC BY-SA 4.0

Brushed Metal

ブラシドメタル / 1999–2007 / スタイル / Apple UI

近い理由高級Web・UI採用・組織信頼

iTunesやSafariが纏った金属ヘアライン質感のウィンドウ。アプリの用途を素材で語るスキューモーフィズムの分派で、プロ機材の信頼感をデスクトップに持ち込んだ。

金属ヘアラインの面 / リベット風の細部 / 機材のメタファー / 灰色の階調

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

495

Scrollytelling — AI生成の解釈イメージ
AI解釈イメージ（参考作品ではない）

Scrollytelling

スクロールテリング / 2012– / レイアウト / ウェブの読み物

近い理由Web・UI採用・組織信頼技術

読む位置を送る動作そのものを話の進行に割り当てたウェブの版面。図版や地図や動画が送りに応じて入れ替わり、上へ戻せば同じ順で元へ戻る。研究の側では長文報道のウェブ版として整理され、筋は一本道か、望んだ人だけ深く潜れる伸縮式かに分かれる。

図版が画面に留まったまま、本文だけが細い一列で通り過ぎる / 図版の切り替えは不透明度の変化と地図の移動で行われ、逆に送ると元へ戻る / 写真と動画とデータ図の三種類が同じ記事の中に混在する / 筋は一本道か、途中で深掘りへ枝分かれして戻ってくるかのどちらか

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

326

Banknote Guilloche — 米国 教育シリーズ2ドル 1896 — Wikimedia Commons / Public domainBanknote Guilloche — 教育シリーズ1ドル 1896 — Wikimedia Commons / Public domainBanknote Guilloche — 旧5ドイツマルク紙幣のギヨシェ（部分, 1963年意匠） — Wikimedia Commons / CC BY-SA 3.0

Banknote Guilloche

紙幣のギヨシェ / 18th century– / 技法 / 公共デザイン

近い理由高級Web・UI採用・組織信頼

旋盤彫刻機が生む幾何学的な連続曲線ギヨシェと肖像彫刻で、偽造を拒みながら信用を可視化する紙幣の様式。1896年米国「教育シリーズ」は紙幣を寓意画の傑作に高めた。

ギヨシェの連続曲線 / 凹版の肖像彫刻 / 精緻な地紋 / 額面の階層表示

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

463

Renaissance — マザッチオ《聖三位一体》1425〜1428年 — Wikimedia Commons / Public domainRenaissance — ラファエロ・サンツィオ《アテナイの学堂》1511年 — Wikimedia Commons / Public domainRenaissance — ドナト・ブラマンテ《テンピエット》1502年頃（撮影 Labicanense）— Wikimedia Commons / CC BY 4.0

Renaissance

ルネサンス / 14th–16th century / スタイル / 歴史様式

近い理由高級Web・UI採用・組織信頼

古代の比例と人体を再発見し、線遠近法で三次元を平面に定着させた運動。数学が絵画と建築の共通言語になり、対称・柱式・黄金比といった以後五百年の規範がここで確立した。

一点透視の線遠近法 / 古典柱式と対称 / 人体の比例に基づく構成 / 明快な三角構図

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

486

NeXTSTEP Interface — NeXTSTEP 上の WorldWideWeb ブラウザ — Wikimedia Commons / Public domainNeXTSTEP Interface — Thomas Schanz《HP9000 715 上の NeXTSTEP 3.3》2018 — Wikimedia Commons / CC BY-SA 4.0NeXTSTEP Interface — NeXTSTEP 上の Electronic AppWrapper と 3D Reality — Wikimedia Commons / CC BY-SA 4.0

NeXTSTEP Interface

ネクストステップ・インターフェース / 1988–1997 / スタイル / プラットフォームの画面言語

近い理由高級Web・UI技術静けさ

NeXTが1993年の公式ガイドライン書で定めた画面言語。文書は黒と白と灰だけの配色、陰影で立体感を出す簡潔な外観を目標に掲げる。メニューは画面左上に縦の柱として立ち、常駐アプリの箱は右端に縦に並ぶ。

画面左上に縦一列で立つメニューと、その右側へ接続されて開く下位メニュー / 画面の右端に縦に並ぶ正方形のアプリ用アイコン / 色相を持たない灰の階調だけで彫られた厚いベベル / 作業中の窓のタイトルバーが黒く塗られ、そうでない前面の窓は濃い灰になる

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

6

Modernism — Mies van der Rohe《バルセロナ・チェア》とバルセロナ・パヴィリオン — Wikimedia Commons / CC BY-SA 4.0Modernism — Mies van der Rohe《シーグラム・ビル》1958 — Wikimedia Commons / CC BY-SA 4.0

Modernism

モダニズム / 1920s–1970s / スタイル / 機能主義

近い理由Web・UI採用・組織信頼静けさ

装飾を理由のある形へ置き換え、普遍性を目指す。個々の答えは項目として分かれており、バウハウス、スイス・スタイル、ミニマリズム、ストリームライン・モデルヌは、いずれもこの一つの構えから出た別々の解き方にあたる。

単純化 / 明確な階層 / 機能優先 / 普遍的な形

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

51

Vienna Secession — Alfred Roller, XIV Vienna Secession exhibition poster, 1902 — Wikimedia Commons / CC BY 2.0Vienna Secession — 分離派会館（CC BY-SA 4.0）Vienna Secession — クリムト ベートーヴェン・フリーズ 1902 — Wikimedia Commons / CC0

Vienna Secession

ウィーン分離派 / 1897–1910s / スタイル / 世紀末芸術

近い理由高級Web・UI採用・組織信頼

有機的な装飾を幾何学と平面構成で締め、芸術とデザインの境界をなくす。

正方形の骨格 / 反復文様 / 金と黒 / 平面的な人物・植物

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

368

Persian Garden — フィン庭園（CC BY-SA 4.0）Persian Garden — ワグナー庭園絨毯（バレル・コレクション） 17世紀 — Wikimedia Commons / Public domain

Persian Garden

ペルシャ庭園 / 6th century BC– / スタイル / 庭園の様式

近い理由高級Web・UI採用・組織信頼

十字の水路で四分割するチャハルバーグ形式の原点。砂漠に水と木陰の楽園を築く設計思想は「パラダイス」の語源となり、イスラム世界からムガルまで庭園の祖型を供給した。

十字水路の四分割 / 水盤と水路の軸 / 壁に囲まれた楽園 / 並木の木陰

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

457

Novecento Italiano — Mario Sironi《コンポジション（人物のある構成）》— Fondazione Cariplo / CC BY-SA 3.0Novecento Italiano — Mario Sironi《コンポジション》— Wikimedia Commons / CC BY-SA 4.0Novecento Italiano — Mario Sironi《芸術と科学のあいだのイタリア》— Wikimedia Commons / CC BY-SA 4.0

Novecento Italiano

ノヴェチェント・イタリアーノ / 1922–1943 / スタイル / 絵画技法

近い理由高級Web・UI採用・組織信頼

前衛の解体のあと、イタリア古典の量塊と静けさへ戻ろうとした運動。単純化された堅牢な人体、抑えた土色、正面性の強い構図が、両大戦間の公共建築や壁画の語彙になった。「秩序への回帰」の代表例であり、体制との近さも含めて読む必要がある。

単純化された堅牢な人体 / 正面性の強い構図 / 抑えた土色の彩色 / 古典彫刻を思わせる量塊

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

492

XrossMediaBar (XMB) — Tatcher《ブラビアの XMB》2010年 — Wikimedia Commons / CC BY-SA 3.0XrossMediaBar (XMB) — CommandProMC《Sony BRAVIA KDL の XMB》2022年 — Wikimedia Commons / CC0

XrossMediaBar (XMB)

クロスメディアバー / 2003–2013 / レイアウト / プラットフォームの画面言語

近い理由高級Web・UI技術静けさ

ソニーがXMBの名で商標に載せた、家庭用ゲーム機とテレビの画面言語。公式マニュアルの言うとおり横一列が機能の分類、縦一列がその分類でできることを並べ、二列が交わる一点だけが金色に灯って現在地を示す。ほかは暗い地の上で淡い青のまま眠っている。

画面のやや左寄りで横一列と縦一列が交差し、その交点の項目だけが金色に光る / 名前の文字が出るのは選択中の項目だけで、ほかはアイコンだけが並ぶ / 地は黒に近い濃紺一色で、アイコンは塗りでなく細い線の淡い青 / 十字キーの左右で分類、上下で項目が動くが、動くのは列のほうで交点は動かない

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

549

画像は出典ページで確認

Power Dressing

パワー・ドレッシング / 1970s–1980s / スタイル / ファッション史

近い理由高級Web・UI採用・組織信頼

職場の権威を服で可視化する装いで、1980年代には大きな肩を持つ鋭いスーツが、上昇志向の男女の記号になった。体を大きく、輪郭を硬く見せる一方、既存の組織規範へ同化する力も持つ。

肩幅を広げるパッド入りのジャケット / 腰を絞った逆三角形のシルエット / 濃色、ピンストライプ、光沢の少ない梳毛 / スーツ、シャツ、タイ、パンプスの統制

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

274

Russian Icon — ルブリョフ『至聖三者』1425頃 — Wikimedia Commons / Public domainRussian Icon — 《聖ゲオルギオス》ノヴゴロド派 15世紀 — Wikimedia Commons / Public domain

Russian Icon

ロシア・イコン / 10th–17th century / continuing / スタイル / 聖像画

近い理由高級Web・UI採用・組織信頼

ビザンティンから受け継いだ聖像画の伝統。逆遠近法、金地、様式化された身体が「見る絵」ではなく「祈りの窓」として機能し、ルブリョフの『至聖三者』が精神性の到達点を示した。

金地の無時間性 / 逆遠近法 / 様式化された身体 / 祈りの対象としての画面

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

498

Explorable Explanations — Vi Hart／Nicky Case《Parable of the Polygons》2014年 — Wikimedia Commons / CC0Explorable Explanations — Nicky Case《To Build a Better Ballot》2016年 — Wikimedia Commons / CC0Explorable Explanations — Piotr Migdał《Virtual Lab by Quantum Flytrap》2024年 — Wikimedia Commons / CC BY-SA 4.0

Explorable Explanations

エクスプローラブル・エクスプラネーション / 2011– / 技法 / ウェブの読み物

近い理由Web・UI採用・組織信頼技術

Bret Victorが2011年3月の同名の記事で名付けた、読み物の中に動く模型を埋め込む書き方。地の文の数値に点線の下線が引かれ、掴んで動かすと続きの文章と傍らの図が同時に書き換わる。主張の根拠を読者自身が揺すって確かめられる。

地の文の中の数値に点線の下線が引かれ、触れると青に変わる / その数値を左右に動かすと、続く文章と傍らの図が同時に書き換わる / 図が別枠のサンドボックスに隔離されず、段落と段落の間に地続きで置かれる / 何も触らない状態でも図が意味を成し、初期値のまま読み進められる

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

182

Kufic — クーフィー体のクルアーン写本 8–9世紀 — Wikimedia Commons / Public domain

Kufic

クーフィー体 / 8th century onward / スタイル / 書の伝統

近い理由高級Web・UI採用・組織信頼

縦画を短く、横画を長く伸ばし、直線と直角で組んだ字を同じ高さの帯として並べる。

長く伸びる水平の線 / 短く角ばった縦画 / 直角で折れる字形 / 高さのそろった帯状の行

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

210

Palladianism — パッラーディオ ヴィラ・ロトンダ — Wikimedia Commons / Public domainPalladianism — ヴィラ・ロトンダ正面（CC BY-SA 2.5）Palladianism — アンドレア・パッラーディオ『建築四書』ヴィッラ・レペータ図版 1570 — Wikimedia Commons / Public domain

Palladianism

パッラーディオ主義 / 1550s– / 17th–18th century revival / スタイル / 歴史様式

近い理由高級Web・UI採用・組織信頼

パッラーディオがローマ古典から抽出した比例・神殿正面・左右対称の別荘形式が、書物『建築四書』を通じて英米へ広がり、公共建築の「正しい顔」の原型になった。

神殿風ポルティコ / 厳格な左右対称 / 比例による平面 / 中央ドーム

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

232

White Cube — ロンドンのギャラリー ホワイトキューブ・バーモンジーの内部 2014年 撮影 Matt Brown — Wikimedia Commons / CC BY 2.0White Cube — ニューヨーク近代美術館 アンディ・ウォーホル《キャンベル・スープ缶》の展示風景 2007 — Wikimedia Commons / CC BY-SA 2.0White Cube — ハリー・ポット／Anefo 撮影 アムステルダム市立美術館の展示室 1960 — Wikimedia Commons / CC0

White Cube

ホワイトキューブ / 1930s– / スタイル / 展示デザイン

近い理由高級Web・UI採用・組織信頼

白い壁・均質な照明・無装飾の空間で作品だけを立ち上がらせる展示の様式。MoMAが定着させ、オドハティの批評が「中立を装う制度」としての性格を暴いて以後も、現代美術の既定値であり続ける。

白い壁 / 均質な照明 / 作品の孤立 / 文脈の消去

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

330

Kamon — 鷹の羽紋（CC BY-SA 2.5）Kamon — 花輪違紋（CC BY-SA 3.0）Kamon — 姫路城 池田家の家紋を打った軒瓦 — Wikimedia Commons / CC BY 3.0

Kamon

家紋 / Heian period– / スタイル / 記号体系

近い理由高級Web・UI採用・組織信頼

円と線の分廻しだけで動植物や器物を幾何学化する日本の紋章体系。約2万種の型が白黒反転・正負の均衡で設計され、ロゴデザイン以前に「拡大縮小に耐える記号」を完成させていた。

円内の幾何学構成 / 白黒反転の均衡 / 動植物の極限の抽象 / 分廻し（コンパス）の作図

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

360

Karesansui — 龍安寺石庭（CC BY-SA 3.0）Karesansui — 大仙院 書院庭園 — Wikimedia Commons / CC BY-SA 3.0

Karesansui

枯山水 / Muromachi period– / スタイル / 庭園の様式

近い理由高級Web・UI採用・組織信頼

水を使わず、砂紋と石組だけで水景と宇宙を表す日本の庭園様式。龍安寺の十五石が示す「引き算の構成」は、余白のデザインの原型として世界のミニマリズムに参照され続ける。

砂紋の水の暗示 / 石組の非対称配置 / 縁側からの固定視点 / 徹底した引き算

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

458

Italian Rationalism — Giuseppe Terragni《カサ・デル・ファッショ》コモ 1936 — Wikimedia Commons / CC BY-SA 4.0

Italian Rationalism

イタリア合理主義 / 1926–1943 / スタイル / 近現代建築

近い理由高級Web・UI採用・組織信頼

近代建築の抽象と地中海の古典を同時に成立させようとしたイタリアの運動。白い箱に見えて、実際は柱間の律動、深い庇、大理石の面が古代の比例を引き受けている。近代と伝統を対立させない解き方の教科書。

白い量塊と規則的な柱間 / 深い庇と陰影の帯 / 大理石とガラスの対比 / 古典比例の翻案

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

459

Stripped Classicism — ワシントンD.C. フェデラル・トライアングルの官庁群 — Wikimedia Commons / CC BY 2.0Stripped Classicism — パラッツォ・デッラ・チヴィルタ・イタリアーナ（ローマ EUR） — Wikimedia Commons / CC BY-SA 4.0

Stripped Classicism

ストリップト・クラシシズム / 1920s–1950s / スタイル / 近現代建築

近い理由高級Web・UI採用・組織信頼

古典建築から装飾だけを削ぎ落とし、比例・軸線・柱の律動だけを残した官庁・記念建築の様式。装飾がないのに古典として読めることが、権威を語る低コストな手段になった。ミニマルと威圧が同居する例として重要。

装飾を削いだ柱の律動 / 強い軸線と対称 / 石の平滑な面 / 巨大な開口部のない壁

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

464

Neoclassicism — ジャック＝ルイ・ダヴィッド《ホラティウス兄弟の誓い》1784 — Wikimedia Commons / Public domainNeoclassicism — アントニオ・カノーヴァ《アモルの接吻で蘇るプシュケ》1793 大理石 — Wikimedia Commons / Public domainNeoclassicism — パリ マドレーヌ寺院 1807年着工 正面 — Wikimedia Commons / CC BY-SA 3.0

Neoclassicism

新古典主義 / 1760s–1830s / スタイル / 歴史様式

近い理由高級Web・UI採用・組織信頼

ロココの装飾過多への反動として、ポンペイ発掘に触発され古代の簡素さへ戻った運動。輪郭は硬く、色は抑えられ、主題は市民の徳を説く。革命期の国家がこの様式を自らの顔に選んだ。

硬く明快な輪郭線 / 抑制された色数 / 古代の主題と衣装 / 浅い舞台のような空間

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

478

Literati Painting — 倪瓚《六君子図》1345年 — Wikimedia Commons / Public domainLiterati Painting — 黄公望《富春山居図》部分 1348〜1351年 — Wikimedia Commons / Public domainLiterati Painting — 池大雅《六遠図》のうち 1766年 — Wikimedia Commons / Public domain

Literati Painting

文人画 / 11th century– / スタイル / 東アジア絵画

近い理由高級Web・UI採用・組織静けさ

職業画家ではなく士大夫が、売るためではなく自らの精神を示すために描いた絵。技巧の巧みさより筆の気韻を尊び、詩・書・画・印を一枚の紙の上で同格に扱う。下手に見えることを恐れない態度がこの様式の核にある。

渇筆による枯れた線 / 詩と書と印の同居 / 淡い墨の階調 / 技巧を誇示しない構え

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

117

Liquid Glass — Apple Newsroom（2025年6月）より引用Liquid Glass — Apple「写真」アプリアイコン（Liquid Glass、iOS/macOS 26以降）2025年 — Wikimedia Commons / Public domainLiquid Glass — Wikipedia iOSアプリ 8.0.0 の Liquid Glass 対応画面 2026年 撮影 EvanTech10 — Wikimedia Commons / CC BY-SA 4.0

Liquid Glass

リキッドガラス / 2025– / スタイル / Apple UI

近い理由高級Web・UI採用・組織技術

内容の上に浮かぶ操作・ナビゲーション層を、背景色を受けて光学的に変化する流動的なガラス素材として統一する。

動的な屈折 / 同心形の角丸 / 浮遊する操作層 / 背景色の反映

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

401

Aero — Windows Vista の Aero 合成で表示された PuTTY 2009 — Wikimedia Commons / CC BY-SA 3.0Aero — Windows 7 の Aero ガラス枠のダイアログ（Windows リモートアシスタンス）2021年撮影 — Wikimedia Commons / CC BY-SA 4.0

Aero

エアロ / 2006–2012 / スタイル / Microsoft UI

近い理由高級Web・UI採用・組織技術

Windows Vista/7の半透明ガラスUI。すりガラスのウィンドウ枠、ライブサムネイル、GPU合成の滑らかさで「ガラス越しの奥行き」をOSの標準語彙にした。

すりガラスの枠 / 反射とハイライト / ライブサムネイル / GPU合成の奥行き

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

2

Bauhaus — Joost Schmidt《バウハウス展 1923》ポスター — Wikimedia Commons / Public domainBauhaus — Joost Schmidt によるバウハウス叢書7 1926 — Wikimedia Commons / Public domainBauhaus — Joost Schmidt によるユンカース社の広告 — Wikimedia Commons / Public domain

Bauhaus

バウハウス / 1919–1933 / スタイル / 機能主義

近い理由Web・UI採用・組織信頼

円・三角・四角という基本形で、機能と遊びを同時に成立させる。

基本図形 / 原色 / 機能美 / 構造の可視化

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

112

Islamic Geometric Pattern — アルハンブラ宮殿のタイル（CC BY 2.0）Islamic Geometric Pattern — イスファハーン金曜モスク（CC BY 2.0）Islamic Geometric Pattern — ギリー・タイルの文様（CC BY-SA 4.0）

Islamic Geometric Pattern

イスラム幾何学文様 / 8th century– / 技法 / 装飾

近い理由高級Web・UI採用・組織信頼

円、正方形、多角形、星形を分割・反復・組み合わせ、有限の面に無限の拡張性と秩序をつくる。

コンパス作図 / 星形 / 反復単位 / 絡み合う線

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

222

Bentwood (Thonet) — MAK所蔵のトーネート椅子（CC0）Bentwood (Thonet) — トーネット No.14（FAL）Bentwood (Thonet) — ミヒャエル・トーネット ロッキングチェア 1860年頃 — Wikimedia Commons / Public domain

Bentwood (Thonet)

曲木家具（トーネット） / 1859– / 技法 / 家具とインテリア

近い理由高級Web・UI採用・組織信頼

蒸気で曲げたブナ材を少数の部品に還元したトーネットの椅子No.14は、分解輸送と大量生産を実現した最初の工業家具。部品の合理と曲線の優雅を両立させ、近代デザインの原点と呼ばれる。

蒸気曲げの曲線 / 少数部品への還元 / ノックダウン輸送 / 軽さと量産

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

332

Seal Engraving — 河村岷雪の印影（『日本の篆刻』1966） — Wikimedia Commons / CC BY-SA 4.0

Seal Engraving

篆刻 / Qin dynasty– / 技法 / 書の伝統

近い理由高級Web・UI採用・組織信頼

篆書を石印に刻み、朱と白の反転（朱文・白文）で数センチ角に構成する東アジアの印章芸術。書画の落款として作品に参加し、「小さな正方形の中の設計」の極致になった。

朱文と白文の反転 / 篆書の線の設計 / 数センチ角の構成 / 石の刻みの質感

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

122

Rinpa — 俵屋宗達『風神雷神図屏風』17世紀 — Wikimedia Commons / Public domainRinpa — 尾形光琳『燕子花図屏風』18世紀 — Wikimedia Commons / Public domainRinpa — 尾形光琳『紅白梅図屏風』 — Wikimedia Commons / Public domain

Rinpa

琳派 / early 17th century– / スタイル / 東アジア絵画

近い理由高級Web・UI採用・組織静けさ

金銀地、鉱物顔料、簡略化した自然、余白、反復、たらし込みを横断し、絵画・工芸・文字を大胆で平面的な構成へ統合する。

金銀地 / 大胆に省略した自然 / 反復と余白 / たらし込み

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

331

Heraldry — ワインベルヘン紋章帳 13世紀 — Wikimedia Commons / Public domainHeraldry — ナイメーヘン市の紋章（ボーテルワーフ壁面） — Wikimedia Commons / Public domain

Heraldry

西洋紋章学 / 12th century– / スタイル / 記号体系

近い理由高級Web・UI採用・組織信頼

戦場の識別から生まれた欧州の紋章体系。ブレゾンという言語による厳密な記述、限定された原色（ティンクチャー）の規則、分割と組み合わせの文法が、800年続く設計システムをつくった。

ティンクチャーの限定色 / 盾形の分割文法 / ブレゾンによる記述可能性 / 動物の様式化ポーズ

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

427

Socialist Realism — Isaak Brodsky によるレーニン像 1925 — Wikimedia Commons / Public domainSocialist Realism — Isaak Brodsky《1920年5月1日のレーニン》— Wikimedia Commons / Public domainSocialist Realism — Isaak Brodsky《レーニンとデモ》1919, 国立歴史博物館 — Wikimedia Commons / Public domain

Socialist Realism

社会主義リアリズム / 1932–1988 / スタイル / 社会運動と版画

近い理由高級Web・UI採用・組織信頼

1934年に国家の公式様式として定められた、労働者と指導者を理想化して描く写実。前衛の実験を退けて誰にでも読める図像へ統一し、低い視点、前進する群像、明るい未来の光で体制の物語を反復した。国家が様式を決めた稀な事例として重要。

英雄化された労働者像 / 仰角からの記念碑的構図 / 健康的な肌と明るい光 / 前進する群像

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

441

Luminism — Fitz Henry Lane《オウルズ・ヘッド、ペノブスコット湾》— Wikimedia Commons / Public domainLuminism — Fitz Henry Lane《港の星明かり》1855頃 — Wikimedia Commons / Public domainLuminism — Fitz Henry Lane《キャスティーンの港と町》— Wikimedia Commons / Public domain

Luminism

ルミニズム / 1850–1875 / スタイル / アメリカ近代美術

近い理由高級Web・UI採用・組織静けさ

アメリカの風景画で、筆跡を消した滑らかな画面に、水平線まで段階的に変化する大気の光を描いた様式。人物は小さく、水面は鏡のように静止し、光そのものが主題になる。静けさを設計する構図の教科書。

筆跡を消した滑らかな表面 / 水平線を強調する構図 / 段階的に変化する大気の光 / 鏡のような水面

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

135

Roman Square Capitals — トラヤヌス帝記念柱の碑文 113年（CC BY-SA 2.0）

Roman Square Capitals

ローマン・キャピタル / 1st–2nd century / スタイル / 書体分類

近い理由高級Web・UI採用・組織信頼

石に刻むための幾何学的な比例とセリフを持つ大文字が、以後2000年のラテン文字の骨格と権威表現の原型になった。

幾何学的な比例 / 刻まれたセリフ / 大文字のみの組み / 記念碑的な字間

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

213

Beaux-Arts — ガルニエ宮の大階段（CC0）Beaux-Arts — ガルニエ『パリ・オペラ座』図版 1880 — Wikimedia Commons / Public domainBeaux-Arts — グランド・セントラル駅 メインコンコース（ニューヨーク） — Wikimedia Commons / CC0

Beaux-Arts

ボザール様式 / 1830s–1920s / スタイル / 歴史様式

近い理由高級Web・UI採用・組織信頼

パリの美術学校（エコール・デ・ボザール）が教えた古典の学術的合成。壮大な軸線、彫刻的装飾、格式の階梯を鉄とガラスの新技術に重ね、駅・美術館・銀行など近代都市の公共の顔をつくった。

壮大な軸線と階段 / 古典オーダーの合成 / 彫刻的装飾 / 鉄骨と石の併用

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

279

Swedish Grace — ハルドのガラス（CC BY-SA 2.0）Swedish Grace — アスプルンド ストックホルム市立図書館 1931 — Wikimedia Commons / Public domain

Swedish Grace

スウェディッシュ・グレース / 1917–1930 / スタイル / 北欧デザイン

近い理由高級Web・UI採用・組織静けさ

両大戦間のスウェーデンで、新古典主義の端正さに軽やかな装飾と職人技を重ねた様式。ハルドのガラス、アスプルンドの建築が「優美な近代」を示し、後の北欧モダンの助走になった。

端正な新古典の骨格 / 軽やかな線刻装飾 / ガラスと磁器の繊細さ / 簡素と優美の均衡

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

335

Botanical Illustration — ルドゥーテ『バラ図譜』1817–24 — Wikimedia Commons / Public domainBotanical Illustration — ルドゥーテのバラ — Wikimedia Commons / Public domainBotanical Illustration — ゲオルク・ディオニシウス・エーレット《Vicia sylvatica》1756 — Wikimedia Commons / Public domain

Botanical Illustration

ボタニカルアート / 16th century– / スタイル / 博物図譜

近い理由高級Web・UI採用・組織静けさ

同定に足る科学的精密と装飾的な美を両立させる植物図譜の伝統。ルドゥーテのバラに代表される点刻彫版と手彩色が、「正確さそのものの優美」という様式を確立した。

白地に単独の植物 / 解剖部位の添え図 / 点刻彫版の柔らかさ / 手彩色の透明感

design.md ／ 画像プロンプト

ChatGPT ／ Claude ／ Google AI

収録方針

IndexStyleは、デザインの周辺で使われる言葉を何でも載せる一覧ではない。独立項目にするのは、見分けられ、再現でき、近い様式との差を説明できる視覚言語だけ。 収録基準

ページ上部へ戻る