主题合集

按主题浏览设计风格

把 130+ 种设计风格按用途与美学聚合成主题合集——暗色模式、复古、二次元、游戏 UI 等，帮你从意图直达合适的风格。

暗色模式设计风格

暗色模式不只是反转颜色——真正好的暗色界面会管理对比、层次和眩光，让每个表面在夜间依然清晰、耐看。这些风格都是暗色优先设计的，各自带有调校过的颜色 tokens、可读的表面层级，以及在深色背景上依然鲜活的强调色。选一个、复制它的 tokens，就能在你的 AI 编码工具里稳定落地暗色主题。

复古设计借用某个年代的字体、色彩与质感，让界面显得有人味、令人难忘——从 Y2K 金属质感、蒸汽波渐变，到世纪中叶印刷风与 8-bit 像素。这些风格精准还原每种美学，配以符合年代的调色板、字体与动效，让怀旧显得是有意为之，而非偶然。

二次元美学把粗犷的线条、网点质感、夸张的速度线与富有表现力的色彩带进界面设计。这些风格把漫画与动画的视觉语言转化为可用的 UI 系统——从少女漫的柔和到赛博机甲的强烈——配以 tokens 与组件配方，让戏剧感既清晰又统一。

游戏界面在沉浸感与信息量之间取得平衡——HUD、背包、菜单，即使在动态和高压下也要清晰可读。这些风格把游戏 UI 语言带到 Web：科幻 HUD 叠层、JRPG 面板、街机 CRT 辉光、像素菜单，各自的 tokens 都为高可读性与氛围感调校过。

大胆的色彩能抓住注意力、传递自信——但前提是调色板平衡、对比可控。这些高饱和风格，从多巴胺设计到孟菲斯与波普艺术，把鲜艳色彩与克制的 tokens 搭配，让活力显得是设计出来的，而非吵闹。

手绘界面让人感到温暖、亲切、充满人味——潦草的笔触、涂鸦式点缀、不完美的边缘，柔化产品的调性。这些风格用 tokens 与组件保留这种手作质感，同时保持一致，让亲和力能规模化而不显凌乱。

玻璃拟态在丰富的背景上叠加半透明表面——磨砂模糊、细亮边框、讲究的层级，让界面产生实体感与高级感。做不好就是一团浆糊；这些风格把配方调对了：合适的 backdrop blur、玻璃上对比安全的文字，以及让每一层在明暗模式下都清晰的 tokens。

渐变熬过了扁平化时代的封杀，带着纪律回归——极光网格、柔和双色调、深邃的径向辉光，为界面营造氛围而不破坏可读性。这些风格把渐变当作系统而非装饰：一致的色标、克制的饱和度，以及始终保住对比度的文字层。

几何设计用基本形构建界面——圆、网格、斜线与模块化色块，以数学化的意图排布。从包豪斯与瑞士理性主义，到装饰艺术的纹样与等距立体感，这些风格让结构本身成为视觉识别，tokens 保证比例在每个组件上都一致。

质感是无菌界面与想伸手触摸的界面之间的分水岭——纸张颗粒、织物纹理、Riso 油墨、噪点叠层、浮雕表面，让像素拥有材质记忆。这些风格克制而有目的地使用质感，让触感带来温度与识别度，同时不牺牲性能与可读性。

高对比既是审美立场，也是无障碍红利——粗边框、硬阴影、天然满足 WCAG 对比率的配色。从新野兽派到黑白编辑排版，这些风格让层级毫不含糊：每个操作、标题与状态都能瞬间读清，烈日下如此，低视力用户亦然。

对优秀产品美学应当研究，而非照抄——库比蒂诺式极简的克制、材质表面的层级逻辑、瑞士企业识别的笃定。这些风格把知名设计语言的成立原理提炼为原创、可复用的 token 系统，让你把同样的纪律用在自己的产品上，而不是模仿任何人的商业外观。