设计风格集合
每种风格都包含完整文档、组件模板和 AI 规则,方便快速接入。
先按产品场景筛选,再打开单个风格查看色板、字体、组件配方和 AI 实现规则。确定视觉方向后,可以继续使用提示词库或模板完成页面。
提示:按 / 可快速聚焦搜索,按 Esc 可清空。
类型: 视觉风格
当前筛选: 类型: 视觉风格
已显示 24 / 128 个结果
大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。
优雅的杂志排版风格,衬线标题、无衬线正文、精致的留白和网格系统。灵感来自高端时尚杂志和报纸排版。
柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。
半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。
专业简洁的企业风格,强调可读性、一致性和信任感。适合B2B SaaS、企业官网、后台管理系统。
极致简约的扁平设计,无阴影无渐变,通过颜色和留白创造层次。适合作品集、创意机构、艺术网站。
温和友好的界面风格,柔和的阴影、圆润的边角、低饱和度的配色。适合消费类应用、社交产品、生活服务类 App。
温暖自然的有机风格,大地色系、自然纹理、手工感元素。适合健康品牌、有机食品、环保产品、手工艺品。
充满活力的现代渐变风格,多彩渐变背景、玻璃质感卡片、动态光影效果。适合创业公司、数字产品、活动页面。
怀旧复古的设计风格,老式排版、复古色调、手工质感元素。适合咖啡馆、复古品牌、独立杂志、音乐厂牌。
优雅的深色界面设计,低对比度层次、微妙的边框和高亮。适合开发工具、专业应用、深夜阅读模式。
macOS 原生暗色毛玻璃风格。通过多层深灰面板、系统级 backdrop-blur 和极度克制的装饰,还原桌面应用的沉稳质感。
大胆的几何图形设计,强烈的形状对比、鲜明的色块、动态的构图。适合艺术展览、设计机构、创意品牌。
柔软的粘土质感设计,通过超大圆角、内外阴影组合和柔和渐变,创造出可爱的 3D 立体效果,适合儿童应用和趣味产品。
极简清爽的文档工具风格,强调内容可读性和功能性,使用微妙的边框、柔和的悬停效果和清晰的文字层级。
精致专业的金融科技风格,以 Stripe 紫为主色调,配合渐变网格背景、精致卡片阴影和流畅动画,适合支付产品和开发者工具。
极致简约的高端设计风格,大量留白、精致圆角、微妙阴影和 SF Pro 风格字体,传达高端科技产品的品质感。
复古 8-bit 像素游戏风格,无圆角、像素化边框、硬边阴影和鲜明的 8-bit 配色,适合游戏、复古应用和独立开发者项目。
80-90年代复古未来主义美学,粉紫渐变、霓虹色彩、故障艺术效果。包含蒸汽波、合成波、赛博朋克三种变体。
2000年代初的未来主义美学,金属质感、透明塑料、气泡元素、银色和彩虹渐变。
80年代意大利设计运动,大胆的几何图形、鲜艳的撞色、不规则形状和有趣的图案。
1920-30年代的奢华设计风格,几何对称图案、金色装饰、优雅线条和高端质感。
德国包豪斯学派的设计理念,强调功能主义、几何形式和原色运用,形式追随功能。
模拟真实世界物体的数字设计风格,通过纹理、光影、材质模仿现实物品,带来熟悉感和直觉性体验。