DESIGN STYLE DICTIONARY

设计风格词典

24 种 UI 设计风格,用同一张样板页换皮对比;每种附色板、字体、起源与可直接复制给 AI 的中英文提示词。

拟物与质感

用阴影、模糊和高光模拟真实材质,靠质感而不是颜色建立层次。

新拟态Neumorphism用同色背景上一亮一暗两道柔和阴影,让元素像从底板里凸起或压下去的风格。
玻璃拟态Glassmorphism把半透明的磨砂玻璃面板叠在色彩丰富的背景上,靠背景模糊和细亮边框表达层次的风格。
粘土风Claymorphism用奶油粉彩配大圆角,再叠外投影与双内阴影,让界面元素像充了气的软粘土块一样鼓起的风格。
液态玻璃Liquid Glass比磨砂玻璃更通透的半透明面板,带内侧高光边和胶囊形外轮廓,整体像一滴会折光的水珠。

极简与秩序

用网格、留白和克制的色彩组织信息,强调清晰与效率。

扁平化Flat Design只用纯色块、清晰的几何图标和高饱和配色,去掉阴影、渐变与纹理,让界面回归平面的风格。
Material DesignMaterial Design把界面看作纸张叠层,用统一的高度投影、明确的主色和圆润形状建立层级的 Google 设计语言。
瑞士国际主义Swiss Style白底黑字加一抹强红,用严格网格、左对齐与巨号无衬线标题组织信息,零装饰、零圆角的风格。
便当格Bento Grid把内容装进大小不一的圆角格子里拼成模块化网格,像日式便当盒一样整齐又有主次的布局风格。

复古与年代

取材于某个年代的界面、海报与流行文化,用强烈的时代符号制造记忆点。

Y2K 风格Y2K Aesthetic银色镀铬、糖果粉蓝与气泡圆角交织,带着千禧年前后互联网和消费电子乐观气息的未来感风格。
孟菲斯Memphis Design奶白底色上堆满撞色几何、波点与斜纹,配粗黑描边和硬投影,像 1980 年代家具海报的活泼风格。
蒸汽波Vaporwave粉紫青渐变天空、透视网格与老式系统窗口叠在一起,用怀旧的消费主义幻象营造梦幻失真感的风格。
像素 8-bitPixel Art用有限色板、零圆角和阶梯状像素描边搭建界面,处处保留 8 位游戏机时代的方块感与硬朗节奏。

先锋与反叛

故意打破常规排版与配色,用粗粝、冲突和高对比表达态度。

野兽派Brutalism白底黑字、等宽字体、裸露的粗黑边框和默认链接蓝,刻意朴素粗糙、不讲究对齐的网页风格。
新野兽派Neo-Brutalism高饱和色块配 3px 粗黑描边与零模糊硬投影,保留野兽派的直白,却更明快友好的现代风格。
赛博朋克Cyberpunk近黑底色上叠加霓虹黄、品红与青色,配切角面板和发光文字,营造高科技低生活的未来都市感。
酸性设计Acid Graphics黑色或银色底上用荧光绿、铬银渐变、描边大字与倾斜变形,加上细网格和技术标注的迷幻风格。

自然与人文

从东方美学、手工痕迹和自然材质中取材,追求温度与情绪。

新中式New Chinese Style宣纸米底配朱砂红印章、黛青与金色点缀,用宋体标题、回纹细线和方形按钮,把东方意象转成当代界面。
手绘涂鸦Hand-drawn纸白底上用不对称的黑色手绘边框、荧光笔高亮和 Caveat 手写字,营造像随手画在笔记本上的轻松感。
侘寂Wabi-sabi米灰与陶土色的低饱和底色,配大面积留白、细线和轻微纹理,让朴素与不完美本身成为美感的风格。
有机自然Organic Design森林绿、苔绿与沙色搭配不规则圆角、波浪分隔线和柔和投影,让界面像植物与石头一样自然生长。

科技与界面

源自数据大屏、终端与科幻设定,用深色、发光和精密网格表达科技感。

数据大屏风Data Dashboard Screen深蓝底配青蓝发光数字、四角装饰的半透明卡片和横向光线标题,是政企可视化项目里常见的科技大屏。
终端黑客风Terminal Style纯黑底配荧光绿等宽字体、方括号按钮、命令提示符和扫描线,模仿老式字符终端与黑客电影里的屏幕。
深色科技Dark Tech近黑底色配 8% 白色细边框、紫蓝渐变强调与顶部光晕,网格逐渐淡出,是开发者产品的常见深色界面。
全息镭射Holographic珍珠白底上用粉、蓝、薄荷、黄、紫的彩虹渐变描边与按钮,模拟镭射箔纸在不同角度下的幻彩反光。