IndexStyle

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

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

词条579

辞典

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

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

48/579

8

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

Web Brutalism

ウェブ・ブルータリズム / 2014– / 风格 / 界面风格

直接呈现浏览器的默认样式,拒绝模板化的精致外观。

默认的标题与链接 / 带下划线的蓝色链接 / 极端的字号落差 / 没有装饰的分隔线与留白

design.md图像提示词

ChatGPTClaudeGoogle AI

22

Y2K

ワイツーケー / late 1990s–2000s / 风格 / 数字复古

以半透明塑料与圆润的未来感,表达对新千年的乐观。它的光泽来自能拿在手里的树脂与金属,而不是来自屏幕,这一点让它与同时期界面的亮泽分属两条脉络。

半透明塑料 / 银色 / 泡泡造型 / 赛博的明亮

design.md图像提示词

ChatGPTClaudeGoogle AI

23

Web 2.0 Gloss

ウェブ2.0グロス / 2000s / 风格 / 数字复古

用光泽、圆角与反射,把数字交互解释为可以触摸之物。它是网页端试图用图片和 CSS 复现操作系统里 Aqua 那种质感之后,留给这批做法的名字。

光泽按钮 / 强烈的渐变 / 反射 / 圆角

design.md图像提示词

ChatGPTClaudeGoogle AI

24

Skeuomorphism

スキューモーフィズム / 2000s–2010s / 风格 / 界面风格

借用真实材料与工具的线索,让陌生的交互变得可以理解。这个词说的是一条原理,所以 Aqua 和拉丝金属都是这条原理在具体产品里被实现出来的样子。

皮革、金属、纸张 / 立体的投影 / 现实世界的隐喻 / 细腻的质感

design.md图像提示词

ChatGPTClaudeGoogle AI

编辑方针

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

回到页首