アクア
Aqua / 2000–2014 / スタイル / Apple UI
Mac OS Xが提示した「舐めたくなるボタン」のデザイン言語。ゼリー状の光沢、ピンストライプ、深い影とジニーエフェクトが、デジタル部品を触れる物体として演出し、2000年代のUI全体を規定した。これを画像で真似た当時のウェブ側がウェブ2.0グロスにあたる。
ひと目で判断
見た目の特徴
- ゼリー状の光沢ボタン
- ピンストライプの地
- 深いドロップシャドウ
- 水と光の隠喩
向いている用途
- 2000年代のデジタル文化を、当時の質感のまま再現するとき
- 操作できる部分を、押せる物体として一目で示したいとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 文字には影を付けず、光沢の面の上でも読める太さを確保する
- 構成
- 部品を等間隔で並べ、面と面の間に影が落ちる隙間を空ける
- 素材
- 上半分に強い白のハイライト、下端に反射と深い影を重ねる
- 注意
- 光沢と影を全部品へ均等にかけると、どこが押せるのか分からなくなり、質感だけ残って階層が消える
- 関連研究
- Mac OS X Public Beta 2000 / ジョブズ「舐めたくなる」発言 / Liquid Glassへの再帰
関連項目
- スキューモーフィズム（Skeuomorphism）共通する印象：親密。アクアとスキューモーフィズムの違いを見る
- リキッドガラス（Liquid Glass）同じ「Apple UI」の系統。アクアとリキッドガラスの違いを見る
Apple UIをさらに見る
同じ「Apple UI」から、共通する印象が多い順に次の項目を選んだ。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/aqua
- Markdown
- [アクア（Aqua） — デザインスタイル辞典](https://indexstyle.org/ja/styles/aqua)
- HTML
- <a href="https://indexstyle.org/ja/styles/aqua">アクア（Aqua） — デザインスタイル辞典</a>