デザインスタイル辞典

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

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

用語579

用語辞典

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

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

48/579件表示

6

Modernism

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

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

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

design.md画像プロンプト

ChatGPTClaudeGoogle AI

8

Web Brutalism — AI生成の解釈イメージ
AI解釈イメージ(参考作品ではない)

Web Brutalism

ウェブ・ブルータリズム / 2014– / スタイル / UI表現

ブラウザの既定表示をそのまま画面に出し、整えられたテンプレートの見た目を拒む。HTMLの素の構造が、そのまま様式になる。

ブラウザ既定の見出しとリンク / 下線つきの青いリンク / 極端な文字サイズの落差 / 装飾のない罫と余白

design.md画像プロンプト

ChatGPTClaudeGoogle AI

11

The Face

ザ・フェイス / 1980s / スタイル / 出版と編集

見出しの文字と記号を号ごとに作り替え、太い罫と黒帯で仕切った版面へ、写真と同じ強さで置く。

幾何学で起こした極太の見出し文字 / 太い罫と黒帯による仕切り / 号ごとに姿を変える記号の見出し / 写真の上に重ねる大きな文字

design.md画像プロンプト

ChatGPTClaudeGoogle AI

13

Post-Modernism

ポスト・モダニズム / 1970s–1990s / スタイル / 前衛

唯一の正解を疑い、引用・皮肉・装飾を遊びとして混ぜる。分野ごとの答えは項目として分かれており、家具のメンフィス、建築のポストモダン建築、書物と誌面のニュー・ウェイヴがそれぞれの解き方にあたる。

異様式の混在 / 皮肉 / 装飾の復権 / 予想外の色

design.md画像プロンプト

ChatGPTClaudeGoogle AI

20

Grunge — AI生成の解釈イメージ
AI解釈イメージ(参考作品ではない)

Grunge

グランジ / 1990s / スタイル / 反文化

汚れ・破れ・摩耗を、きれいに管理された画面への抵抗として使う。

擦れ / 破れ / 乱雑な文字 / 低品質コピー

design.md画像プロンプト

ChatGPTClaudeGoogle AI

21

Web 1.0

ウェブ1.0 / 1990s / スタイル / デジタル・レトロ

制約の多かった初期Webの素朴さを、直接性と愛嬌として再利用する。2020年代には個人サイトを取り戻す運動としても立ち上がり、Neocities や Yesterweb がその呼び名になった。

青リンク / 低解像度GIF / システム文字 / 素朴なボタン

design.md画像プロンプト

ChatGPTClaudeGoogle AI

22

Y2K

ワイツーケー / late 1990s–2000s / スタイル / デジタル・レトロ

新しい千年紀への楽観を、透明プラスチックと丸い未来で表す。光沢は画面の中ではなく、手に取れる樹脂と金属の実物から来ている点で、同時代のUIの艶とは別の系統になる。

半透明プラスチック / 銀色 / バブル形状 / サイバーな明るさ

design.md画像プロンプト

ChatGPTClaudeGoogle AI

23

Web 2.0 Gloss

ウェブ2.0グロス / 2000s / スタイル / デジタル・レトロ

つや・丸み・反射で、デジタル操作を触れられるものとして説明する。OSが持っていたAquaの質感を、画像とCSSでウェブ側が再現しようとした結果の呼び名である。

光沢ボタン / 強いグラデーション / 反射 / 丸い角

design.md画像プロンプト

ChatGPTClaudeGoogle AI

24

Skeuomorphism

スキューモーフィズム / 2000s–2010s / スタイル / UI表現

現実の素材や道具の手がかりを借り、未知の操作を理解しやすくする。原理の名なので、Aquaもブラシドメタルもこの原理を特定の製品で実装した姿にあたる。

革・金属・紙 / 立体的な影 / 現実の比喩 / 細かな質感

design.md画像プロンプト

ChatGPTClaudeGoogle AI

30

Gothic

ゴシック / 12th–16th century / スタイル / 歴史様式

垂直性と暗い装飾で、神秘・畏怖・永続性を呼び起こす。ここで扱うのは中世に成立した本体で、19世紀にそれを掘り起こした運動はゴシック・リヴァイヴァルとして別に立てている。

ブラックレター / 尖頭形 / 黒 / 細密装飾

design.md画像プロンプト

ChatGPTClaudeGoogle AI

31

Neubrutalism — AI生成の解釈イメージ
AI解釈イメージ(参考作品ではない)

Neubrutalism

ニューブルータリズム / 2010s– / スタイル / UI表現

太い枠と露骨な色で、洗練しすぎたWebへ親しみある反抗をする。

太い黒枠 / 硬い影 / 鮮色 / 平坦な部品

design.md画像プロンプト

ChatGPTClaudeGoogle AI

36

Acid — AI生成の解釈イメージ
AI解釈イメージ(参考作品ではない)

Acid

アシッド / 1990s–2020s / スタイル / 反文化

蛍光色と歪みを高圧でぶつけ、視覚を揺さぶる攻撃性をつくる。

蛍光色 / 歪み / 高コントラスト / 荒い3D

design.md画像プロンプト

ChatGPTClaudeGoogle AI

45

Afrofuturism

アフロフューチャリズム / 20th century– / 世界観 / 未来像

アフリカ系の歴史・文化・未来を接続し、失われた時間と新しい可能性を取り戻す。

宇宙的未来 / 文化的パターン / 金属と土 / 神話の再解釈

design.md画像プロンプト

ChatGPTClaudeGoogle AI

収録方針

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

ページ上部へ戻る