UI 风格5051 像素朋克风
该风格灵感来源于 8-bit/16-bit 像素复古游戏与朋克摇滚文化的结合。 整体视觉充斥着深夜霓虹、大漠落日、像素楼宇与复古演出的情绪基调,传递出张扬叛逆、自由不羁的独立精神。 核心策略是使用极具颗粒感的像素艺术图形,搭配硬核的纯黑粗边框、像素风字体、无渐变的纯色块,以及极具舞台感和街头感的高饱和度点缀色。 触发词:pixel-art, retro-punk, 8-bit-gaming, bold-borders, neon-accents
下方直接选取你要的风格/动效复制粘贴到 Cursor、CodeX 和 Claude...告别AI味道设计。
UI 风格该风格灵感来源于 8-bit/16-bit 像素复古游戏与朋克摇滚文化的结合。 整体视觉充斥着深夜霓虹、大漠落日、像素楼宇与复古演出的情绪基调,传递出张扬叛逆、自由不羁的独立精神。 核心策略是使用极具颗粒感的像素艺术图形,搭配硬核的纯黑粗边框、像素风字体、无渐变的纯色块,以及极具舞台感和街头感的高饱和度点缀色。 触发词:pixel-art, retro-punk, 8-bit-gaming, bold-borders, neon-accents
UI 风格Bento Grid Layout 是一种将内容拆分为严格对齐、大小错落的圆角矩形模块的 UI 风格。它强调清晰的信息层级、稳定的网格节奏和高度可扫描的卡片化结构,适合把多个功能、数据或卖点组织成像日本便当盒一样紧凑但有秩序的界面。触发词:bento grid layout, bento box layout, rounded distinct cards, strict grid alignment, Apple-like widgets, modular dashboard UI
UI 风格这是一种充满活力、高冲击力的创意代理商风格(Neo-Brutalism 的现代变体)。它通过极具视觉侵略性的高饱和度朱红与群青蓝,搭配温和的米白色进行大块面的色彩撞击。排版极具杂志感与街头感,采用超粗、紧凑的无衬线压缩字体作为视觉核心。整体情绪基调自信、张扬、具有现代创意的先锋感,打破了传统扁平化设计的沉闷,适合需要强烈品牌个性和情感连接的创意机构、数字化工作室或潮流品牌。 触发词:Copula、高饱和撞色、新粗野主义、先锋创意
这是一种极具戏剧张力与空间延伸感的右上角圆角幕布展开(全屏菜单)动效。通过将一个微小的胶囊按钮作为动效发生源,以非对称的物理弹簧速度向左下方急速膨胀展开,转化为饱满的全屏白幕,并联动内部文本的物理擦除显现。 触发词:角落幕布展开, 胶囊源点膨胀, 视差边界流转, 异步排版显现, 物理弹性形变
一种高动态反馈的侧边栏/菜单抽屉展开与导航项动感交互。菜单面板展开时具备平滑的果冻物理回弹,内部导航项在悬停时采用自适应高亮块移动,适用于创意先锋、极简主义风格的网站全局导航。 触发词:菜单展开、侧边栏抽屉、弹性回弹、导航悬停、高亮跟随
UI 风格该风格致力于营造高端、沉浸、极具电影质感的科技氛围。整体以大面积纯黑与深邃的暗调作为画布,通过高饱和度的微光气泡、流体三维球体以及流光线条作为核心视觉锚点,打破暗黑的沉闷。排版上采用极具张力的超大无衬线字体,通过极端的字重对比(超粗标题与极细正文)和紧凑的字距压缩,传递出先锋且专业的科技感。 触发词:elva-cinematic-dark-style
一种高动态反馈的微交互按钮。鼠标悬停时,按钮通过带有强烈Q弹感和物理惯性的缩放进行反馈,迅速吸引视觉焦点并提升点击欲,适用于行动呼吁(CTA)按钮。 触发词:按钮悬停、弹性缩放、微动效、Q弹反馈、CTA按钮
这是一个极具个性和趣味性的手绘涂鸦风交互空间。中心是由粉色不规则线条构成的“软泥怪”面部,其边缘伴随着手绘特有的随机微幅抖动。当鼠标在屏幕上移动时,面部的眼睛会产生平滑的视线追踪;同时,原本重叠在面部下方的文字(Hello, Design, World, Play, Let's)会被一种无形的“排斥力”向四周推开,形成非线性的发散视差。
这是一种带有明显物理阻尼感与动态遮罩擦除的卡片切换与文字启幕动效。适用于高端作品集、创意工作室官网或画廊展示等强调排版美感与视觉叙事的场景。 触发词:视差擦除, 物理滚动切换, 动态遮罩, 文字启幕, 阻尼滑块
这是一种带有明显物理拉伸感与反色遮罩效果的列表项切换动效。当鼠标在列表间穿梭时,黑色高亮背景块在不同项之间以一种动态拉伸、挤压并伴随错位擦除的方式流转,营造出极强的果冻般物理弹性。 触发词:弹性反色块, 纵向拉伸切换, 错位遮罩擦除, 液体弹性高亮, 列表果冻流转
这是一种带有微弱磁性吸附(Magnetic Effect)与动态拉伸的回弹胶囊按钮动效。当鼠标悬停在其核心操作区(如右侧圆形箭头)时,内部元素产生非对称的吸引和膨胀,营造出一种高级的物理张力与引力感。 触发词:磁性吸附按钮, 动态胶囊拉伸, 引力反馈, 异步回弹, 物理边缘磁吸
这是一种带有明显物理引力与非对称磁性磁吸吸附的圆形按钮悬停动效。当鼠标指针移入圆形区域时,整体不仅伴随着果冻状的呼吸收缩与描边反色,内部的文本和整个黑色圆形基座更是会产生轻微的异步空间错位吸附,为微观交互注入极佳的物理生命力。 触发词:圆形磁吸吸附, 异步空间位移, 弹性描边反色, 物理重力感, 微观呼吸弹性
这是一种极简主义的通栏式文本导航菜单悬停动效。通过反色背景条块的平滑纵向位移(或淡入淡出)以及隐藏箭头的平移显现,为经典列表注入高级的、具有物理质感的交互反馈。 触发词:极简菜单高亮, 反色背景跟随, 箭头平移显现, 通栏导航, 瞬时阻尼反馈
UI 风格Modern Flat With Micro Textures 是扁平化设计的现代进化版。它保留清晰几何、少阴影和高可用性,同时加入极轻微噪点、纸张质感、微内阴影和细腻色块,让界面不再像生硬纯色块,而是具有温和的触感和高级细节。触发词:modern flat, micro-textures, grainy overlay, subtle inner shadow, clean geometric shapes
一种基于多列卡片展开与文字渐进式排版呈现的交互。通过平滑的缩放和延迟文字淡入,将大量信息在有限空间内进行优雅的切换与展示,适用于官网落地页、产品特性介绍及卡片式风琴折叠菜单。 触发词:卡片折叠、风琴式展开、多列交替、文本渐进淡入、网格布局切换
一种基于大屏滚动的多层卡片堆叠与视差覆盖交互。当页面向下滚动时,当前全屏板块会被下一个板块向上推开并直接覆盖,呈现出极具空间纵深感的高级转场,适用于创意工作室、品牌官网及服务介绍页。 触发词:页面堆叠、视差覆盖、粘性滚动、全屏卡片推开、多层级错开
UI 风格Neo-Brutalism Core 用粗重黑色边框、高饱和纯色、无模糊硬阴影和直白强势的排版打破传统精致感。它看起来直接、叛逆、像可点击的实体拼贴,适合需要强个性、强记忆点和年轻化表达的界面。触发词:neo-brutalism, thick black borders, hard shadows, high saturation colors, bold stark typography
UI 风格该风格融合了现代新粗野主义(Neo-Brutalism)的硬朗骨架与高端时尚杂志的排版肌理。通过极具张力的超大非衬线紧凑字体、粗重线条分割,配合复古低保真像素(Pixelated)交互元素和高饱和荧光绿/宝蓝点缀,形成专业而叛逆、具有强烈视觉冲击力的先锋数字艺术氛围。 触发词:nvrmnd-editorial-neo-brutalism style, ultra-bold typography, neo-brutalist layouts, high contrast neon accents, pixelated interactive elements
UI 风格Organic Soft Minimalism 用暖中性色、低饱和粉彩、超大圆角和柔和渐变建立平静、亲近、无压力的界面气质。它弱化硬朗边界与强对比,用温柔的留白、圆润容器和轻盈排版传达治愈、专注和可信赖的情绪。触发词:organic minimalism, soft UI, pastel gradients, warm neutral background, calm tech, rounded aesthetic
这是一个基于页面滚动深度的非对称视差联动动效。当用户向下滚动时,左侧大字体的文本流以标准速率位移,而右侧的插图、卡片及背景色块以略微滞后或加速的“异步速度”向上推移。这种物理速度差消除了传统网页滚动的生硬感,营造出元素仿佛悬浮在不同空间维度的“流体层叠感”。
UI 风格该风格融合了经典纸质刊物的优雅排版与现代数字化有机美学。核心视觉由柔和细腻的低饱和度渐变、高质感的复古噪点颗粒(Grain)以及流畅自然的 3D 抽象有机形态共同构成。排版上极为大胆地使用优雅高贵的衬线体(Serif)作为核心视觉锤,传递出极具人文关怀、温暖而包容的情绪基调,非常适合强引导、重文本阅读且需要建立深度信任感的产品。 触发词:smat-organic-editorial-style
UI 风格Spatial Glass UI 通过磨砂玻璃、多层半透明容器、细白边框和柔和光晕制造物理空间中的悬浮层级感。它强调背景深度、透光材质、轻微折射和克制的动态反馈,适合营造高端、沉浸、未来感界面。触发词:spatial UI, VisionOS style, frosted glass, deep background blur, translucent layers, thin white borders
这是一种带有明显物理引力与非对称磁性磁吸吸附的圆形按钮悬停动效。当鼠标指针移入圆形区域时,整体不仅伴随着果冻状的呼吸收缩与描边反色,内部的文本和整个黑色圆形基座更是会产生轻微的异步空间错位吸附,为微观交互注入极佳的物理生命力。 触发词:圆形磁吸吸附, 异步空间位移, 弹性描边反色, 物理重力感, 微观呼吸弹性
UI 风格Terminal AI-First Aesthetic 是面向 AI 工具和开发者产品的深色界面风格。它借鉴代码编辑器、命令行和现代 DevTools 的视觉语言,用纯黑或深灰背景、等宽字体、高对比文本和少量霓虹强调色营造专业、精确、技术可信的氛围。触发词:developer-tools aesthetic, dark mode first, monospace typography, terminal inspired, neon glowing accents, high contrast
UI 风格这是一种温和、安抚、无压迫感的有机极简主义风格。大量使用低饱和水彩/粉彩渐变、柔和的手绘感边缘和纸质便利贴般的立体感,营造出治愈、减压的氛围。特别适合 ADHD 友好、日程管理、专注计时、心理健康辅助等需要降低用户认知负荷的产品。 触发词:Tiimo、有机极简、治愈系、低饱和、粉彩、ADHD 友好、纸质便利贴
这是一种充满现代粗野主义(Brutalist)与瑞士平面设计感的手风琴折叠动效。每一个分类都以极具视觉冲击力的巨幅黑色粗体字、高饱和度纯色块(蓝、绿、紫、粉、黄)和背景图片叠加呈现。当用户点击其中一个条目时,该条目会以带有明显惯性缓冲的节奏平滑“膨胀”展开,展示内部的详细内容与行动按钮(CTA),而其他未被选中的条目则会被优雅地向上或向下“推挤”缩小。
这是一种极具视觉冲击力的巨型排版视差无缝滚动(轮播)切换动效。通过巨型背景文字、段落文本以非对称的物理速度进行纵向视差推移,创造出一种宛如巨幕拉开、层级分明的空间穿梭体感。 触发词:巨幕视差滚动, 纵向无缝轮播, 排版层级推移, 丝滑物理非对称, 空间穿梭感
这是一种大字报风格的文本菜单悬停联动媒体预览的动效。当鼠标划过排版字块时,文字颜色高亮,同时右侧的跟随预览卡片通过微弱的惯性位移与平滑的图片淡入淡出进行内容切换,展现极佳的丝滑体感。 触发词:大字报菜单, 悬停联动预览, 遮罩渐变切换, 排版高亮, 视差缩放
UI 风格Ultra-Minimalist Swiss Design 以大量留白、严格网格、黑白灰配色和强排版秩序建立克制、理性、永不过时的界面气质。它拒绝装饰性边框、复杂渐变和多余阴影,让文字尺度、对齐关系和空间比例成为主要视觉表达。触发词:ultra-minimalist, Swiss design, huge typography, lots of white space, monochromatic, grid-based typography
UI 风格这是一种充满朝气、玩味十足且极具互动感的新粗野主义(Neo-Brutalism)风格。专为现代学生公寓设计,它巧妙地在报纸质感的米色画布上,通过高饱和度的电网蓝、活力黄、热烈红和香芋紫等大块纯色进行拼贴。设计融合了像素风网格、加粗的黑描边、独特的几何ICON和趣味错位动画。整体情绪基调充满活力、包容性、安全感以及社区的归属感,非常适合面向 Z 世代的青年社区、创意住宿或互动生活平台。 触发词:Units、像素网格、大色块拼接、青春玩味、新粗野