首页

《设计的 125 条通用法则》深度解读(五)|前十大核心法则 UI 落地解析|兰亭妙微

涛涛 交互设计及用户体验

威廉・立德威尔《设计的 125 条通用法则》是覆盖平面、UI、交互的经典理论工具书。过去很多设计师做界面全凭经验,而这套法则把零散设计思路整理成标准化理论框架,让设计输出稳定可控。本文结合移动端 UI 实战,拆解书中前十大高频核心法则,搭配主流 App 真实案例,方便设计师直接落地应用。

跳出同质化:8 类极具巧思的创新 UI 设计案例解析|兰亭妙微设计分享

涛涛 移动端UI设计文章及欣赏

当下移动端 UI 设计体系日趋成熟,各大 App 界面组件、布局框架高度趋同,很难形成独特记忆点。兰亭妙微团队结合多年商业 UI 落地项目,整理 8 个落地性极强的创新设计思路,从卡片、导航、交互、视觉细节多维度拆解差异化设计手法,为设计师提供可复用的创新参考。

新手引导设计:别把入门第一课做成用户劝退指南|兰亭妙微设计分享

涛涛 交互设计及用户体验

初次打开一款产品的几分钟,直接决定用户留存与否,如同初次见面的第一印象。很多设计师做新手引导只聚焦操作教学,却忽略传递产品核心价值,冗长繁琐的引导极易造成用户流失。兰亭妙微结合多年 ToB、ToC 界面设计项目经验,梳理新手引导主流展示形式、四大引导类型与落地设计准则,帮助设计师打造低负担、高转化的新手体验。

新手 UI 入门|iOS26 系统控件完整解读|兰亭妙微设计分享

涛涛 行业趋势

作为深耕 UI/UX 设计十六年的专业团队,兰亭妙微(蓝蓝设计)在日常项目对接中发现,大量新人设计师对移动端系统控件概念模糊,绘制界面时常出现规范错误。UI 控件是界面交互的基础单元,不同产品视觉风格虽有差异,但控件基础类型、交互逻辑具备统一标准。本文结合最新 iOS26 设计规范,梳理全套系统级控件分类与使用规则,帮助设计从业者快速建立标准化组件认知。

兰亭妙微ui设计公司:一文吃透 AI 设计全链路:工具大全 + 落地案例 + 自动化工作流(上)

清阳 设计资源

AI 设计真正的提效逻辑,不是堆砌多款工具,而是用 AI 打通完整交付链路:需求生成、视觉迭代、设计转代码、批量产出 PPT、标准化沉淀可复用工作流。
 
整套 AI 自动化设计体系由Agent+MCP+Skills三大核心模块串联成标准化设计生产线,完整落地链路包含 6 大关键要点:
  1. 按需匹配工具:图像生成、通用大模型、代码辅助工具各有适用边界,选对工具大幅减少返工;
  2. 重构全场景设计链路:品牌 VI、营销海报、电商视觉、APP / 网页 UI 等全品类设计均可 AI 快速起稿、多轮迭代;
  3. 提示词决定产出上限:需求目标、画面风格、尺寸规格、页面模块描述越具体,成品越贴合项目真实需求;
  4. 流程自动化运转:Agent 负责需求理解与任务调度,MCP 打通 Figma、代码编辑器等本地软件,Skills 执行细分标准化任务;
  5. 缩短交付周期:原始需求文档可一键转化页面、PPT、APP 界面,省去大量重复机械工作;
  6. 重塑设计师核心价值:AI 承接基础执行工作,设计师聚焦需求研判、创意方向把控、用户体验优化等高价值环节。
整套体系覆盖通用大模型、图像生成、代码编写、PPT 产出、网页 UI 全流程,实现「需求输入→AI 规划拆解→多工具协同执行→多终端交付→流程沉淀复用」闭环,核心工具包含 ChatGPT、Claude Code、Figma MCP、PPT Skill、Google Stitch。
 
下文将从主流 AI 设计工具盘点、五大类 AI 设计落地案例、三大自动化实战工作流三部分完整拆解,适配设计师日常各类项目场景。

一、主流 AI 工具全分类盘点

image.png

按使用场景分为AI 图像生成工具通用大模型两大板块,覆盖视觉创作、文档处理、代码开发全需求,国内外工具优势互补,按需选择即可。

(一)AI 图像生成工具(视觉设计核心)

  1. GPT Image 2(OpenAI)

    image.png

    当前综合效果顶尖的多模态图像生成模型,画面还原度、真实度极强,可生成实景人像、商业场景、社交截图等高度写实内容,图文一体交互便捷,综合适配平面、运营、UI 各类视觉创作。
  2. Nano Banana 2(Gemini)

    image.png

    GPT Image 2 上线前行业标杆级绘图模型,色彩表现力、创意渲染能力突出,曾掀起 AI 替代基础设计的行业讨论,依托 Google AI Plus 生态,擅长复杂创意画面、艺术风格创作。
  3. 即梦 AI(字节自研国产模型)

    image.png

    国内本土最优图像生成工具,适配中文语境与国内设计需求,每日提供免费创作积分,性价比突出;支持参考图复刻、2K 高清出图、自定义画面比例,无需复杂翻墙,国内设计师首选日常绘图工具。
  4. Midjourney

    image.png

    AI 绘画行业开创者,艺术氛围感、插画质感业内顶尖,依托 Discord 生态迭代多年,V5/V7 版本美术表现力拉满,更适合插画、艺术概念、高端质感视觉创作。

(二)通用 AI 大模型(需求拆解、文案、代码基底)

image.png

覆盖文档解析、文案撰写、逻辑梳理、代码开发、需求文档输出等办公全场景,四款主流工具各有核心优势:
  1. Claude

    image.png

    核心优势为超大上下文窗口,可一次性读取百万字长文档,擅长合同解析、长篇品牌文案、完整 PRD 撰写、严谨结构化文本输出;配套 Claude Code 可作为全流程 Agent 中枢,调度整套设计工作流。
  2. GPT 系列(OpenAI)

    image.png

    全球通用大模型标杆,综合能力均衡无短板,日常问答、营销文案、产品 PRD、代码编写、图文生成均可一站式完成,生态成熟,落地场景覆盖全行业。
  3. DeepSeek(深度求索)
     
    国产出海头部开源大模型,数学推理、代码生成能力强劲,支持商用私有化部署,个人免费使用门槛低,适合技术、设计开发协同场景。
  4. 豆包(字节自研)

    image.png

    深度适配中文使用习惯,对话自然流畅,职场文案、品牌策划、学习素材、新媒体内容创作上手零门槛,兼顾生活化与专业设计辅助需求。

二、五大类 AI 设计落地实战案例

将商业视觉设计划分为品牌 VI、运营宣传、电商视觉、B 端后台、企业官网五大核心类目,依托 AI 工具完成从品牌底层规范到线上页面落地全流程提效。

1. 品牌视觉 VI 设计

适用场景:新品牌全案搭建、品牌视觉升级
image.png

 

实操流程:上传品牌 LOGO 素材,AI 自动一键生成全套标准化 VI 系统,包含标准色 / 辅助色规范、字体层级体系、名片 / 包装 / 展架等物料延展、实物样机预览,一站式完成整套品牌识别方案,无需手动搭建规范文档。
 
示例指令参考:基于上传 LOGO,输出完整品牌 VI 手册,包含色彩规范、字体层级、线下宣传物料全套延展样机。

2. 运营宣传设计

 

适用场景:活动海报、公众号长图、短视频封面、节日营销物料

 

实操流程:输入品牌定位、产品信息、画面尺寸、风格关键词,AI 批量产出多版宣传画面,适配朋友圈、小红书、短视频多渠道裁切需求,快速迭代多套备选方案。
image.png
示例指令参考:创作新中式国风奶茶品牌宣传图,共四款单品海报 + 配料详情图,高级质感,画面比例 9:1。

3. 电商视觉设计

适用场景:商品主图、详情长图、大促首页、直通车创意图

image.png

实操流程:上传产品实拍原图,AI 自动渲染多场景产品效果图,同步提炼产品核心卖点、使用场景细节,批量生成整套详情页版式,大幅缩短新品上新设计周期。
 
示例指令参考:基于耳机实拍图,生成完整电商详情长图,提炼六大产品核心优势,统一简约科技产品调性。

4. B 端后台 UI 设计

image.png

适用场景:数据管理系统、SaaS 平台、AI 工具后台、企业管理平台
 
实操流程:输入产品业务定位、功能模块,AI 生成专业 B 端界面,包含数据看板、表单、弹窗、组件库整套规范,视觉克制专业,适配企业级系统使用场景。
 
示例指令参考:为 AI 工具 SaaS 平台设计整套官网与后台管理 UI 界面。

5. 企业官网视觉设计

image.png

适用场景:品牌官网、产品落地页、企业宣传站点
 
实操流程:上传产品 / 品牌素材,AI 自动识别品牌调性,匹配对应视觉风格,输出首页 Banner、栏目内页、落地页全套 UI 稿,兼顾视觉美观与前端落地适配。
 
示例指令参考:基于汽车实拍素材,打造高端商务汽车品牌官网全套视觉设计稿。
 

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

兰亭妙微ui设计公司:一文吃透 AI 设计全链路:工具大全 + 落地案例 + 自动化工作流(下)

清阳 设计资源

 

三、AI 自动化设计工作流:三大核心落地案例

整套 AI 自动化设计链路依托三大底层核心组件搭建,先理清基础概念,再看完整实战流程:
  1. Agent(Claude Code 智能体):全流程指挥中枢
     
    整套设计链路的大脑,负责接收原始需求、拆解细分任务、调度各类工具协同工作;
  2. MCP 跨平台协议:软硬件互通桥梁
     
    解决大模型无法直接操控 Figma、代码编辑器、Office 软件的痛点,实现 AI 与本地设计、开发工具双向数据互通;
  3. Skills 模块化插件:细分执行单元
     
    封装标准化功能包,由 Agent 统一调度,完成 PPT 生成、图文排版等标准化重复工作。

 

案例 1:企业官网一体化设计工作流(设计 + 代码同步)

image.png

整体效率提升 300%,缩短 2-3 天完整设计开发周期
  1. Agent 统筹需求:输入企业简介、业务板块,Claude 自动梳理官网栏目架构、首页宣传文案、各板块内容,完成全站文案定稿;
  2. MCP 双向联动:通过 Figma 专属 MCP 插件打通设计与代码,一边生成可编辑 Figma 视觉稿,一边同步输出可直接使用的 HTML 源码,设计修改实时同步前端页面;
  3. 实操步骤:
     
    ① 终端安装 Figma 插件:claude plugin install figma@claude-plugins-official
     
    ② 输入需求指令:制作极简科技风 AI Agent 企业官网
     
    ③ AI 自动完成方案构思,同步提供多版视觉方向供选择;
     
    ④ 输出完整带交互动效的 HTML 页面,包含按钮、表单、滚动动画;
     
    ⑤ 指令同步同步至 Figma:将该网页设计转化为可编辑 Figma 源文件,自动搭建自适应布局、分层可编辑图形组件。

案例 2:全自动 PPT 设计工作流

image.png

效率提升 200%,快速产出完整演示文稿
  1. Agent 拆解任务:向 Claude 输入 PPT 核心需求、主题风格;
  2. 挂载 PPT 专属 Skills 插件:npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
  3. 上传文本内容文档,输入指令:制作科技风行业演讲 PPT;
  4. AI 自动规划页面结构,生成带翻页动画、元素出场动效的演示页面;
  5. 支持直接导出标准 PPT 文件,页面元素均可二次手动修改调整。

案例 3:全套 APP UI 协同设计工作流(ChatGPT+Google Stitch)

image.png

实现从产品需求到视觉界面一站式产出
  1. ChatGPT 输出标准化 PRD:输入产品定位,自动生成完整产品需求文档,包含目标用户、核心功能、页面架构、交互逻辑、用户全流程路径;
     
    示例指令:设计一款健身爱好者专用 APP,输出完整 PRD,覆盖首页、训练计划、课程、饮食记录、数据统计、个人中心模块;
  2. Google Stitch 批量生成界面:上传完整 PRD 文档,指定主色调、视觉风格,AI 统一输出全套 APP 页面,保持色彩、图标、组件设计语言统一;
  3. 精细化迭代优化:单独选中画板、组件输入微调指令,一键修改配色、插画、页面布局,同步预览交互效果,快速迭代设计系统。

四、AI 设计提效核心总结

1. 高效落地两大关键

  • 工具精准匹配:跨设计开发协同场景用 MCP 协议打通本地软件;PPT、VI 等标准化单一场景直接调用内置 Skills 插件,减少多工具来回切换损耗;
  • 指令清晰完整:向 AI 下达需求时,明确项目目标、输出格式、尺寸、风格、页面模块、细节规范,降低 AI 理解偏差,减少反复修改返工。

2. AI 设计行业未来趋势

  1. 全链路无人自动化:从需求构思、视觉产出、前端代码生成到最终交付,AI 独立完成全流程调度;
  2. 个性化智能适配:AI 自动学习设计师个人风格、品牌固定视觉规范,生成内容贴合固有设计体系,减少后期调整;
  3. 跨场景数据互通协同:打通官网、PPT、APP 设计稿多类载体,数据资源互通,设计、产品、开发跨岗位高效协作。

五、后记

AI 从来不是取代设计师的替代品,而是帮从业者剥离重复、机械基础工作的创作利器。借助 Claude Code Agent 搭配 Figma MCP、PPT Skills 自动化链路,能够完美解决设计与开发脱节、手动操作低效、专业技能门槛高三大行业痛点。
 
未来,熟练掌握、合理搭配 AI 工具,将成为设计、产品、运营从业者必备核心竞争力。本文分享的工具清单、实操案例、自动化工作流可直接落地复用,助力各位设计师实现高效创作、低成本落地商业项目。
 

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

对话框不是万能的,AI产品的交互尽头在哪里?

清阳 行业趋势

很多产品经理认为,给产品塞进一个对话框就是“AI 化”了。但在 AI Center 的实践中,我们发现 LUI(对话交互)往往是产品设计的“懒惰表现”。

真正的 AI 原生交互,应该是让界面消失,让用户意图透明。

本人经过多年研究 AI 产品的交互,结合近期看到一篇 CHI 2026 最佳论文提名,推荐给做 AI 产品的小伙伴。

微软亚洲研究院 + 港科大提了个 IAI(Interaction-Augmented Instruction)模型。

核心一句话:AI 时代的交互不该只有“写 prompt”,而是“prompt + 各种交互形态”的混合体。

其实他们就做了三件事:

1、把 AI 时代的人机对话方式拆成了 6 个实体:人、文字、交互、增强指令(Aug)、AI、产物。

他们最关键的创新是把“增强指令 Aug”独立出来,作为 AI 真正消费的东西。

2、分析了 66 个 AI 工具,归纳出 12 种原子交互范式:点击改 prompt、画草图作指令、AI 给你做滑块挂在结果上随便调……每种都有对应的信息流图。

3、用模型推导出全新范式:比如“AI 主动发起 + 情境感知”(走进食堂,AR 眼镜直接问你吃肉还是菜并给个滑块)。

简单总结就是:专家技能正在从“Prompt Engineering”转向“Instruction Design”。前者是教用户写作文,后者是设计“工具+情境+控件”,让用户哪怕只点几下,也能合成出比 prompt 更精准的指令。

链接:https://www.microsoft.com/en-us/research/publication/interaction-augmented-instruction-modeling-the-synergy-of-prompts-and-interactions-in-human-genai-collaboration/

一、困局:被“对话框”绑架的 AI 产品

打开现在的 AI 应用,映入眼帘的几乎全是类似微信的聊天界面。

这种 LUI(Language User Interface)确实降低了开发门槛,但对用户来说,它存在两个致命的痛点:

1、“空白页恐惧症”:用户面对闪烁的光标,往往不知道该问什么。

2、高认知负荷:输入文字(或组织语言)本身就是一种高成本的体力与脑力活。

对话框只是 AI 交互的婴儿期。如果一个操作点击两次就能完成,强迫用户输入一句话就是设计的倒退。

二、 逻辑重构:从“功能搜索”到“意图识别”

传统 GUI(图形界面)的逻辑是:用户寻找功能。你想听歌,要先找音乐 App,再找搜索框,再打字。

AI 时代 UX 的底层逻辑是:系统识别意图

1. 意图识别(Intent Recognition)

未来的交互不再是等用户下指令,而是通过环境上下文(Context)捕捉意图。

案例:在智能座舱中,你视线看向窗外某个地标并问“那是什么?”,系统结合视线追踪(眼动)和高精地图,直接给出答案。这里没有复杂的菜单,只有自然发生的意图捕捉。

2. 生成式 UI(Generative UI)

这是目前最前沿的方向。界面不再是预设好的死板组件,而是根据 AI 预测的意图实时生成的。

如果你在聊出差行程,界面自动弹出的不是聊天文字,而是一个包含航班、酒店和天气对比的定制化表格。

三、进阶设计:主动交付(Anticipatory UX)

最好的交互是“不交互”。这就是我们正在卷的 “主动交付” 逻辑。

  • 从“拉”到“推”:传统交互是用户“拉取”信息(Pull);下一代交互是 AI “推送”结果(Push)。
  • 场景编排:AI 应该预判你的下一步。例如,当你设定了一个 8 点的会议,AI 发现路况拥堵,它不应只在 8 点提醒你开会,而应在 7 点提示你提前出门,并自动帮你启动车辆预热。

PM 的实战准则:判断一个 AI UX 好不好的标准,是看它减少了用户多少次不必要的决策。

四、给 AI 产品经理的 3 条交互避坑指南

1. 保留“逃生舱”:无论 AI 多么智能,其意图识别永远存在概率性的错误。界面上必须永远有一个显眼的、确定性的“手动干预”按钮,防止 AI 陷入逻辑闭环。

2. 拒绝“黑盒式”等待:AI 处理复杂任务需要时间。不要只给一个 Loading 转圈,要通过交互展现 AI 的“思考过程”(如逐步显示推理步骤),这能极大地缓解用户的焦虑感。

3. 不要为了 AI 而 AI:传统的进度条、开关掣、单选框,在特定场景下依然比对话更高效。顶级 PM 的功力,在于知道何时该给用户一个对话框,何时该给用户一个简单的物理按钮。

总结:交互的终局是“透明”

在大模型时代,我们对 UI 的理解正在经历一场从“人适应机器”“机器适应人”的革命。

下一代 AI 产品的竞争,不在于谁的对话框更好看,而在于谁能让用户感知不到界面的存在,却能精准地交付结果。

从 LUI 走向 Intent-Centric(以意图为中心),这才是产品经理和研发人员真正该卷的战场。

 

 

 

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

当AI做完需求分析,设计师在做什么

之晨 行业趋势

一、全文速览图

image.png

转载自优设网

最近在搭建一个需求分析 Skill,这个 skill 的运行逻辑是:我把一份需求文档交给 AI,希望它结合我提前整理设计理论和产品价值观等材料搭建出来的知识库内容,判断这个需求解决了什么问题、是否值得做、还存在哪些风险。

很快,一份有用户、有场景、有结论的分析生成了。只看结果的话,似乎方法已经跑通。但当遇到一些较为棘手的问题时,继续追问 AI,例如“这条判断用了哪项依据”、“为什么这项原则适用于当前需求”时,问题出现了:

  1. 有些结论来自 AI 自身的通用推理;
  2. 有些观点虽然来自资料,却忽略了适用条件;
  3. 还有些表达过于绝对,仿佛一条经验能够覆盖所有需求。

这些答案不一定是错的。真正值得警惕的问题是:这一次看起来正确,究竟是方法可靠,还是 AI 恰好猜对了?这成为我持续思考迭代这个 Skill 的起点。比起让 AI 给出更多答案,更重要的是让判断的依据、过程和边界变得清晰。

二、需求文档写的是方案,设计师要看见背后的问题

体验设计经常从一份需求文档开始:

文档通常已经写明要增加什么功能、希望达到什么目标,有时还附带用户反馈和初步方案。我们很容易顺着它继续思考用户流程、信息架构和交互界面等等设计工作的开展,却忽略了一个前提:文档描述的往往是:“团队目前想做什么,不一定等于用户真正遇到了什么问题”。

假设,一份需求写着:

“用户面对的内容太多,希望增加自动摘要功能,帮助用户更快获取重点。”

这句话至少混合了四类信息:

  1. 事实: 用户正在处理较多内容;
  2. 目标: 希望降低阅读和理解成本;
  3. 假设: 用户需要自动摘要;
  4. 方案: 在产品中增加摘要功能。

“自动摘要”已经是一个方案。用户真正的困难可能是找不到关键信息、无法比较多份内容,或者不知道怎样做决定。

如果没有拆开这些信息,我们很容易把尚未验证的方案当成需求本身。后面无论把摘要长度、按钮位置和纠错机制讨论得多完整,都可能只是在认真解决一个没有被确认的问题。

因此,需求分析不是设计开始前的机械步骤,而是设计工作的本身。设计师需要继续确认:谁在什么场景下遇到了问题?真正的阻碍是什么?哪些内容已经被证实,哪些只是推测?

把需求拆解看成一座冰山,水面上是产品背景、产品逻辑、产品目标、功能描述;水面下还有用户场景、真实诉求、约束、风险、判断依据等等隐藏信息。设计师的工作不是立刻把水面上的内容做出来,而是先确认水面下的问题是否成立。

image.png

不过,看见水面下的信息,并不代表我们已经得到了答案。

接下来还需要判断:哪些信息足以支撑当前选择?已有的设计原则和经验是否适用于这个场景?当用户目标、业务诉求和使用风险发生冲突时,应该依据什么做出取舍?

这意味着,需求分析不仅需要把问题拆开,还需要一套能够被调用和核对的判断依据。公开规范、设计原则和历史经验,都是这些依据的重要来源。

Apple 的 Human Interface Guidelines,就提供了一种组织这类判断依据的参考。它覆盖设计基础、常见模式、系统组件、输入方式和平台技术,帮助设计师理解平台行为与用户预期,再结合具体情境做出选择。

HIG 的价值不在于提供一个可以直接套用的标准答案,而在于说明一项设计原则为什么成立、通常适用于什么场景,以及使用时需要注意哪些条件。

同样,用于提供给 AI 进行需求分析的知识库,不仅仅只是单纯给出设计原则、规范或历史经验、产品价值观。还需要补充说明它们成立的支撑依据是什么、适用条件有哪些、使用的边界情况,等等额外信息。

image.png

三、为什么 AI 总能给出“看起来合理”的分析?

第一版 Skill 已经包含提示词、判断的知识库资料和基本流程步骤,但没有太多的“约束”。告诉 AI 应该参考什么、输出什么,却没有规定怎样使用依据、哪些过程不能跳过,以及怎样证明检查真正发生过。

AI 很聪明,但也很会“偷懒和欺骗”。

这里的“偷懒和欺骗”,是指它擅长选择最短路径,尽快生成一个符合要求、看起来合理的结果。实践中,常见的偏差有四种:

1. 无关联性的强行匹配

需求和知识库内容一旦出现相似词语,AI 就把两者强关联起来。结果是不太关联的内容却被关联了起来,且没有确认原则、关联逻辑成立的条件。

2. 无视思考,直接跳过

AI 可以直接给出结论和理由,但未必说得清结论对应哪条需求信息,又是怎样从依据推导出来的。

3. 把“总结”“篡改”原话

AI 自行总结知识库里的内容,在后续输出结论的时候加上引号“”,变成仿佛是来自原文的直接表达。

4. 捏造事实,只为补满空白

当资料没有覆盖某个问题时,AI 更自然的选择是用常识继续完成答案,事实、经验和模型推测也因此混到了一起。这种看似可信但实际错误的内容通常被称为幻觉。OpenAI 的相关研究也指出,只奖励正确率的评测方式可能鼓励模型猜测,而不是承认不确定性。

AI 的捷径不一定让答案显得粗糙,反而可能让缺失的过程更难被发现。

第一版真正的问题不是 AI 不够聪明,恰恰是它太会给答案。即使缺少依据,也能把空白补成完整、合理的结果。

后来发现这些问题之后,我采取的一个处理方式是不断在 Skill 中增加提示:给出依据、区分事实和推测、不要编造、列出信息缺口、输出前自检。

但回想后发现,这些要求像一个个补丁,可以修复已经出现的问题,却很难保证下一个需求不会从别处出错。AI 也可以生成“我已检查”的文字,却不一定真的读取了资料;可以列出推理步骤,却可能是在结论之后反向补齐。

因此,真正需要调整的不是提示词长度,而是把判断依据、执行步骤和检查方式拆开,更系统性工程化的角度来重新构建 skill 的骨架。

一次输出看起来正确,只能说明这次结果可用;只有过程能够被重复检查,方法才开始变得可靠。

四、如何让 AI 对需求的判断与分析,更可靠?

最初的目标,是想真正“教会”AI,让它理解我们判断需求的方式。

但 AI 不会因为读过一批资料,就像团队成员一样拥有共同经验和产品观。当前更现实的方式,是让它在明确的依据、步骤和边界内工作。

随着问题不断暴露,这个 Skill 的协作方式逐渐被整理成三个部分:

1. 先整理判断依据:AI 根据什么做判断

这个阶段聚焦在知识库里,知识库的内容如果按“来源”进行归档,适合保存,却未必适合判断。如果只把大量材料交给 AI,它可能找到相关观点,却不知道这条观点在回答什么问题、何时不适用。

因此,除了内容本身以外,还需要对内容进行“解析”处理:说明成立前提、适用边界、与当前需求的关系,以及如何回到原始来源核对。

原始材料与 AI 生成的摘要也需要分开。摘要可以帮助检索,却不能代替来源。尤其是引用,必须能够回到原文核对,不能把 AI 的概括伪装成原话。

2. 再规定分析步骤:哪些过程不能跳过

如果只要求“认真分析”,AI 会选择自己最擅长也最省力的方式。所以,需要明确几个不能跳过的动作:

  1. 拆开需求中的事实、目标、假设和方案;
  2. 寻找依据并检查适用条件;
  3. 解释需求信息与依据之间的关系;
  4. 暴露冲突、风险和信息缺口;
  5. 最后形成结论与下一步建议。

这些步骤不是为了让产出物变长变复杂,而是避免 AI 直接从输入跳到答案。

Skill 的角色也从“判决评审官”逐渐转向“思辨好伙伴”。只告诉设计师“不要做”并不会提高设计质量,团队还需要知道问题在哪里、原始诉求是否成立,以及还能怎样重新理解。

它不负责替设计师说“做”或“不做”,而是帮助设计师看见判断的前提和仍未回答的问题。

3. 做最后检查动作:规则是否真的生效

规则、要求、步骤写进 Skill,并不代表已经生效。真正的检查需要回答:

  1. 依据只是关键词相似关联,还是适用条件真的成立?
  2. 是否解释了它为什么适用于当前需求?
  3. 引用能否回到原始来源?
  4. 没有依据的部分是否明确标成未知?

每次修改规则后,还要用历史案例和故意设置的错误样例重新运行。因为规则需要经过测试,而不是写完就算完成。反复打磨和验证,这也与 AI 应用中的评测思路相近:先定义行为标准,再用代表性数据验证输出。

五、好的需求分析,应该让团队看见什么?

当 AI 可以很快生成结论时,需求分析反而不应该只留下结论。如果仅只是输出一句“建议推进”或“需要重新考虑”会把判断过程压平。好的分析还应帮助团队看清四件事:

1. 我们已经知道什么?

需求材料中能够确认的事实,例如用户反馈、使用场景、现有流程和明确约束。AI 可以帮助整理这些信息,但不能把自己的补充混进事实。

2. 我们正在假设什么?

尚未被验证的判断,很多需求会把问题、目标和方案写在一起。分析需要把尚未验证的部分单独标出来。只有先看见假设,团队才能决定怎样验证。

3. 我们凭什么得出当前判断?

一条条设计原则或历史经验不能只因为听起来相关,就成为结论依据。分析需要说明它解决的是什么问题、适用条件是什么,以及为什么能用于当前需求。

存在反面证据或不同观点时,也应该同时呈现。

4. 下一步还要确认什么?

还要向谁确认、补充什么证据、哪个假设的错误成本最高,以及哪些决策暂时不应推进。

需求分析不只交付结论,还要保留团队继续验证和讨论的入口。

AI 最自然的动作是补全,但需求分析有时最需要的动作恰恰是停下来。

“不知道”并不意味着分析失败。当不确定性被明确表达,它就从隐藏风险变成了团队可以处理的工作。

设计师在这里也不只是审核 AI 写得好不好,而是决定哪些问题值得追问、什么证据足以支撑判断、谁的体验被遗漏,以及不同价值与风险该如何取舍。

image.png

六、设计师真正沉淀下来的,是一种学习循环

虽然,目前的 skill 还在搭建和打磨当中,仍不能确定这套基建思路是不是最终答案,它也会继续迭代。

但至少可以确认:让 AI 在明确的依据、步骤和边界内工作,比放任它凭通用能力自由生成,更容易发现偏差。这种约束不是为了让答案僵硬,而是让我们知道它为什么这样判断,也知道什么时候不该相信它。

这段实践逐渐形成了一套“做中学”的循环:从真实摩擦出发,选择一个最小任务试验,观察输出偏差,把有效方法固化下来,再用新旧案例重新验证。

这也符合当前常见的 AI 工程实践:先从简单方案开始,通过评测优化,只有在无法满足需求时,再增加系统复杂度。而且不同工具各有所长,重点不是寻找一个包办所有事情的工具,而是先判断当前环节需要什么能力,再用真实任务验证它。

每次试错也最好留下资产:一条问题记录、一个失败样例、一份模板、一张检查表,或一条被写进 Skill 的规则。工具会变化,但这些经验能让下一次探索不再从零开始。

image.png

工具会变化,但从问题出发、用实验验证、把经验留下来的能力可以持续积累。

七、结语:AI 没有替设计师做判断,而是让判断过程变得清晰

这段实践得到的,不是一个能够自动评审需求的标准答案。

Skill 的意义,是把需求分析中相对稳定的步骤封装起来,让 AI 按同一套流程拆解信息、调用依据和检查结果;需求分析本身的意义,则是辅助设计师看清问题,而不是代替设计师下判断。

当 AI 越来越擅长生成内容,设计师仍然需要理解具体情境和真实的人,发现需求描述之外的问题,在不同目标之间做出取舍,并为最终选择承担责任。

AI 可以快速整理信息,却不知道哪一种产品体验更值得做;可以生成多种解释,却无法代替团队决定什么符合产品的长期方向。

因此,AI 时代的设计师更像问题的定义者、情境的解释者和价值的取舍者。我们不仅要会使用 AI,也要知道应该给它什么依据、在哪些地方停下来,以及哪些判断必须留在人手里。

当生成答案成为基础能力,设计师之间真正的差异,也许不在谁更快给出结论,而在谁能更早发现:哪些是事实,哪些是假设,我们究竟还缺少什么。

 

图片来自Behance

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

兰亭妙微设计分享:AI生物力学康复数据可视化平台全案设计

之晨 交互设计及用户体验

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

截屏2026-06-30 10.51.18.png

一、项目定位与行业痛点

产品简介

Biomechanics AI 是面向康复科医师、运动理疗诊所的专业AI生物力学分析系统,融合计算机视觉与可穿戴传感器,实时捕捉人体运动细节,量化关节负荷、发力不对称、体态代偿问题,将传统康复「肉眼主观判断」转化为可量化、可预测的数据化诊疗体系,覆盖电脑端诊疗操作台、移动端医师随身查看、品牌官网多终端完整设计体系。

 

传统康复行业四大核心痛点

1. 判断主观化:理疗师依靠肉眼观察动作,微小体态代偿、受力失衡极易被忽略,误诊、漏代偿风险高;

2. 康复无量化标准:关节压力、肌肉发力占比、活动角度无精准数值,康复进度无法客观追踪;

3. 复发无法预判:不能提前预测肌腱炎症、二次损伤风险,只能在疼痛出现后被动干预;

4. 数据割裂:患者运动数据、康复方案、预后预估分散,无一体化诊疗工作台。

 

二、产品完整业务闭环

整套系统形成「实时动作捕捉→生物力学数据量化→风险预警预测→个性化康复方案→预后恢复追踪」完整诊疗闭环:

1. 采集层:摄像头+可穿戴传感器同步采集深蹲、拉伸等康复动作的关节角度、受力、肌肉发力数据;

2. 可视化层:3D人体骨骼解剖模型直观标注异常发力点位,配套图表展示负荷、不对称率;

3. AI预测层:算法生成恢复周期预测曲线,计算损伤复发概率并弹出预警提示;

4. 干预层:系统自动给出终止训练、调整动作强度等临床建议;

5. 管理层:多终端同步,电脑端深度诊疗、手机端便携查房,后台统一管理患者档案、康复报表。

截屏2026-06-30 10.50.27.png

三、核心功能模块分层设计拆解

模块1:Live Session 实时诊疗操作台(PC主界面)

整体采用三分栏平衡布局,兼顾视觉直观性与专业数据读取效率

1. 左侧:患者基础档案+实时动作指标面板

    展示患者伤病类型、康复周期、当前训练动作,核心量化指标:负荷不对称率、关节活动角度,搭配简易趋势线判断恢复走向;配套「暂停训练/完成疗程」操作按钮,医师可即时干预训练。

2. 中部核心视觉:3D半透明人体骨骼解剖模型

    视觉核心载体,动态还原患者实时体态,以高亮色块标记动态膝内扣、身体前倾等异常发力区域,搭配下拉标签标注问题名称,兼顾医学专业性与视觉易懂性,是整套产品的设计记忆点。

3. 右侧:Detailed analytics 深度预测分析面板

    - Recovery Forecast恢复预测折线图:区分预测值/实际恢复曲线,精准预估重返运动周期;

    - Predictive Alert损伤风险预警:百分比量化肌腱发炎复发概率,高风险高亮提醒;

    - 肌肉发力分项指标:区分最优/次优发力肌群,给出训练终止临床建议。

设计价值:单屏整合患者、动作、解剖、预测四大维度信息,医师无需切换页面即可完成整套康复评估,大幅提升诊疗效率。

截屏2026-06-30 10.51.12.png

模块2:移动端医师随身查看界面

轻量化精简布局,适配诊所查房、上门康复场景:

1. 简化3D人体可视化,聚焦单一体态异常数据(关节负荷、不对称比例);

2. 保留核心预警与指标卡片,剔除复杂多维度报表;

3. 线性步骤引导展示设备接入、采集、数据分析完整流程,降低设备上手门槛。

截屏2026-06-30 10.51.28.png

模块3:品牌官网多端营销界面

面向诊所采购决策者,传递产品核心价值,分三大叙事板块:

1. 价值主张板块:对比传统康复「主观/低效/猜测/不确定」与系统「客观数据化」核心优势,搭配全球诊所落地数据增强信任;

2. 技术流程板块:三步极简流程展示「设备连接-采集训练-数据诊疗」,降低客户技术理解门槛;

3. 兼容与信任板块:展示市面主流医疗设备、HIS系统生态适配,医师真实口碑证言,配套FAQ转化引导预约演示。

截屏2026-06-30 10.51.02.png

四、视觉设计体系|医疗专业感+轻量化科技感平衡

1. 色彩系统

- 主色调:浅白基底+低饱和医疗蓝,干净柔和,适配长时间医疗办公阅读,缓解视觉疲劳;

- 状态功能色:绿色(最优发力/恢复向好)、米黄(次优状态)、橙色预警(高损伤风险)、深蓝(核心数据强调),医疗场景下区分清晰且无刺激;

- 视觉符号色:半透冰蓝色3D人体骨骼,弱化冰冷医疗器械感,柔和传递生物力学科技属性。

 2. 图形与组件设计

1. 3D解剖可视化:半透明线框人体模型,不使用写实血腥人体图,兼顾医学精准度与柔和视觉感受,适配康复理疗温和的场景;

2. 卡片轻量化组件:低圆角、细分割线、弱阴影,极简B端医疗设计语言,避免厚重压抑;

3. 数据图表:简约折线、分段进度条,剔除复杂装饰,医师可秒读数值与趋势。

 3. 文字层级

无衬线现代字体,三层清晰层级:

超大粗体核心数值(87%风险、115°关节角度)→ 小标题指标名称 → 小号临床说明建议,符合医疗人员快速抓取关键数据的阅读习惯。

 

五、商业与用户综合价值

1. 临床价值:将康复评估从主观经验升级为客观量化数据,微小体态代偿100%捕捉,二次损伤预测提前干预,降低患者复发率;

2. 医师效率:单屏一体化操作台,省去多系统切换,单次康复评估时长缩短40%;

3. 商业落地价值:支持全主流医疗系统兼容,轻量化部署流程,适配大小私人理疗诊所、专业运动康复机构;

4. 患者价值:康复进度可量化可视化,直观理解自身发力问题,提升康复配合度。

 

图片来自Behance

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

2026 AI 设计六大新趋势|AI 不再只是工具,而是设计师专属创作伙伴

涛涛 行业趋势

六大趋势本质,是把重复、机械、标准化的工作交给 AI,解放设计师的创造力。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档