联盟
-
Skill怎么写、怎么用、怎么迭代？把我踩过的坑和方法全交代了！
一、全文速览图 之前写过一篇关于怎么把公司里的设计规范变成skill？的教程，没想到热度一直居高不下，直到现在还有不少人找我发当时文章里我写的skill文件模版。 也有人问我，除了这个，还有哪些skill是我经常用的？ 也有人想让我再详细讲讲，skill到底要怎么写，写完怎么安装，为什么有时候AI不听话。 说实话，这些问题我在群里一个一个回复过好多遍了。干脆今天再花点时间，把skill这个东西从头… -
为何加载动画是AI产品必不可少的设计？这7个案例告诉你！
我们都不喜欢等待，无所事事地等待常常会让人感到无聊和不耐烦，这在中尤其严重。当用户遇到长时间的加载等待，如果没有任何提示，他们可能会误以为网站或应用程序已经崩溃或卡死，最终选择放弃使用产品。 为了缓解用户等待的焦虑感，们在加载界面设计上展开了百家争鸣。 有些平台会使用自家 IP 形象来加强品牌特色，比如哔哩哔哩选用看板娘 2233 作为加载动画，完美契合平台"萌即正义"的定位。… -
用美团神抢手的案例，帮你快速掌握交互方案的设计思路
一、交互设计的基本说明 在 UI 的工作中划分了三种相关设计类型：界面设计，交互设计，体验设计。其中，界面设计就是界面的视觉样式设计，是设计功能的操作方式设计，体验设计就是围绕做改进的综合设计。 先明确强调这三件事情都属于 UI 设计师的本职工作，只不过当团队变大以后需要细分工作职能才会拆解开，但不代表作为 UI 设计师只需要关注界面就可以忽略交互和体验。就像一个大的厨房，会拆出宰杀、配菜、摆盘、… -
对话式的AI智能体怎么设计？我总结了一个设计框架
ChatGPT 不仅带动了 AI 的火爆出圈，也带动了对话式交互的一种形态，那如果要设计这样一个对话式的 AI 智能体，有哪些设计内容要做呢？ 借之前做 POC 项目时的思考，分享一个设计框架。 更多相关干货： 一、交互逻辑 虽然最终使用起来好像和一般的对话软件相似，但在交互流程的设计上不仅需要站在第三者角度考虑对话，还要作为其中一个提供服务的对话者来思考。 整个交互逻辑可以分为三个阶段 第一阶段… -
5亿人在用的美团外卖，为什么「更多」菜单设计非常混乱？
在日常生活中，我们频繁使用美团外卖订餐。而点击底部栏的「更多」按钮时，你是否也被那个一口气塞进 12 项功能的抽屉菜单弄得一头雾水？今天，就带你从一个体验的角度，细细剖析这个「更多」入口的设计问题、背后的产品逻辑以及优化思路。 更多案例拆解： 一、界面观察：点开「更多」后的困惑感 点击底部导航栏的「更多」图标后，界面弹出一个抽屉卡片，共显示 12 个菜单项： 红包、代金券、神抢手券、津贴、米粒、收… -
在腾讯磨练4年，掌握了这一套运动感UI设计方法！
很多师在提炼设计语言的时候，联想的关键词都是非常“泛”的，比如年轻、简洁、高级....... 这种词都被用烂了！ 今天分享一个最近做的体育相关的UI项目，因为和体育相关，所以我所有的设计语言全部围绕“运动感”来打造。 往期教程： 运动感怎么实现呢？ 可以围绕两个方向：碰撞与动势。 我们先来说碰撞，在我们搜索碰撞这两个字的时候，输入法会直接关联出一个碰撞的图形，类似于爆炸、撞击后的效果，如下图： 基… -
什么是AI工作流？我从PRD到视觉稿完整跑了一遍！
一、全文速览图 最近在群里，经常看到大家聊一个事。 虽然在不同公司，但几乎每个人都收到了类似的任务。老板说，你们去研究一下AI工作流，看看设计环节能不能提效。在我的AI群里，也有群友问我，能不能跑个完整流程出来，看看AI到底能不能从需求文档开始，一路到高保真设计稿？也有人说，老板又拿AI来PUA我们了，能不能帮忙写一篇说说它到底行不行？ 我懂大家的意思，其实不光是底下干活的设计师想知道AI工作流到… -
AI 对 UI 行业发展到底有什么影响？来看总监的深度分析！
一、全文速览图 去年开始 AI 行业迎来了爆发式增长，越来越多的行业和产品引入 AI 功能，比如 Figma Make 的上线，主流大模型的进步也突飞猛进，如年底 Google Gemini3 上线后横扫社交媒体。 在 UI 设计领域，我们可以陆续看到越来越多的博主上传用 AI 生成界面的案例，或者干脆用 AI 直接生成从界面到代码的全链路案例。行业每天都处于药丸，要被 AI 取代的论调中。 所以… -
保姆级教程！移动端表格界面的视觉设计拆解
一、列表页的顶部设计 开始列表页的设计要先完成顶部栏的设计，主要包括搜索、筛选、排序等标准内容。简单的列表页可能顶部只是个标题栏或是只有搜索，这种最基本的模式就不用多加解释。 更进一步，就是添加了基本筛选或排序的功能，通常它们会在标题栏外独占一行。 在这类设计中，额外增加的筛选或排序栏通常和顶栏是连接在一起的，且它的高度通常也小于顶栏。然后下方的选项可以是等分的，也可以是左右滚动的。 移动端的空间… -
Codex入门最佳实践！5 个场景带你从零快速上手！
一、全文速览图 很多朋友让我写一篇 的保姆级小白教程。 我本身是 UX 设计出身，之前一直觉得这玩意是程序员专属工具。结果用了一段时间发现，跟你会不会代码没关系，跟能不能把需求说清楚有决定性关系。 所以这篇不讲功能手册，不需要任何编程基础。 我用五个真实场景带你上手，走完你就会用了。 二、为什么要学 Codex？ 1. Codex 能把你脑子里的想法直接变成东西 做网页、处理文件、搞小工具，不用求… -
谷歌这套图标设计标准，零基础也能快速掌握！
一、全文速览图 哈喽，这里是Clip设计夹，今天分享的是「准则」。 图标是界面设计里的 “刚需元素”，一个小图标能快速传递很多信息。好的图标需要兼顾简洁、现代、友好。但图标的尺寸很小，设计时既要严格遵守设计规则，又得清晰表达信息，这样才能保证整套图标的风格统一、辨识度高。 今天就来聊聊大厂在用的图标和设计规范，配合案例进行设计分析~ 二、图标设计的3个核心原则 1. 形式够简洁 给大家举个例子，就… -
UI 改版总是不如原图？这套组件重构思维你需要掌握！
周练的改版很多同学都没什么思路，只是在原有基础上做了一些小修小改，调整并不大。所以今天我们自己做个演示，分享适合你们这个阶段的设计方法。 一、改版的方式分享 改版是前期训练中除了临摹外最好的训练方式，可以快速提升UI水平。且不管你们有没有工作经验在作品集准备中都要做改版，因为真实项目往往会有非常多缺陷和瑕疵（比如广告放太多根本不适合展示），需要我们重新改版完才放进去。 而改版最基础的方式，就是围绕…