IndexStyle

一部从作品本身写起的设计风格辞典。

它是纯粹的 HTML。任何浏览器、任何设备都能打开,不需要应用也不需要账号,机器读到的也是同一个页面。

词条738

辞典

可以按风格名搜索,也可以描述要做的东西。 名称匹配优先,再按用途、感受与媒介补充相近选择。

示例包豪斯高级感的招聘网站可信的金融应用

24/254 条

523

Biedermeier — 《比德迈风格沙发》奥地利 约1815–1825年 蒙特利尔美术馆 — Wikimedia Commons / Public domain

Biedermeier

ビーダーマイヤー / 1820s–1850s / 风格 / 家具与室内

对1820年代至1850年代中欧美术与室内的一个后来才安上的讽刺称呼,后来就此成了样式名。它与中产阶级的趣味相连,特点是避开繁复装饰的率直造型,以及饱含情感地描绘身边人物与自然的题材。

家具上不加雕刻与镶嵌,轮廓保持简单就此收住。 / 取代装饰的是木板本身的纹理直接朝向正面。 / 题材取自身边的人物与自然,带着情感描写。 / 尺度不大,适合市民的居室而不是王侯的大厅。

design.md图像提示词

526

Aesthetic Movement — James McNeill Whistler《孔雀厅(蓝与金的和谐)》1876–77年 弗里尔美术馆 — Wikimedia Commons / CC BY-SA 4.0 · © Votpuske

Aesthetic Movement

唯美主義運動 / 1870s–1880s / 风格 / 家具与室内

1870年代至80年代英美的一场运动,从绘画一直贯穿到家具、织物与建筑。它标举“为艺术而艺术”,把美自身独立的价值置于教训、故事和题材分量之上。因此装饰并不叙说什么,一切只由画面的调和来决定。

向日葵和百合以同样的形态反复出现在器物、织物和室内。 / 色域偏向橄榄绿与黄,暗红与米色在黑地上相配。 / 把日本意匠改成平面的重复纹样,圆形的竹、样式化的花形和垂下的叶铺在菱格地纹之上。 / 青花瓷陈列在室内,器物本身就被当作装饰的一部分。

design.md图像提示词

527

Craftsman Style — Gustav Stickley(United Crafts)《扶手椅》1901年 芝加哥艺术博物馆 — Wikimedia Commons / CC BY 3.0 · © Sailko

Craftsman Style

クラフツマン様式 / 1870s–1920s / 风格 / 家具与室内

约1870年至1925年间在美国流行的建筑、室内与工艺样式。它以放弃历史样式的引用、选择简素这一点承接英国的工艺美术运动,但推动者一直扩展到社会改良家、教育者和妇女团体。它多见于平房这类小型住宅,以材料如实外露的形态出现。

梁与托木一类结构构件不被封住,就那样露在外面。 / 没有柱头、涡卷这些从历史样式借来的装饰部件。 / 它成立在平房这类小住宅的尺度上,而不是大宅邸。 / 木与石不被涂料盖住,面由材料本身的颜色和纹理构成。

design.md图像提示词

529

Gustavian Style — 斯图勒霍夫庄园 绿厅 1781年 — Wikimedia Commons / CC BY-SA 4.0 · © Holger.Ellgaard

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / 风格 / 家具与室内

在古斯塔夫三世治下形成的瑞典新古典。范本是路易十六样式的形式化古典主义,国王曾造访凡尔赛,并把法国工匠请到宫廷。只是昂贵的材料被换成了本国产的玻璃。

克制的新古典轮廓,直接照搬路易十六样式的形。 / 水晶的坠饰被换成小颗的透明玻璃珠。 / 钴蓝色的玻璃只少量地掺进透明玻璃之中。 / 镀金的金属件与链条作为串起玻璃的骨架露在外面。

design.md图像提示词

531

Machine Art — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Machine Art

マシン・アート / 1934 / 风格 / 近代设计运动

1934年纽约现代艺术博物馆举办的一场展览的名称。弹簧、锅具、仪表这类批量生产的实用品被放上基座,按雕塑的规格来展示。展厅是把十九世纪褐砂石建筑的线脚遮盖起来重新搭建的,让无装饰之物以无装饰的样子呈现,正是这次展览的条件。

基座之上,实用的量产部件一件一件拉开间距摆放 / 墙面和天花的线脚被遮住,背景的平面上没有任何纹样 / 展品是弹簧、锅具、仪表这类原本并非为观看而造的东西 / 作者一栏里排着的不是人名,而是制造公司的名字

design.md图像提示词

534

Breeze — KDE Plasma 6 的 Breeze(Debian Trixie)— Wikimedia Commons / CC0

Breeze

ブリーズ / 2014– / 风格 / 平台界面语言

KDE 随 Plasma 5 一起引入的默认视觉样式。发布说明自称是高对比度的扁平主题,把图像整理得简单而接近单色。它不用装饰,而是依靠文字排版来区分元素,并且从一开始就把明暗两套配成一对。

没有明暗塑造的平面,元素的边界只靠色彩差异和对比来交代 / 图标和图像被整理得接近单色,用色数量压得很紧 / 标题与正文的对比代替了装饰,文字排版成为画面的骨架 / 同一套图像有明版和暗版,成对存在

design.md图像提示词

535

Acme — Plan 9 from Bell Labs 的 acme 界面 — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / 风格 / 平台界面语言

Rob Pike 在1994年的论文中给出的画面,把窗口系统、shell 和编辑器合为一体。它没有菜单也没有图标,屏幕上任何一段字符串都可以用中键执行、用右键打开。窗口在纵向的列中堆叠,每个窗口只有一行标签行和正文两层。

窗口在纵向的列中堆叠,每个窗口只由一行标签行和正文两层组成 / 滚动条在正文的左端,右端什么都不放 / 用中键划过一段字符串时,只在按住期间给这段字符串加下划线 / 正文是淡黄色,标签行是淡蓝色,没有一个可按的按钮或图标

design.md图像提示词

536

Oberon System Interface — Oberon-0 的画面,标签行与铺满的界面 — Wikimedia Commons / CC BY-SA 4.0 · © PeterEasthope

Oberon System Interface

オベロン・システムの画面 / 1988– / 版面 / 平台界面语言

维尔特和古特克内希特于1986年到89年间在 ETH 做出的系统的画面。窗口互不重叠,先把屏幕切成纵向的条带,再在条带内自上而下铺满。屏幕上任何形如 M.P 的文字都能用中键执行,因此系统没有菜单这种专用部件。

窗口不重叠。屏幕先被切成纵向的条带,再在条带内自上而下铺满 / 右侧有一条窄带,上面放日志,下面放列有命令的文本,左侧的宽带用于作业 / 每个视图器顶端有一行高的细框,里面以文字排着文档名和 System.Close 之类的命令 / 每像素一位的黑白。边框只有细直线,没有阴影、圆角和灰阶

design.md图像提示词

538

Solarized — 应用 Solarized Light 的 Xcode 4 2011年 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada

Solarized

ソラライズド / 2011– / 风格 / 界面风格

Ethan Schoonover 连数值一并公开的、供终端和编辑器使用的十六色。它由八个底色和八个强调色组成,底色在 CIELAB 上的明度差取成对称,因此明底和暗底互换后阅读的调子也不变。它压低明暗差,用色相的差别来区分词。

底色既不是纯黑也不是纯白,一个偏青绿,一个偏米黄 / 正文与底色的明度差很小,以比白底黑字更柔的力度让人阅读 / 八个强调色的明度几乎一致,只靠色相的不同来区分 / 在明底和暗底之间切换,同一个强调色仍以同样的角色出现

design.md图像提示词

539

Skeleton Screen — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Skeleton Screen

スケルトン・スクリーン / 2013– / 技法 / 界面风格

加载时不出旋转图标,而是先把内容进入之前的空画面显示出来,再把信息一点点灌进去的做法。Luke Wroblewski 在2013年以自制应用 Polar 的反思为由,用这个名字介绍了它。它展示的不是让人等待这件事,而是事情正在推进。

加载过程中不出现旋转图标和进度条 / 正文和图片要落入的位置上,先放着同样尺寸的素面色块 / 内容到达之前版面就已确定,到达后元素也不移动 / 信息不是一次全出,而是按区域依次填满

design.md图像提示词

542

ADV / NVL Text Layout — 《暮蝉悲鸣时》韩语版的 NVL 型界面 — Wikimedia Commons / Public domain

ADV / NVL Text Layout

ADV/NVL(ノベルゲームの文字組み) / 1990s– / 版面 / 游戏与纸牌

视觉小说的文字排版有两种带名字的型,ADV 把台词和叙述一行一行放进画面下方的窗口。NVL 则在占满整个画面的窗口里堆叠多行,每到分隔处就换页。制作环境 Ren'Py 的官方文档正是把两者定义为一对。

ADV 在画面下方常驻一个横长的窗口,一次只出现一行文字 / NVL 的文字铺满整个画面,读过的行向上堆叠 / NVL 换页时堆着的行一次全部消失,下一页从空白开始 / 选项的出现方式随型而变,NVL 不用全屏菜单,而是把选项排在当前正读的文字之后

design.md图像提示词

543

GitHub Primer — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

GitHub Primer

GitHub Primer / 2017– / 风格 / 平台界面语言

GitHub 的设计系统把密集的开发流程转化为颜色、字体、图标、间距与组件的共同规则。它让流程先于装饰,在狭小空间里容纳大量状态与操作,同时不牺牲无障碍和响应式表现。

中性色表面、蓝色链接与克制的状态色 / Octicon 图标配以简短的操作标签 / 用细边线分开列表、标签页与侧栏 / 即使信息密集,字号与间距仍遵循一致的级差

design.md图像提示词

544

Adobe Spectrum — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Adobe Spectrum

Adobe Spectrum / 2013– / 风格 / 平台界面语言

Adobe 跨应用的设计系统。它以理性、人性与专注为原则,在桌面端和移动端之间调整密度,同时让工具繁多的界面不从作品本身夺走注意力。

中性色表面,鲜明色彩只留给选中状态 / 图标、字体与边框按同一尺度共同变化 / 工具栏和属性面板用细线相接 / 创作内容始终比界面更有视觉分量

design.md图像提示词

550

Fashion Deconstruction — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Fashion Deconstruction

ファッションの脱構築 / 1980s– / 风格 / 时装史

把缝份、里衬、毛边、纸样与不对称拼接暴露出来,不再把服装隐藏成一个无缝整体。它不只是破坏,而是拆开惯例,再用这些部件建造另一种身体。

缝份与里衬翻到外侧 / 未经收边的边缘与刻意的磨散 / 不对称拼接与移位的平衡 / 把纸样与衬布当作完成表面

design.md图像提示词

552

Mori Girl / Mori Kei — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Mori Girl / Mori Kei

森ガール/森系 / 2007– / 风格 / Japanese Street Fashion

一种由都市穿着者想象“可能住在森林里的女孩”而形成的日本街头时尚。宽松叠穿、米白与大地色、自然肌理和旧式配饰,共同延伸为关于慢生活的叙事。

宽松连衣裙与半身裙的多层叠穿 / 低饱和米白、棕色与苔藓绿 / 蕾丝、针织、亚麻和羊毛肌理 / 皮鞋、篮子和旧式配饰

design.md图像提示词

554

Carbon Design System — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Carbon Design System

Carbon Design System / 2015– / 风格 / 平台界面语言

IBM面向数据密集型企业产品的系统,以严格网格、IBM Plex字体和紧凑组件让复杂工作保持清晰可读。

IBM Plex与强烈的字体层级 / 白色或深灰工作表面 / 密集表格、筛选器和侧边导航 / 蓝色仅用于操作与焦点

design.md图像提示词

556

SAP Fiori — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

SAP Fiori

SAP Fiori / 2013– / 风格 / 平台界面语言

SAP的角色导向设计语言把企业流程缩减为每个人所需的信息和操作,并在不同设备之间保持一致。

按角色组织的启动台磁贴 / Shell栏与对象页面 / 紧凑表格和语义状态 / 浅色工作表面上的沉静蓝色

design.md图像提示词

557

U.S. Web Design System — USA.gov 首页 2023年 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / 风格 / 公共设计

一个服务于美国联邦网站的共享系统,以经过验证的公共服务模式构建可访问、移动友好且可信赖的服务。

白色、海军蓝与克制的联邦红 / 大而朴素的标题和易读正文 / 官方站点识别横幅 / 清晰的表单、提示与步骤指示

design.md图像提示词

558

NHS Design System — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

NHS Design System

NHSデザインシステム / 2016– / 风格 / 公共设计

NHS系统通过直白语言、鲜明焦点状态和经过测试的临床模式,让紧急健康信息与服务保持平静、直接和一致。

NHS蓝与充足留白 / 大标题与短段落 / 警告和护理建议提示框 / 清楚可见的焦点与简单表单

design.md图像提示词

566

PatternFly — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

PatternFly

PatternFly / 2012– / 风格 / 平台界面语言

Red Hat面向企业产品的开源界面语言,以密集导航、数据视图和严格受控的状态色,让复杂基础设施仍可管理。

深色顶部栏与左侧导航 / 白色或浅灰工作表面上的密集表格和表单 / 蓝色用于主要操作,红橙绿用于状态 / 列表、详情和操作在协调面板中展示

design.md图像提示词

567

elementary OS — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

elementary OS

elementary OS / 2011– / 风格 / 平台界面语言

elementary OS以简练语言、单一用途窗口、鲜明应用图标和克制的纵深,构建一致美观且立即可理解的桌面。

顶部工具栏仅保留少数主要操作 / 由具体动词组成的短文案 / 轮廓鲜明、带一像素深色边线的多彩图标 / 白色工作面、浅色框架与蓝色建议操作

design.md图像提示词

568

GitLab Pajamas — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

GitLab Pajamas

GitLab Pajamas / 2018– / 风格 / 平台界面语言

GitLab的界面语言通过GitLab Sans和Mono、持续导航、密集列表与略带紫色的中性色板,把代码、问题、审查、CI/CD和安全连接进一个DevSecOps产品。

GitLab Sans与用于代码的GitLab Mono搭配 / 左侧导航与应用框架构成分层结构 / 密集的问题、合并请求与流水线列表 / 白色或炭灰表面,以紫色作为品牌焦点

design.md图像提示词

571

Canonical Vanilla — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Canonical Vanilla

Canonical Vanilla / 2013– / 风格 / 平台界面语言

Canonical基于CSS的界面语言,通过Ubuntu字体、分割网格、带细线的段落与充足空间统一Ubuntu、MAAS、Juju等站点与应用,适合快速浏览长篇技术内容。

Ubuntu字体的大号细标题与较小粗标题 / 不对称的25/75与50/50分栏 / 段落上方细线与充足纵向空间 / 白色表面、深色文字与橙色或茄紫色焦点

design.md图像提示词

572

Firefox Proton — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Firefox Proton

Firefox Proton / 2021–2026 / 风格 / 平台界面语言

Firefox 89 的重新设计,使浏览器更加明亮和简洁。通过优化工具栏和菜单,并采用悬浮的圆角标签、更轻巧的图标、更大的间距以及在桌面版、iOS 和 Android 上都使用了带有紫色调的配色方案。

圆角的活动标签悬浮在工具栏上方 / 以文本为主的菜单,减少冗余图标 / 宽敞的空间和轻巧的线性图标 / 中性的浏览器外观,以及带有紫色和蓝色状态的选择状态

design.md图像提示词

编辑方针

IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现,并能与近邻区分的视觉语言。 收录标准

回到页首