ウェブ2.0グロス
Web 2.0 Gloss / 2000s / スタイル / デジタル・レトロ
つや・丸み・反射で、デジタル操作を触れられるものとして説明する。OSが持っていたAquaの質感を、画像とCSSでウェブ側が再現しようとした結果の呼び名である。
ひと目で判断
見た目の特徴
- 光沢ボタン
- 強いグラデーション
- 反射
- 丸い角
向いている用途
- 2000年代Webへの懐かしさを出す
- 操作の楽しさを視覚的に強調する
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 丸いサンセリフ
- 構成
- 中央寄せ、立体ボタンを焦点に
- 素材
- 青系グラデーション、白いハイライト
- 注意
- 本物のUIでは影と反射を抑え、状態差が明確に読めるようにする。
- 関連研究
- early iOS UI / 2000s SaaS interfaces
関連項目
- ウェブ1.0（Web 1.0）同じ「デジタル・レトロ」の系統。ウェブ2.0グロスとウェブ1.0の違いを見る
- ミニマリズム（Minimalism）対比する意味がある項目として編集上つながっている。ウェブ2.0グロスとミニマリズムの違いを見る
デジタル・レトロをさらに見る
同じ「デジタル・レトロ」から、共通する印象が多い順に次の項目を選んだ。
- ハイパーカードのスタック（HyperCard Stack）共通する印象：遊び / 懐かしさ / 親密。
- ワイツーケー（Y2K）共通する印象：遊び / 懐かしさ。
- フューチャーファンク（Future Funk）共通する印象：遊び / 懐かしさ。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/web-two-gloss
- Markdown
- [ウェブ2.0グロス（Web 2.0 Gloss） — デザインスタイル辞典](https://indexstyle.org/ja/styles/web-two-gloss)
- HTML
- <a href="https://indexstyle.org/ja/styles/web-two-gloss">ウェブ2.0グロス（Web 2.0 Gloss） — デザインスタイル辞典</a>