设计风格集合
风格目录
每种风格都包含完整文档、组件模板和 AI 规则,方便快速接入。
120 个结果
新野兽派
大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。
编辑杂志风
优雅的杂志排版风格,衬线标题、无衬线正文、精致的留白和网格系统。灵感来自高端时尚杂志和报纸排版。
新拟物派
柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。
玻璃拟态
半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。
便当盒布局
灵感源于日式便当盒的不规则网格布局,通过大小不一的卡片组合创造视觉层次,常用于作品集和产品展示。
企业简洁风
专业简洁的企业风格,强调可读性、一致性和信任感。适合B2B SaaS、企业官网、后台管理系统。
极简扁平风
极致简约的扁平设计,无阴影无渐变,通过颜色和留白创造层次。适合作品集、创意机构、艺术网站。
柔和界面风
温和友好的界面风格,柔和的阴影、圆润的边角、低饱和度的配色。适合消费类应用、社交产品、生活服务类 App。
自然有机风
温暖自然的有机风格,大地色系、自然纹理、手工感元素。适合健康品牌、有机食品、环保产品、手工艺品。
现代渐变风
充满活力的现代渐变风格,多彩渐变背景、玻璃质感卡片、动态光影效果。适合创业公司、数字产品、活动页面。
复古怀旧风
怀旧复古的设计风格,老式排版、复古色调、手工质感元素。适合咖啡馆、复古品牌、独立杂志、音乐厂牌。
暗黑模式
优雅的深色界面设计,低对比度层次、微妙的边框和高亮。适合开发工具、专业应用、深夜阅读模式。
几何大胆风
大胆的几何图形设计,强烈的形状对比、鲜明的色块、动态的构图。适合艺术展览、设计机构、创意品牌。
瀑布流布局
Pinterest 风格的不等高卡片瀑布流布局,通过 CSS columns 或 masonry grid 实现自然流动的视觉效果,适合图片展示、作品集、社交媒体。
分屏布局
左右对称或不对称的分屏布局,通过对比和平衡创造视觉张力,常用于产品展示、品牌故事、比较页面。
全屏滚动布局
每一屏占满整个视口的沉浸式滚动体验,通过滚动切换完整场景,适合品牌故事、产品介绍、作品集展示。
垂直时间线布局
垂直时间轴布局,通过连接线串联时间节点,适合展示历史进程、项目里程碑、工作经历、流程步骤。
卡片堆叠布局
卡片前后重叠的立体布局,通过 Z 轴层叠和偏移创造深度感,适合轮播、步骤展示、卡组选择。
固定侧边栏布局
固定位置的侧边导航栏与可滚动主内容区的应用布局,适合后台管理、文档站点、仪表盘、SaaS 应用。
杂志网格布局
灵感来自印刷杂志的多栏网格布局,通过不同大小的内容块创造丰富的视觉层次,适合新闻、博客、内容聚合。
全屏英雄区布局
以全屏大图或视频为背景的英雄区布局,通过震撼的视觉效果抓住注意力,适合品牌展示、产品发布、活动宣传。
粘土拟态
柔软的粘土质感设计,通过超大圆角、内外阴影组合和柔和渐变,创造出可爱的 3D 立体效果,适合儿童应用和趣味产品。
Notion 风格
极简清爽的文档工具风格,强调内容可读性和功能性,使用微妙的边框、柔和的悬停效果和清晰的文字层级。
Stripe 风格
精致专业的金融科技风格,以 Stripe 紫为主色调,配合渐变网格背景、精致卡片阴影和流畅动画,适合支付产品和开发者工具。
Apple 风格
极致简约的高端设计风格,大量留白、精致圆角、微妙阴影和 SF Pro 风格字体,传达高端科技产品的品质感。
像素艺术风
复古 8-bit 像素游戏风格,无圆角、像素化边框、硬边阴影和鲜明的 8-bit 配色,适合游戏、复古应用和独立开发者项目。
霓虹复古
80-90年代复古未来主义美学,粉紫渐变、霓虹色彩、故障艺术效果。包含蒸汽波、合成波、赛博朋克三种变体。
千禧风格
2000年代初的未来主义美学,金属质感、透明塑料、气泡元素、银色和彩虹渐变。
孟菲斯风格
80年代意大利设计运动,大胆的几何图形、鲜艳的撞色、不规则形状和有趣的图案。
装饰艺术风格
1920-30年代的奢华设计风格,几何对称图案、金色装饰、优雅线条和高端质感。
包豪斯风格
德国包豪斯学派的设计理念,强调功能主义、几何形式和原色运用,形式追随功能。
拟物设计
模拟真实世界物体的数字设计风格,通过纹理、光影、材质模仿现实物品,带来熟悉感和直觉性体验。
瑞士国际风格
源于瑞士的理性主义设计风格,强调网格系统、无衬线字体、清晰层次和客观信息传达,是现代平面设计的基石。
吉卜力风格
灵感源自吉卜力工作室动画的设计风格,温暖柔和的色调、手绘质感、自然元素和梦幻氛围,传递治愈与诗意。
材料设计
Google 推出的设计系统,基于纸张和墨水的隐喻,强调层次、动效、大胆色彩和响应式交互,是现代移动端设计的标准。
流利设计
微软推出的设计系统,融合了光效、深度、动效、材质和缩放五大元素,打造自然直观的跨平台体验。
漫画风格
灵感源自漫画书和日式漫画的设计风格,浓重的墨线边框、网点填充、对话气泡、动作线和分镜面板布局,充满故事感和视觉冲击力。
铅笔手绘风
模拟铅笔手绘的设计风格,不规则线条边框、纸张纹理背景、手写字体感、素描阴影和涂鸦装饰,传达亲切温暖的手工质感。
水彩画风
灵感源自水彩画的设计风格,柔和的颜色渐变、模糊的边缘效果、纸张质感背景和流动的色彩扩散,传递艺术感与诗意。
F型布局
基于眼动追踪研究的F型扫描布局,用户视线从左上角开始,沿顶部水平扫描后向下移动,适合内容密集型页面、博客文章和新闻列表。
Z型布局
基于眼动追踪的Z型扫描布局,视线从左上到右上,斜穿到左下再到右下,形成Z字路径。适合着陆页、营销页面和简洁信息展示。
圣杯布局
经典的三栏式网页布局,由固定页头、三列中间区域(左侧导航、主内容、右侧边栏)和固定页脚组成,是Web设计的基础布局范式。
仪表盘布局
数据驱动的仪表盘布局,包含侧边导航、顶部工具栏、多模块数据面板和图表区域,适合后台管理系统、数据分析平台和监控面板。
赛博朋克霓虹
未来感十足的赛博朋克风格,霓虹发光效果、深色背景、高科技感的 UI 元素。适合游戏、科技产品、创意工作室。
合成波
80年代复古未来主义音乐美学,霓虹粉紫配色、网格地平线、日落渐变和复古科技感,充满怀旧的未来想象。
柔和野兽派
Neo-Brutalist 的温和版本。保留硬边缘阴影和无圆角特性,但使用更柔和的配色、较细的边框和更温和的对比度。
俏皮野兽派
Neo-Brutalist 的活泼版本。保留核心特征,加入更多色彩、旋转倾斜元素和有趣的微交互,适合年轻化品牌。
新艺术运动风
灵感源自19世纪末新艺术运动的设计风格,以有机曲线、藤蔓花卉纹样、自然形态和精致装饰线条为特征,传递优雅与自然的和谐美感。
超现实主义风
灵感源自超现实主义艺术运动的设计风格,融合梦境与现实、扭曲空间、不合逻辑的并置和潜意识意象,创造奇幻神秘的视觉体验。
浮世绘数字风
将日本浮世绘版画美学与数字设计融合的风格,扁平色块、精致线描、浮世绘式构图和传统配色,呈现东方古典与现代数字的碰撞。
哥特式风
灵感源自哥特式建筑与文化的设计风格,深色调、尖拱形态、华丽装饰纹样和神秘氛围,传递庄严肃穆与暗黑浪漫的美学。
Outrun 复古未来
灵感源自80年代赛车游戏和复古未来主义美学的设计风格,霓虹粉紫、透视网格、日落渐变和高速运动感,营造复古科幻的视觉冲击。
暗黑学院风
灵感源自古典学院文化的设计风格,深棕色调、旧书质感、古典排版和学术氛围,传递文学、历史与知识的浪漫情怀。
田园核风
灵感源自乡村田园生活的设计风格,柔和自然色、花卉纹样、手工质感和温馨舒适的氛围,传递对简单纯粹生活的向往。
Risograph 印刷风
灵感源自 Risograph 孔版印刷的设计风格,鲜明的专色叠印、半色调网点、轻微的套印偏移和纸张质感,呈现独特的手工印刷美感。
机甲风
灵感源自日系机甲动画与军事工业设计的风格,钢铁质感、警示标识、技术参数标注和机械结构线条,传递力量感与科技感。
哥特萝莉风
融合哥特暗黑美学与洛丽塔少女元素的设计风格,深色蕾丝、玫瑰纹样、维多利亚式装饰和精致的对比配色,传递暗黑浪漫的精致感。
赛博中华风
融合赛博朋克科技感与中华传统美学的设计风格,霓虹灯笼、数字山水、电路纹样与传统元素碰撞,创造东方未来主义的视觉体验。
酸性平面设计
高饱和度荧光色彩、扭曲字体、液态流动形态和迷幻视觉。源于锐舞文化和地下俱乐部美学,以强烈的视觉冲击力呈现反叛与实验精神。
手绘涂鸦风
手绘线条、涂鸦插画、不规则形状和手写字体。像在笔记本上随手画出的设计,充满创意和趣味性,传达温暖亲切的手工感。
瑞士海报风
大胆排版、网格对齐、原色色块和实验性布局。源于瑞士国际主义海报设计传统,以超大字体和强烈的视觉层次构建信息传达。
水彩艺术风
真实水彩画美学,柔和的水彩晕染、透明度叠加、纸张质感和艺术笔触,营造出如同水彩画作般的精致视觉体验。
油画印象派风
受莫奈、雷诺阿等印象派大师启发,大胆的笔触纹理、光影交织、点彩色彩和温暖的画布质感,呈现如油画般的浓郁视觉体验。
拼贴艺术风
杂志拼贴和混合材料美学,纸片剪切、多层叠加、撕纸边缘和混搭字体,营造充满创意和手工感的视觉冲击。
故障艺术风
数字故障美学风格,通过像素错位、RGB色彩分离、扫描线和数字损坏效果,呈现赛博朋克式的视觉冲击和数据腐蚀质感。
视觉小说风
借鉴视觉小说游戏UI的设计风格,半透明对话框、角色立绘、选项按钮和文字动画,打造沉浸式交互故事体验。
少女漫画风
少女漫画特有的浪漫美学,樱花花瓣装饰、闪光效果、柔和流线、爱心元素和粉色主色调,呈现梦幻柔美的视觉体验。
赛博动漫风
融合赛博朋克科幻UI与动漫美学,以深色背景上的霓虹光效、全息投影感和锐利几何线条,打造未来感十足的动漫界面风格。
像素动漫风
将像素艺术的8-bit复古质感与动漫角色美学相融合,呈现出Q版像素角色、游戏UI元素和怀旧色彩的独特风格。
日系清新风
以淡雅配色、大面积留白和纤细线条为特征的日系清新设计,营造清新治愈、轻盈透气的视觉感受。
霓虹武士风
日本传统武士美学与霓虹赛博朋克的碰撞融合,刀锋般锐利的线条、汉字书法与霓虹光效交织,浮世绘遇见霓虹灯的未来都市武道。
魔法阵风
几何魔法阵、神秘符文与光粒子效果的奇幻视觉风格,精密的同心圆纹样、金色辉光与深邃海军蓝底色营造神秘魔法氛围。
赛博和风
传统和风纹样与未来科技的数字化融合,折纸几何、青海波数字化重构、电路纹路与金箔光泽交织的日式赛博美学。
蒸汽朋克
维多利亚时代与工业机械的复古未来主义融合,黄铜齿轮、蒸汽管道、皮革质感和精密仪表盘的美学。
波普艺术
安迪沃霍尔式的大胆色彩和半调网点,源自60年代流行文化,高对比度、重复图案和漫画风格的视觉冲击。
太阳朋克
生态未来主义的乌托邦愿景,融合可持续科技与自然元素,明亮的绿色调、太阳能美学和有机形态。
日式RPG
经典日式角色扮演游戏的UI美学,华丽的边框装饰、魔法效果、状态面板和幻想风格的视觉元素。
非对称网格
打破传统对称网格的布局方式,通过不规则的列宽、重叠元素和视觉张力创造动态有趣的页面结构。
视差滚动
通过固定背景和滚动内容创造深度视差效果的沉浸式布局,每个全屏区块都有独立的背景层。
暖色仪表盘
温暖柔和的仪表盘设计风格,采用珊瑚/赤陶色背景、奶油白卡片、柔和阴影,营造舒适专业的数据展示体验。
霓虹渐变
深色背景上的鲜艳渐变卡片,配合粗彩色边框和霓虹发光效果,适合科技产品、SaaS 着陆页、年轻化品牌。
Apple 流动玻璃
Apple WWDC 2025 发布的全新设计语言,通过 SVG 折射滤镜、彩虹边缘光晕、流体形变动画和多层玻璃堆叠,创造出超越传统毛玻璃的有机流动视觉体验。
北欧极简风
源自北欧的温暖极简设计,强调自然材质、舒适留白、木质色调和Hygge生活美学,营造宁静温馨的视觉体验。
赛璐璐动画风
模拟传统动画赛璐璐片的渲染风格,粗黑轮廓线、平面色块填充、无渐变阴影和鲜艳饱和色彩,充满卡通游戏的活力感。
侘寂风
日本侘寂美学的数字化呈现,崇尚不完美之美、自然衰老之雅和极致留白之禅,以墨色、茶色和纸张质感传递东方诗意。
枯山水
日本枯山水庭园的数字化诠释,以砂纹、石组、苔藓为灵感,追求极致静谧与冥想感。沙白与苔绿的搭配传递出自然之道的宁静力量。
科幻HUD
源自星际飞船驾驶舱和战术指挥中心的全息显示界面。深空背景、青色发光边框、半透明玻璃面板、雷达扫描动效,营造'正在操作高科技设备'的沉浸体验。
可爱极简
融合日系可爱文化与极简设计的温柔风格。柔和的粉彩色系、圆润形状、轻盈留白和细腻的微交互,适合生活方式应用、儿童产品和创意工具。
黑色电影
源自 1940-50 年代经典黑色电影的戏剧性视觉风格。极致的明暗对比、深沉的灰阶层次、斜线光影和神秘氛围,适合故事驱动的产品、摄影作品集和高端品牌。
街机CRT
80-90年代街机显示器美学,包含扫描线、屏幕曲率、霓虹辉光和RGB色差效果。适合游戏、复古科技、创意项目。
Frutiger Aero
Windows Vista/7时代的玻璃质感美学,天空蓝渐变、半透明毛玻璃面板与自然元素融合,营造清新通透的数字自然感。
反设计
故意打破传统UI规范的粗野主义实验风格,极粗边框、高饱和色彩、不规则排版和刻意的不协调感。源自朋克精神与实验艺术,拒绝装饰、强调原始信息传达。
全息渐变
彩虹光谱虹彩渐变美学,模拟全息投影的棱镜折射与动态光效,营造超凡脱俗的虹彩体验。
生成艺术
算法驱动的程序化视觉美学,以数学函数、噪声纹理和参数化图形创造独特动态界面。适合创意编程、数据可视化、艺术项目。
粒子系统
深色科技背景上漂浮的粒子网络,以连线、脉冲和轨迹营造数据流动感。适合科技公司、数据可视化、创意作品集。
VHS美学
80-90年代VHS录像带视觉美学,色彩失真、扫描线噪点、信号故障效果和磁带抖动。以模拟信号损坏的怀旧质感唤起家庭录像和地下音乐的记忆。
水墨画风
源自中国传统水墨画的设计风格,以墨色浓淡干湿变化营造空灵意境,大量留白表达'气韵生动',适合文化品牌、茶道、书法和东方美学项目。
单色极简
纯黑白灰的极致单色设计,通过精确的灰阶层次、字重对比和负空间构建视觉层次,不依赖任何色彩即达到高级感。适合摄影、建筑和高端品牌。
赤陶暖调
地中海赤陶与暖色大地的设计风格,温暖的陶土色调、粗糙手工质感和自然纹理。适合生活方式品牌、餐饮、旅行和手工艺品展示。
网页粗野主义
90年代早期互联网的原始美学回归,系统字体、无样式链接、裸露的HTML结构感和刻意的低保真。以最少的装饰传达最直接的内容,是对过度设计的反思。
中世纪现代
50年代原子时代设计美学,几何图案、有机曲线、饱和色彩。Eames椅、原子钟、星芒图案为灵感。
构成主义
苏联构成主义海报风格,强烈的红黑配色、对角线构图、几何块面、宣传性排版。
欧普艺术
光学艺术运动风格,利用几何图案制造视觉幻象和运动感。黑白对比为核心,辅以振动色彩对。
伊斯兰几何
伊斯兰几何纹理设计风格,精密的几何镶嵌图案、阿拉伯式花纹、金色与深蓝的经典配色。
印度节庆
印度排灯节与色彩节的绚丽美学,丰富的金色装饰、宝石色调、曼荼罗纹饰。适合庆典、活动、生活方式品牌。
非洲纺织
西非Kente布和Adire扎染为灵感的设计风格,大胆的几何编织图案、大地色与鲜明色彩的碰撞、手工质感。
韩式极简
韩国极简设计美学,受K-beauty和韩国建筑影响。柔和的粉彩色调、大量留白、精致的圆角和克制的装饰。
粉彩哥特
柔暗美学与糖果色的独特融合,粉紫粉蓝等柔和色彩搭配骷髅、十字架等暗系元素。暗色背景+粉彩高亮。
极繁主义
极繁主义设计——更多就是更多。层叠图案、混搭字体、饱和色彩、装饰性边框。拥抱丰富、华丽和视觉冲击。
中世纪手抄本
中世纪泥金手抄本风格,花体首字母、羊皮纸质感、金色与深红装饰性边框。哥特式黑体字与插画元素。
涂鸦街头
街头涂鸦艺术风格,喷漆质感、大胆的撞色、手写体标签、砖墙背景。都市文化与反叛精神的视觉表达。
大理石奢华
大理石纹理与金色装饰的高端设计风格,白色大理石质感背景、金色线条分隔、黑色文字。适合奢侈品牌、酒店。
维多利亚植物
维多利亚时代植物学插画风格,精细的线描植物、花卉纹饰、自然历史博物馆的优雅。暗绿与金色的经典搭配。
立体主义
毕加索和布拉克的立体主义运动,几何碎片化构图、多视角叠加、棱角分明的形状与沉稳的大地色调。
热带天堂
热带度假风设计,棕榈叶、鲜艳花卉色彩、阳光沙滩的明快基调。适合旅游、度假村、生活方式和餐饮品牌。
GitHub 风格
GitHub设计语言风格,简洁的界面层次、柔和的灰度系统、蓝色交互色、等宽代码字体与开发者友好的信息架构。
巫术核心
神秘学美学风格,塔罗牌、月相符号、水晶与草药元素。深紫色调搭配金色神秘符文,暗色背景上闪烁的星尘效果。
霓虹东京
东京歌舞伎町霓虹夜景风格,湿润的街道倒影、叠层霓虹招牌、赛博朋克城市夜色。偏向真实都市夜景质感。
纸艺手作
纸艺与剪纸风格,层叠纸张效果、柔和阴影暗示深度、手作质感边缘。适合儿童品牌、教育产品、创意工作室。
工程蓝图
工程蓝图与技术图纸风格,蓝底白线、网格坐标、标注线和尺寸标记。适合建筑、工程、科技和教育领域。