529
%2C%20cassettone%20in%20stile%20gustaviano%2C%20con%20ripiano%20in%20marmo%2C%20stoccolma%201773-1797%20circa.JPG)
IndexStyle
一部从作品本身写起的设计风格辞典。
它是纯粹的 HTML。任何浏览器、任何设备都能打开，不需要应用也不需要账号，机器读到的也是同一个页面。
| 词条 | 598 |
|---|
辞典
530
.jpg)
531
532
Xerox Star Interface
ゼロックス・スター・インターフェース / 1981–1990s / 风格 / 平台界面语言
1981年 Xerox 8010 的画面所确立的设计语言。文件夹、收发文篮、文件抽屉这类办公用品被画成带文字标签的图像排在屏幕上，当时的宣传册称之为电子桌面。画面上的东西可以用鼠标随意移动、复制和丢弃。
画面上的图像一定配有文字标签，不让图形单独承担意义 / 图像画的是办公桌上的东西，文件夹、收发文篮、文件抽屉 / 用鼠标抓取物件，移动、复制和删除属于同一套动作 / 电子表格表现为行与列的网格，操作网格的命令统一收进菜单
533
534
535
.png)
536
Oberon System Interface
オベロン・システムの画面 / 1988– / 版面 / 平台界面语言
维尔特和古特克内希特于1986年到89年间在 ETH 做出的系统的画面。窗口互不重叠，先把屏幕切成纵向的条带，再在条带内自上而下铺满。屏幕上任何形如 M.P 的文字都能用中键执行，因此系统没有菜单这种专用部件。
窗口不重叠。屏幕先被切成纵向的条带，再在条带内自上而下铺满 / 右侧有一条窄带，上面放日志，下面放列有命令的文本，左侧的宽带用于作业 / 每个视图器顶端有一行高的细框，里面以文字排着文档名和 System.Close 之类的命令 / 每像素一位的黑白。边框只有细直线，没有阴影、圆角和灰阶
537
538
.png)
539
540
Stamen Map Styles (Toner, Terrain, Watercolor)
スタメンの地図様式 / 2010s– / 风格 / 信息设计
Stamen Design 公开的三种有名字的地图样式，Toner 是黑白二值，Terrain 由地形阴影和植被的颜色构成，Watercolor 由在纸纹上晕开的色面构成。它让底图的外观可以像画风一样挑选，而不是靠配色设置去调，这一点与此前的网络地图不同。
Toner 只用黑与白绘制，没有灰色的中间调 / Watercolor 里海陆的交界像笔锋的边缘一样晕开，放大后纸纹仍在 / Watercolor 的水面在蓝里掺着绿松石色和紫色，道路则在橙与红褐之间摆动 / 注记、线条和底色分属不同的图层，可以去掉用不上的图层再分发
541
Single-Serving Site
シングルサービング・サイト / 2008– / 版面 / 网页上的读物
取一个专用域名，只用一页、只做一件事的网站。2008年2月 Jason Kottke 给了它名字，读者寄来约四百个实例，于是它作为一种类型固定下来。没有导航也没有可逛的去处，问题的答案铺满整个画面，到此为止。
域名本身就是问题，页面的内容只有那一个词的答案 / 没有标题也没有段落，一个词或一张图占据画面中央 / 没有菜单、没有搜索、也没有页脚链接，不给人准备下一步可去的地方 / 标题多为 Is It Christmas? 或 Is Twitter Down? 这类用是或否就能回答的句子
542
.png)
ADV / NVL Text Layout
ADV／NVL（ノベルゲームの文字組み） / 1990s– / 版面 / 游戏与纸牌
视觉小说的文字排版有两种带名字的型，ADV 把台词和叙述一行一行放进画面下方的窗口。NVL 则在占满整个画面的窗口里堆叠多行，每到分隔处就换页。制作环境 Ren'Py 的官方文档正是把两者定义为一对。
ADV 在画面下方常驻一个横长的窗口，一次只出现一行文字 / NVL 的文字铺满整个画面，读过的行向上堆叠 / NVL 换页时堆着的行一次全部消失，下一页从空白开始 / 选项的出现方式随型而变，NVL 不用全屏菜单，而是把选项排在当前正读的文字之后
543
GitHub Primer
GitHub Primer / 2017– / 风格 / 平台界面语言
GitHub's design system for turning dense development workflows into shared rules for color, type, icons, spacing and components. It favors flow over decoration, keeping many states and actions in a small area without giving up accessibility or responsive behavior.
Neutral surfaces with blue links and restrained status colors / Octicons paired with short action labels / Thin borders separating lists, tabs and sidebars / Consistent steps of type and spacing even at high density
544
Adobe Spectrum
Adobe Spectrum / 2013– / 风格 / 平台界面语言
Adobe's cross-application design system. Under the principles Rational, Human and Focused, it changes density between desktop and mobile while keeping tool-heavy interfaces from pulling attention away from the work itself.
Neutral surfaces with vivid color reserved for selection / Icons, type and borders scaling together / Toolbars and property panels joined by fine divisions / The creative work stays stronger than the interface
545
Atlassian Design System
Atlassian Design System / 2012– / 风格 / 平台界面语言
A system that translates the complexity of Jira and Confluence into shared tokens, content rules, spacing, grids and components. Consistency builds trust while keeping large sets of issues, documents and states navigable.
White and pale gray layers with blue primary actions / Rounded cards and lozenge-shaped status labels / Clear divisions among sidebar, table and detail pane / Color, spacing, radius and elevation controlled by tokens
546
Ant Design
Ant Design / 2015– / 风格 / 平台界面语言
A design system that keeps enterprise web applications at low entropy through reusable components and page patterns. Its values — Natural, Certain, Meaningful and Growing — systematize tables, forms, hierarchy and state without reducing information density.
Dense tables set in small type and fine rules / Blue primary actions with explicit semantic colors / Consistent forms, pagination, trees and tables / Readability achieved through alignment and repetition, not generous space
547
Shopify Polaris
Shopify Polaris / 2017– / 风格 / 平台界面语言
Shopify's UI framework for giving products, orders, payments and customers one commerce language. Cards and sections separate decisions, while short status and action language helps a merchant keep the store moving.
White cards stacked on a pale ground / Green used as success or forward motion / Title, status and primary action gathered at the top / Compact badges for product, order and payment states
548
Black Dandyism
ブラック・ダンディズム / 18th century– / 风格 / 时装史
A lineage of using tailoring and bearing as self-fashioning, editing back against a racialized gaze. It is not one level of ornament: it knows the codes, shifts the details, and carries dignity, resistance and identity at once.
Precise tailoring fitted to the body / A complete line from hat and collar to tie and shoe / Color, pattern or gesture shifting classic menswear codes / Confident, frontal self-presentation
549
Power Dressing
パワー・ドレッシング / 1970s–1980s / 风格 / 时装史
Dress that makes workplace authority visible. In the 1980s the sharply tailored, big-shouldered suit became a sign of upward mobility for women and men, enlarging and hardening the silhouette while also carrying the pressure to conform.
Padded jackets widening the shoulders / A fitted waist and inverted-triangle silhouette / Dark worsted cloth and pinstripes / Coordinated suit, shirt, tie or pumps
550
Fashion Deconstruction
ファッションの脱構築 / 1980s– / 风格 / 时装史
Exposes seam allowance, lining, raw edge, pattern and asymmetric joining instead of hiding clothing as a seamless whole. It does not merely destroy; it dismantles conventions and builds a different body from their parts.
Seam allowances and lining turned outward / Raw edges and deliberate fraying / Asymmetric joins and displaced balance / Patterns and interfacing treated as finished surfaces
551
Camp Fashion
キャンプ・ファッション / 19th century– / 风格 / 时装史
A sensibility that loves artifice, exaggeration, theatricality, parody and excess, enjoying the line between good and bad taste. Its force is not loudness alone but seriousness enlarged until it turns into humor and critique.
Silhouettes exaggerated beyond bodily scale / Artificial materials and excessive ornament / Quotation from historic dress and popular culture / Humor, parody and theatrical posing
552
Mori Girl / Mori Kei
森ガール／森系 / 2007– / 风格 / Japanese Street Fashion
A Japanese street fashion built by urban wearers imagining a girl who might live in a forest. Loose layers, ecru and earth colors, natural textures and old accessories extend into a story about a slower life.
Layered loose dresses and skirts / Low-chroma ecru, brown and moss / Lace, knit, linen and wool textures / Leather shoes, baskets and old accessories
553
Sportswear as Fashion
スポーツウェア・ファッション / late 19th century– / 风格 / 时装史
The exchange by which mobility, protection and new materials from sport enter everyday dress and fashionable shapes return to athletic clothing. From divided skirts to stretch, nylon and neoprene, functional movement helped form modern casual clothing.
Ease and stretch that preserve movement / Adjustments such as zips, ribs and drawcords / Team color, numbers and stripes used for identity / Functional fabrics including nylon, spandex and neoprene
554
Carbon Design System
Carbon Design System / 2015– / 风格 / 平台界面语言
IBM's system for data-heavy enterprise products, combining a strict grid, IBM Plex type and compact components so complex work remains legible.
IBM Plex and strong type hierarchy / White or deep-gray work surfaces / Dense tables, filters and side navigation / Blue reserved for action and focus
555
Salesforce Lightning Design System
Salesforce Lightning / 2015– / 风格 / 平台界面语言
Salesforce's interface language for record-centered business work, organizing objects, actions and status into repeatable workspace patterns.
Object headers with compact metadata / Tabs, cards and activity timelines / Cloud blue with semantic status colors / Dense forms and record tables
556
SAP Fiori
SAP Fiori / 2013– / 风格 / 平台界面语言
SAP's role-based design language reduces enterprise processes to the information and actions each person needs, then carries them consistently across devices.
Role-based launchpad tiles / Shell bar and object pages / Compact tables and semantic status / Calm blue on pale work surfaces
557
U.S. Web Design System
米国Webデザインシステム / 2015– / 风格 / 公共设计
A shared system for accessible, mobile-friendly and trustworthy U.S. federal web services, built from tested public-service patterns.
White, navy and restrained federal red / Large plain headings and readable body text / Official-site banner / Clear forms, alerts and step indicators
558
NHS Design System
NHSデザインシステム / 2016– / 风格 / 公共设计
The NHS system makes urgent health information and services calm, direct and consistent through plain language, strong focus states and tested clinical patterns.
NHS blue and generous white space / Large headings and short paragraphs / Callouts for warning and care advice / Visible focus and simple forms
559
BBC Global Experience Language
BBC GEL / 2010– / 风格 / 平台界面语言
BBC's global experience language unifies news, video, audio and children's products through readable hierarchy, accessible media controls and reusable editorial components.
Black header over white content / Short bold headlines / News cards with consistent image ratios / Highly visible focus, captions and playback controls
560
Mozilla Protocol
Mozilla Protocol / 2017– / 风格 / 平台界面语言
Mozilla's flexible web system puts content and global accessibility ahead of decoration while retaining a vivid open-web personality.
Bold black headings and broad white space / Large fields of vivid color / Flexible billboards and cards / Short copy and explicit calls to action
561
Elastic UI
Elastic UI / 2017– / 风格 / 平台界面语言
Elastic's interface system is made for searching, filtering and diagnosing large data sets without losing operational density.
Fixed header and left navigation / Persistent query, filter and time controls / Tables and time-series charts in shared panels / Bright series colors limited to data
562
.jpg)
Material You
Material You / 2021– / 风格 / 谷歌 UI
Material You makes adaptability itself consistent: dynamic color, generous shapes and personalized motion vary by person while semantic roles stay stable.
Harmonized colors derived from wallpaper / Large rounded cards and controls / Selection changes both color and shape / Broad spacing and large display type
563
The New Aesthetic
ニュー・エステティック / 2011– / 世界观 / Digital Culture
James Bridle's New Aesthetic names the way machine vision and network imagery leak into physical culture through pixels, satellite views, detection boxes and sensor errors.
Pixels enlarged onto physical objects / Recognition rectangles and coordinates / Satellite, map and surveillance viewpoints / Compression, omission and machine misclassification
564
Post-Internet Art
ポスト・インターネット・アート / 2000s– / 世界观 / Digital Culture
Post-Internet art treats the internet as an ordinary condition of life and production, turning the circulation between online images, objects, exhibitions and documentation into the work.
Network images converted into prints or objects / Screenshots, product images and 3D renders mixed / Installation views returning to social feeds / High-resolution and compressed imagery on the same surface
565
Retrofuturism
レトロフューチャリズム / 1970s– / 世界观 / Digital Culture
Retrofuturism revisits futures imagined in the past through their vehicles, materials, advertising and cosmic visions, preserving both their hope and their blind spots.
Streamlined vehicles and monumental cities / Analog gauges, chrome and vacuum tubes / Space-age advertising type and diagrams / Faded print beside luminous future imagery
566
PatternFly
PatternFly / 2012– / 风格 / 平台界面语言
Red Hat's open-source screen language for enterprise products keeps complex infrastructure manageable through dense navigation, data views and tightly controlled status color.
Dark masthead and left navigation / Dense tables and forms on white or pale-gray work surfaces / Blue for primary action and red, orange or green for status / List, detail and action shown in coordinated panes
567
elementary OS
elementary OS / 2011– / 风格 / 平台界面语言
elementary OS builds a consistently beautiful, immediately understandable desktop from concise language, single-purpose windows, distinctive app icons and restrained depth.
A few primary actions in the top toolbar / Short copy built from concrete verbs / Multicolor app icons with distinctive silhouettes and a dark one-pixel outline / White work surfaces, pale chrome and blue suggested actions
568
GitLab Pajamas
GitLab Pajamas / 2018– / 风格 / 平台界面语言
GitLab's screen language connects code, issues, review, CI/CD and security inside one DevSecOps product through GitLab Sans and Mono, persistent navigation, dense lists and a purple-inflected neutral palette.
GitLab Sans paired with GitLab Mono for code / Layered structure built from left navigation and application chrome / Dense issue, merge-request and pipeline lists / White or charcoal surfaces with purple as brand focus
569
Firefox Photon
Firefox Photon / 2017–2021 / legacy / 风格 / 平台界面语言
Introduced with Firefox Quantum, Photon unified desktop and mobile around a fast, recognisable Firefox language of compact browser chrome, vivid color, light icons and motion that stays behind the web content.
Compact browser chrome and squared-off tabs / Vivid blue, purple and orange on white or deep navy / Thin simplified line icons / Brief transitions and unmistakable selection or focus
570
Ubuntu Yaru
Ubuntu Yaru / 2018– / 风格 / 平台界面语言
Ubuntu's community-built default theme overlays Adwaita-based GTK and GNOME Shell with Ubuntu orange, dark header bars and Suru-derived icons, distributing windows, shell, icons, cursors and sound as one suite.
Light window body contrasted with a dark header bar / Ubuntu orange for selection and focus / Suru-derived icons based on circles, squares and vertical or horizontal oblongs / One-pixel icon edge, restrained gradient and lower shadow
571
Canonical Vanilla
Canonical Vanilla / 2013– / 风格 / 平台界面语言
Canonical's CSS-based screen language unifies Ubuntu, MAAS, Juju and related sites and applications through Ubuntu type, split grids, ruled sections and generous space, optimized for scanning long technical content.
Thin large headings paired with bold smaller headings in Ubuntu type / Asymmetric 25/75 and 50/50 splits / Fine rules above sections and generous vertical space / White surfaces, dark text and orange or aubergine focus
572
Firefox Proton
Firefox Proton / 2021–2026 / 风格 / 平台界面语言
The Firefox 89 redesign made the browser brighter and calmer by streamlining toolbars and menus and adopting floating rounded tabs, lighter iconography, more spacing and a purple-inflected palette across desktop, iOS and Android.
A rounded active tab floating above the toolbar / Text-led menus with fewer redundant icons / Generous spacing and light linear iconography / Neutral browser chrome with purple and blue selection states
573
Pixel Sorting
ピクセルソーティング / 2010– / 技法 / 数字图像技法
Pixel Sorting selects image pixels by a brightness or hue threshold and reorders them within rows or columns, drawing long color streaks out of a still-recognisable source image. Kim Asendorf's released code enabled widespread reimplementation.
Long horizontal or vertical pixel streams leaving a figure or landscape / Only part of an outline flowing into bands / Unselected areas preserving the source image / Local color bands smoothly ordered by value or hue
574
DeepDream
ディープドリーム / 2015– / 技法 / 数字艺术
Google's visualization technique repeatedly amplifies features learned by an image-recognition network, making eyes, animals and towers emerge excessively from clouds, rocks and leaves until misrecognition becomes a recursive hallucinatory surface.
Eyes and animal faces repeated across the frame / Swirling texture multiplying along source contours / Multi-scale repetition that reveals new figures when viewed closer / Saturated blue, yellow and violet rolling continuously
575
New Romantic
ニュー・ロマンティック / 1979–1983 / 风格 / 亚文化风格
Born around London's Blitz club, New Romantic dress turned punk's black destruction into theatrical self-invention by mixing pirates, Regency dress, cabaret and futuristic materials. A look was built as a character for the night, not bought complete.
Frilled shirts, sashes and quotations of military or pirate dress / Whitened face, strong blush and asymmetric makeup / Large head silhouette built from hats, feathers and jewelry / Historic costume mixed with synthetics and futuristic shine
576
Acid House Fashion
アシッドハウス・ファッション / 1988–1991 / 风格 / 亚文化风格
Second Summer of Love warehouse raves put yellow smileys, fluorescent color and reflective material onto oversized tees and functional clothing made for hours of dancing, compressing community recognition into one simple face.
Black smiley on yellow / Oversized T-shirts, loose trousers and bucket hats / Fluorescent yellow, orange and green against black / Repeated reflective material, sports fabric and pin badges
编辑方针
IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现，并能与近邻区分的视觉语言。 收录标准
- 参考图片一律是真实存在的作品：美术馆、图书馆、档案机构收藏的照片与图版，或官方资料。本站既不创作也不修改。
- 若某一风格找不到可合法使用的图片，条目改为呈现 AI 生成的诠释图像。它必定标注清楚，不进入参考作品图集、分享图与机器可读数据，一旦找到实物即刻替换。目前 598 条中有 54 条如此。
- 每一条目都注明据以收录的出处并附链接；出处链接在收录时核验，其后也会定期复查。
- 风格、技法与互联网美学分类清楚，绝不混为一谈。
- 相关条目可双向追溯。
- 图片权利的处理方式请参见关于引用与参考图片。