联盟
-
UI生成工具哪家强？5个最新的AI神器深度测评！
一、全文速览图 Hello，大家好，我是五月的枫叶，作为一名AI设计博主，在AI设计进入“生产力工具”阶段之后，UI设计师的工作方式正在被彻底重构。不知道有多少人还记得上次发的生成UI工具第一期呢？上一期讲到的工具都是只可生成静态UI，不可交互，这次AI生成可是大升级。从灵感生成、组件搭建到代码落地，越来越多环节可以被AI接管或加速。本文围绕当前主流的五款AI生成UI工具：Lovart、Stitc…- 0
- 0
-
让体验升级！超全面的AI用户体验设计要素总结
一、全文速览图 二、AI用户体验要素 从 GUI 到 Agent 协作，用户体验设计正经历一场范式转移。本系列分享将从八个核心维度，系统对比传统纯 GUI 交互与“自然语言+ 协作”模式的差异，并探讨 AI 时代产品设计的新原则、新工具与新心智模型。 在纯 GUI 时代，人与软件的关系本质上是“人操作工具”。你想完成一个任务，就必须亲自手持这把名为“界面”的工具，一步步地切割、打磨，直至成型。而在…- 0
- 0
-
为什么你的图标明明很精致，放到作品集就显得很廉价？
一、全文速览图 很多同学图标做的很好，但是一到包装就哑火了，十分优秀的图标却没有完美的展示出来。 今天我来教你几招简单且非常容易出效果的包装方式！ 二、局部放大 拉开对比 当我们拿到一组图标，直接平铺看起来比较普通，而且画面散，不够聚焦。 给图标增加个卡片容器，看起来更有整体感。 画面有些单调，继续增加文字的细节修饰，但是要注意文字的层级关系。 但是四个图标都是五五分，整体还是比较平，可以将其中一…- 0
- 0
-
深度实测Nano Banana 2！教你一键搞定6大使用场景
一、全文速览图 Hello，大家好，作为一名 AI 设计博主，毕竟做设计的都懂，做 UI 要找专门的工具，做海报要调排版，做电商图要抠细节，做室内设计还要找素材，切换来切换去，不仅浪费时间，还容易打断创作思路。直到我深度实测了 ，才发现原来真的有一款 AI 设计工具，能覆盖从平面到空间、从商业到自媒体的全场景需求，新手也能轻松上手，彻底解放设计双手。 今天就给大家全面拆解这款全能 AI 设计神器，…- 0
- 0
-
这9个免费商用的神级图标库，建议直接焊在收藏夹里
一、全文速览图 我的素材库里躺了一堆图标库，几乎每期的周刊也会推荐不同风格的图标库。用来用去，常用的也就那几个。 于是我整理了以下几个常用的。 二、Remix Icons 网址： 3200+ 个图标，Apache 2.0 协议随便商用。有 Outline 和 Solid 两种风格，线条带点棱角，不是那种圆滚滚的可爱风。我喜欢它覆盖的类目贼全——文件类型、设备、天气啥都有。 三、Tabler Ico…- 0
- 0
-
当Google说AI变得更聪明，其实是界面设计正在被取消
一、全文速览图 Google I/O 2026刚结束。 铺天盖地的报道都在讲Gemini 3.5有多强、Google眼镜有多轻、三星联名有多好看。朋友圈里们转发着"AI改变世界"的感慨，好像这又是一年一度的技术春晚。 但我注意到了一个被严重低估的信号。 Google在这场发布会上做的事，本质上不是"让AI变得更好用"。而是"让界面变得没必要&quo…- 0
- 0
-
大厂实战案例！天猫官方直播间品牌升级设计复盘
一、引言 设计新人在进行时的思考在业务快速扩张的过程中，由于初期的快速迭代，衍生出了多样化的视觉设计。然而，这些短期的活动却难以让用户形成长期记忆，未能有效沉淀用户心智。的核心价值在于，在用户使用产品的过程中，潜移默化地种下品牌认知的种子。 在0-1的初期阶段，品牌设计的作用是建立品牌认知、定义视觉语言并为后续发展奠定基础；而在1-10的规模化增长阶段，品牌设计需要聚焦于全局性治理，系统性地梳理已…- 0
- 0
-
AI没法直出UI？GPT+Figma这样搭才管用！
一、全文速览图 这段时间，网上关于 的案例很多。 但看多了华丽的视觉，我脑子里始终在思考一个更现实的问题： GPT Image 2 到底能不能接真实的 UI 需求？ 本篇文章基于一个真实 B 端首页实践，分享我如何结合 GPT Image 2 + Figma/ Make 完成视觉探索到可交付设计稿的全过程。 二、先说结论：GPT Image 2 更适合打开视觉方向 这次测试后，我比较明确的判断是：…- 0
- 0
-
用一篇文章，带你快速认识B端产品经理和UI设计师的职能
一、全文速览图 在B端UI的学习过程中，我们会接触大量和产品经理有关的知识与技能，甚至在工作中还得自己完成和他们职能有关的工作，比如画原型、流程图，甚至输出产品方案和文档等等。 所以一直以来，大家对B端和师之间的岗位职能与界限都有很大的疑问，而我们今天这篇分享，就要来解决这个问题。 二、产品经理的职能总结 要了解产品和UI之间的差异，核心问题在于理解产品经理的工作职能，毕竟UI设计师的本职工作很好…- 0
- 0
-
30分钟出概念稿！教你用好GPT Image 2 × Figma的实战工作流
一、全文速览图 二、为什么这个组合能救急 上周PM甩来一个需求："明天要三个风格方向的App首页，投资人要看。" 搁以前，这意味着Pinterest翻半天、Figma里搭框架、跟PM Battle圆角用8px还是12px，三天没了。现在用GPT-Image-2出概念图+Figma精修，30分钟出稿，PM直接挑一个往下走。 核心逻辑：GPT-Image-2负责"从0到0…- 0
- 0
-
掌握7条Claude Design设计规范，提升AI+UI界面产出质量！
一、全文速览图 哈喽，这里是Clip设计夹，今天分享的是「Claude出图规范」。对于内容创作者、独立开发者以及非专业设计背景的从业者而言，能够借助AI能力，零代码完成全套视觉物料、UI界面的制作。 用户仅需提供参考截图、指定字体名称，并用简短文字描述期望的品牌调性与视觉感受，即可快速生成完整的品牌视觉体系和网站效果图。 Claude Design会在平台内部自动构建结构化的设计系统，涵盖调色板、…- 0
- 0
-
为什么很多大厂主按钮不用主题色？原来还有这5个设计方法！
我发现很多人设计主按钮，只会用主题色。而很多大厂设计的主按钮，并不统一用。 注意，这里讲的不是作为陪衬的次按钮，而是一个页面上最显眼的主按钮 CTA (Call to Action) 按钮。 YouTube 里几乎很少见到红色按钮，大多是黑色： 但是 YouTube 的黑底广告卡片上，又用了白色的主按钮： 美国的电商平台 Etsy 做过一个 A/B 测试，对比商品详情的“加入购物车”按钮用黄色和黑…- 1
- 0
-
告别转圈焦虑！5个提升用户体验的等待时刻设计技巧
哈喽，这里是Clip设计夹，今天分享的是「等待时刻的交互体验」。打开APP一直在加载转圈、快递位置长时间不更新、预计时间到了外卖还没送达——这些时刻是不是让你越等越烦躁？这些场景一旦卡住，我们都会很着急：系统怎么没反应？继续等下去有用吗？ 1. 可预测型 可预测表示等待完成的时间是明确的，例如清晰告知外卖送达时间、司机还有多久到达、加载还需多久等。用户知道了大概需要等待的时间，对等待有预期也会对产…- 0
- 0
-
B端数据可视化设计第二弹！4大章节带你掌握表单设计（上）
纸质表单 通过上面纸质表单，其实我们很容易理解表单的主要任务场景，就是“录入”，即用于用户或产品的数据采集。比如常见的快递单填写、单位的 OA 请假流程、CMS 后台配置产品详情等等。 既然表单的主要功能是“录入”，那么在设计表单时，就需要考虑如何尽可能的减少用户使用成本和理解负担，提高表单的容错率和操作效率，让使用者更高效更准确的完成录入工作。 一、表单的三大设计原则 1. 表意明确 在不同类型…- 0
- 0
-
掌握这8个特征，教你快速分辨B端优秀界面和飞机稿的区别！
今天的主题是关于 B 端初级设计师作品集中普遍存在的一个问题 —— 作品中浓度过高，这会让作品集显得非常的失真、学生气、不专业，从而使获得的评价急剧降低。 更多技巧： 圆角是最容易塑造风格的设计细节，但问题是 B 端界面多数应用在比较严肃的场景，过大的圆角会让整个界面的观感变得“卡通”、“可爱”、“诙谐”，和使用场景格格不入。而且大圆角设计风格需要比较多的留白，自然对信息的承载量是很低的，也非常不…- 1
- 0
-
新手必看！教你快速掌握一个完整的B端设计流程
最近准备开始学 B 端的零基础学员表示，对 B 端的产品、业务、设计毫无概念，每个方向找资料看似都能看懂，但没办法把它们串起来，缺乏整体的、全面的认识。 所以我今天要用一个简单的案例，来深入浅出的介绍 B 端的业务-产品-设计链条，让大家快速理解 B 端设计项目的全貌。 更多B端设计干货： 一、从渡轮预定，认识业务概念 这次案例是一个我最近在预定的船票预定服务，由一家叫名门大洋的渡轮服务公司提供。…- 1
- 0
-
顶尖产品Slack如何做好空状态界面？我总结了5个要点！
编者按：我们所熟知的「空状态」大多是新打开某个APP或者某个APP刚刚开始加载的时候，实际情况下的「」还覆盖有很多其他的情形。拿知名的在线协作工具 Slack 的成长和设计细节，详细阐明了的几个要点。 更多空状态设计干货： 以下是正文： 或者是Windows系统的「蓝屏死机」界面？ 截至2025年，Slack在150个国家拥有20万付费客户，覆盖77%财富百强企业。 搜索框的空状态 🔎 我对 Sl…- 0
- 0
-
UI 难点拆解！移动端列表页设计的3个要素与2种布局
往期干货： 一、列表页的基本认识 列表页就是以展示列表 List 为主的页面，所以我们需要先理解列表是什么。 列表源自编程术语，是一种数据结构，即按照线性顺序排列的数据项集合（有限序列）。说人话，就是按照一定顺序展示数据的形式。 我们再用的角度来理解它，可以把它分为 “列” 和 “表” 两个部分。我们先理解表，表就是“表格”的意思，这也是计算机中存储数据最基础的形式（关系型），我们在页面中看见的多…- 0
- 0
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为发展的新趋势。 更多： 全文速览图 你可能会想到一个更直白的例子： 我们现在使用的诸如淘宝这类电商平台对于商品的推荐，或是…- 0
- 0
-
基础知识科普系列！设计师必须掌握的10种交互手势全解析
哈喽，这里是Clip设计夹，今天分享的是「解析」。 说起手机操作，大家每天都在做点击、滑动、长按这些动作吧？其实这些手势不只是简单的“点一点、滑一滑”，更是我们和手机沟通的“直观语言”。 比如刷信息流时，点一下卡片就能打开全文；看到“发送”“保存”“关注”这类按钮，点一下就执行命令。轻点就像手机操作的“万能钥匙”，撑起了大部分导航和功能触发。 不过要注意，手机交互时需给出清晰的反馈——例如点完按钮…- 1
- 0
-
同样是切换组件，开关/单选按钮/复选框该用哪个？
一、全文速览图 苹果HIG (人机界面指南) 里明确把开关、复选框、单选按钮这三类，都归为「切换开关」组件。它们的核心共性是让用户在对立的状态间做选择，通过差异化的视觉形态清晰区分选中/未选中的状态。 开关的结构非常简洁，核心分为3个部分： 轨道（背景）：开关的背景区域，也是手柄滑动的路径，通常会用颜色差异区分开/关状态，直观告诉用户当前是否激活 手柄：用户可以点击、拖动的可交互按钮部分，手柄上可…- 0
- 0
-
想给UI界面加上动效？试试这个超实用的工作流！
一、全文速览图 从草稿-平面稿-AI辅助生成3D效果-AI辅助生成3D动态效果-3D动态透明背景五个过程，带大家梳理一下全过程： 二、草稿 1. 通过查找动作参考素材，依据参考勾勒出动作轮廓。 四、AI辅助生成3D效果 1. 生出3D效果，但是亮部太暗，没有反光，缺少细节。 五、AI辅助生成3D动态效果 步骤1：生成前预处理 1. 先给素材添加一个IP身上没有的颜色做背景，方便后续抠像处理。 2.…- 0
- 0
-
B端设计师警惕！Figma这4个进阶功能用错反而有害
B 端设计发展有个非常重要的节点，那就是 Figma 的问世，它的团队协作、自动布局等功能以及优秀的硬件性能管理大大释放了 B 端设计师的生产力，把 Sketch 甩在身后。 所以对于 B 端设计而言，只要没有网络要求的限制，那么就不存在 Sketch 和 Figma 只是工具选哪个都可以的说法，而是只能选 Figma（包括国产类 Figma 软件）。 Figma 虽然有很多优秀的功能和特性，但要…- 0
- 0
-
沐颜小栈-MUOOY.CN
资源爱好者严选平台
UI设计
资源爱好者严选平台
标签
UI设计-共
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 8个作品
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 8个作品