1
デザインスタイル辞典
作例そのものから書いた、デザイン様式の辞典。
素のHTMLでできている。どのブラウザでも、どの端末でも、アプリも登録もなしに開く。同じページを機械もそのまま読む。
| 用語 | 776 |
|---|
用語辞典
スタイル名でも、作りたいものでも検索できます。 名称一致を最優先し、その上で用途・印象・媒体から近い候補を足します。
2
3
4
5
Art Nouveau
アール・ヌーヴォー / 1890s–1910s / スタイル / 歴史様式
植物のように流れる線で、文字・人物・装飾をひとつにつなぐ。
植物曲線 / 装飾枠 / 女性像 / 淡い自然色
6
7
%201%E2%80%935%20(1987)%2C%20Tate%20Modern%2C%20London%2C%20UK.jpg)
8
Web Brutalism
ウェブ・ブルータリズム / 2014– / スタイル / UI表現
ブラウザの既定表示をそのまま画面に出し、整えられたテンプレートの見た目を拒む。HTMLの素の構造が、そのまま様式になる。
ブラウザ既定の見出しとリンク / 下線つきの青いリンク / 極端な文字サイズの落差 / 装飾のない罫と余白
9
Mid-Century Modern
ミッドセンチュリー・モダン / 1940s–1960s / スタイル / レトロ
合理的な幾何学に、人の手を感じる曲線と温度を足す。
有機的な図形 / 落ち着いた暖色 / 簡潔なイラスト / 斜めの動き
10
11
12
13
Post-Modernism
ポスト・モダニズム / 1970s–1990s / スタイル / 前衛
唯一の正解を疑い、引用・皮肉・装飾を遊びとして混ぜる。分野ごとの答えは項目として分かれており、家具のメンフィス、建築のポストモダン建築、書物と誌面のニュー・ウェイヴがそれぞれの解き方にあたる。
異様式の混在 / 皮肉 / 装飾の復権 / 予想外の色
14
15
.jpg)
16
.jpg)
17
18
.jpg)
19
20
21
22
23
Web 2.0 Gloss
ウェブ2.0グロス / 2000s / スタイル / デジタル・レトロ
つや・丸み・反射で、デジタル操作を触れられるものとして説明する。OSが持っていたAquaの質感を、画像とCSSでウェブ側が再現しようとした結果の呼び名である。
光沢ボタン / 強いグラデーション / 反射 / 丸い角
24
Skeuomorphism
スキューモーフィズム / 2000s–2010s / スタイル / UI表現
現実の素材や道具の手がかりを借り、未知の操作を理解しやすくする。原理の名なので、Aquaもブラシドメタルもこの原理を特定の製品で実装した姿にあたる。
革・金属・紙 / 立体的な影 / 現実の比喩 / 細かな質感
収録方針
IndexStyleは、デザインの周辺で使われる言葉を何でも載せる一覧ではない。独立項目にするのは、見分けられ、再現でき、近い様式との差を説明できる視覚言語だけ。 収録基準
- 参考画像は必ず実在の作品に限る。美術館・図書館・アーカイブが所蔵する写真や図版、あるいは公式資料。こちらで創作も加工もしない。
- 適法で判読でき、様式を十分に伝える参考画像を表示できない項目には、AI生成の解釈イメージを1枚以上補う。必ずその旨を明示し、参考作品のギャラリー・OG画像・出典根拠には入れない。既存の実在作例は出典根拠として残す。現在は776項目中151項目。
- 各項目は記録の元にした掲載元を明記してリンクし、出典URLは追加時と、その後の一括点検で生存を確認する。
- スタイル、技法、ネット美学を混同せず分類する。
- 関連項目は双方向に辿れるようにする。
- 画像の権利上の取り扱いは引用と参考画像についてを参照。