{"id":"aero","no":401,"name":"Aero","ja":"エアロ","era":"2006–2012","family":"Microsoft UI","kind":"スタイル","collection":"Dictionary expansion 22","addedAt":"2026-08-18","source":{"title":"GUIdebook — Graphical User Interface gallery","url":"https://guidebookgallery.org/"},"reference":{"status":"verified","pageUrl":"https://guidebookgallery.org/","credit":"GUIdebook — Graphical User Interface gallery","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Putty%20vista%20composition.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Putty%20vista%20composition.png","credit":"Windows Vista の Aero 合成で表示された PuTTY 2009 — Wikimedia Commons / CC BY-SA 3.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Windows%20Remote%20Assistance%20Windows%207.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Windows%20Remote%20Assistance%20Windows%207.png","credit":"Windows 7 の Aero ガラス枠のダイアログ（Windows リモートアシスタンス）2021年撮影 — Wikimedia Commons / CC BY-SA 4.0"}]},"essence":"Windows Vista/7の半透明ガラスUI。すりガラスのウィンドウ枠、ライブサムネイル、GPU合成の滑らかさで「ガラス越しの奥行き」をOSの標準語彙にした。","cues":["すりガラスの枠","反射とハイライト","ライブサムネイル","GPU合成の奥行き"],"intents":["未来","高級","技術"],"works":["多数のウィンドウを重ねて使う業務画面で、下の作業を見失わせないとき","映像や写真を扱うアプリの操作パネルを、内容の上に浮かせて置くとき"],"recipe":{"type":"枠の文字は小さく細く保ち、背景が透けても読める濃さにする","layout":"ウィンドウ枠だけをガラスにし、内容領域は不透明のまま残す","material":"背景を大きくぼかし、上端に細いハイライトと薄い彩色を重ねる"},"avoid":"透けと光沢を画面全体に広げると、文字の背後が動くたびに読みにくさが変わり、押せる場所も分からなくなる。","colors":["#ffffff","#b3d6ef","#535371"],"motif":"graphic","pair":["luna","glassmorphism"],"study":["Windows Vista 2006","Aero Glassの設計指針","グラスモーフィズムへの再帰"],"en":{"essence":"The translucent glass UI of Vista and 7: frosted window frames, live thumbnails and GPU-composited depth making 'through glass' the OS's standard vocabulary.","cues":["Frosted frames","Reflections and highlights","Live thumbnails","GPU-composited depth"],"works":["Work screens stacking many windows where the layer beneath must stay visible","Control panels for photo or video apps floated above the content itself"],"recipe":{"type":"Small light labels on the frame, dark enough to survive translucency","layout":"Glass only on the frame, content areas kept fully opaque","material":"Heavily blurred backdrop, a thin top highlight, a faint tint"},"avoid":"Spreading translucency and gloss across the whole screen makes legibility shift with whatever moves behind the text, and hides what is clickable.","study":["Windows Vista, 2006","the Aero Glass guidelines","the return in glassmorphism"]},"links":{"page":"https://indexstyle.org/styles/aero","json":"https://indexstyle.org/api/styles/aero","designSpec":"https://indexstyle.org/styles/aero/design.md","imagePrompt":"https://indexstyle.org/styles/aero/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}