跳到正文
UIGrammer
EN 中文

语汇

先叫出气质。

别再说「简洁大气」。说出你真正想要的风格。

标本

Neo-Brutalism

Thick black borders, hard shadows, loud flat color.

Continue

新粗野

粗黑描边、硬阴影、高饱和平涂色。

标本

Aurora

Blurred color clouds behind floating white cards.

Continue

极光

模糊色光浮在白色卡片之后。

标本

Swiss

Strict grid, oversized type, one red accent.

Continue

瑞士

严格栅格、超大字号、单点红。

标本

Glassmorphism

Translucency, blur, light edge. Without a vivid background it is just a…

Continue

玻璃拟态

半透明、模糊、亮边。没有鲜活背景就只是一张白卡片。

标本

Dark UI

Charcoal, not navy. Specify warm vs cool black.

Continue

深色界面

炭黑,不是海军蓝。写明暖黑还是冷黑。

标本

Bento

Unequal tiles, 12-column rhythm, one hero cell.

Continue

便当格

不等宽格子、十二栏节奏、一块主格。

标本

Minimal

Quiet surfaces, hairlines, no decoration for its own sake.

Continue

极简

安静的表面、发丝线,不为装饰而装饰。

标本

Material Design

Tonal surfaces, pill actions, elevation instead of borders.

Continue

Material 设计

色调表面、胶囊按钮、以海拔代替描边。

标本

Fluent Design

Calm chrome, 4px corners, one work blue, hairline depth.

Continue

Fluent 设计

冷静的 chrome、4px 圆角、单一工作蓝、发丝级层次。

标本

Cupertino

Large titles, grouped lists, system blue, continuous radii.

Continue

Cupertino 风格

大标题、分组列表、系统蓝、连续圆角。

标本

Brutalism

Hard edges, raw type, visible structure.

Continue

粗野

硬边、生字、看得见的结构。

标本

Cyberpunk

Night city: teal data, hard black, one warning color.

Continue

赛博朋克

夜城:青绿数据、硬黑、一个警示色。

标本

Gradient

Name the two stops and the angle, not "colorful".

Continue

渐变

说出两个色标和角度,不要说「很彩」。

标本

Neumorphism

Soft extruded UI. Same hue for surface and shadow.

Continue

新拟态

柔软挤出的界面。表面和阴影同色相。

标本

Editorial

Type as layout: large display, generous measure, few rules.

Continue

编辑体

字体即布局:大标题、宽松行宽、很少的线。

标本

Claymorphism

Fat radii, pastel inflatables, inner light.

Continue

黏土拟态

胖圆角、粉彩充气、内发光。

标本

Liquid Glass

Translucent layers with a specular edge.

Continue

液态玻璃

半透层 + 一条高光边。

标本

Y2K

Chrome gradients, glossy pills, pixel sparkle.

Continue

Y2K

镀铬渐变、糖丸高光、像素星光。

标本

Terminal

Monospace on black. A blinking cursor.

Continue

终端

黑底等宽字,一个闪烁光标。

标本

Flat

Solid fills. One bold accent. No gradient.

Continue

扁平

纯色填充。单一跳色。无渐变。

标本

Skeuomorphic

Beveled panels. Glossy buttons. Real material.

Continue

拟物

斜面面板。糖亮按钮。真实材质。

标本

Organic

Blobs. Soft gradients. Diffuse shadow.

Continue

有机

流体色块。柔和渐变。弥散阴影。