首页

兰亭妙微UI设计公司:12个排版微调技巧,瞬间提高两倍设计感!

清阳

今天兰亭妙微UI设计公司分享的内容依然是关于“排版微调”的续集啦。这次内容主要是把纯文字信息转换编排为具有图形化的设计表现。特别是在电商类的海报设计中,单纯的文字往往缺乏吸引力,而将文字图形化,则是提升信息传达力和视觉表现力的重要手法之一。

所谓“图形化”,并不是让文字失去可读性,而是通过形式语言的转化,让文字具备图像特性,例如通过图标式、盖章式、对话框、爆炸等视觉图形化的形式进行编排,让文字自己“说话”。这样做不仅能提高阅读体验,还能强化设计的细节质感,避免一堆单纯文字堆叠带来的视觉疲劳。

所以,别忽略文字的可视化,把关键信息进行图形视觉化,能够让受众在一眼看过去,就可以快速读懂、记住促销的卖点,从而产生认同和购买的冲动。

那么,关于“排版微调”的系列案例,我会不定时更新这系列。希望今天的内容能给你带来灵感~

 

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

 

 

转载:优设

 

 

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

 

image.png

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

清阳

兰亭妙微UI设计公司: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

兰亭妙微UI设计公司:大厂如何做好品牌设计?快手光合计划完整设计全流程复盘

清阳

前言

兰亭妙微UI设计公司分享:快手光合计划是平台核心创作者扶持项目,以流量倾斜、现金激励、成长赋能搭建完整创作者变现体系,一边帮助普通人靠内容创作获取稳定收益、实现自我表达;一边为平台沉淀优质内容供给,拉动用户增长、搭建内容生态壁垒,形成创作者与平台双向共赢的商业闭环。
但改版前,项目长期存在两大核心短板:
  1. 视觉层面:整套视觉体系零散混乱,品牌识别度极低,活动氛围感、情感共鸣缺失,无法让创作者直观感知收益激励;
  2. 产品体验层面:活动规则晦涩难懂,操作链路断点多、参与门槛偏高,收益反馈弱,用户完成任务、提现、涨粉全流程体验割裂。
本次升级核心目标分为三层:
  • 品牌层:搭建专属、统一、高记忆点的光合视觉品牌体系;
  • 产品层:打磨全链路精细化用户操作体验,降低参与成本;
  • 业务层:提升创作者供稿量、作品播放 VV、粉丝转化,同时帮助创作者实现曝光、现金收益、涨粉三重增长。

一、项目前期:用户洞察与问题拆解

1. 核心创作者用户画像

image.png

  • 基础人群:主力为 18–35 岁三四线城市年轻群体;
  • 行为偏好:偏爱接地气、生活化内容,乐于尝试平台各类新鲜创作玩法;
  • 核心心理诉求:渴望通过短视频展示自我,同时高度看重真实、可落地的现金变现机会。

2. 现存痛点汇总

image.png

视觉痛点:视觉规范不统一、品牌符号模糊、缺少情感氛围、激励感知弱;
 
体验痛点:活动规则晦涩、操作步骤断层、参与门槛高、收益反馈滞后、全流程体验不连贯。

3. 改版目标拆解

  1. 视觉:建立专属差异化视觉品牌,强化品牌辨识度,提升视觉吸引力;
  2. 体验:打通全流程操作链路,消除断点,打造顺滑精细化交互;
  3. 业务数据:提升作品发布量、整体播放量、粉丝跃迁转化;
  4. 用户价值:放大流量曝光、现金收益、粉丝增长三大核心获得感。

二、视觉体系重塑:打造专属光合品牌视觉资产

围绕「万物生长」核心概念,从品牌价值、符号体系、色彩规范、视觉延展四大维度,搭建完整统一的光合视觉品牌。

(一)品牌核心价值提炼

image.png

整套视觉体系锚定成就、价值两大内核:
  1. 业务逻辑:以现金变现激励驱动创作者持续发稿、提升活跃、完成转化;
  2. 传播理念:轻量化传递「发作品就能领现金」的直观心智,降低用户理解成本;
  3. 视觉表达:以光、叶片、地平线等生长元素构建画面,唤醒创作者情感共鸣。
整体创意线索以生长贯穿,串联创作者、平台、内容生态、口碑传播全维度,完成品牌符号系统化落地。

(二)视觉调性定位

image.png

image.png

 

确立「轻松、愉悦、个性化」三大视觉基调:
  • 轻松:布局简约克制,交互逻辑清晰,信息传递高效直观;
  • 愉悦:选用高活力色彩搭配流畅灵动动效,文案语言活泼接地气;
  • 个性化:适配多元创作者审美,视觉语言可承载不同创作者的情绪与表达主张。

(三)核心符号体系推导

image.png

三大核心视觉符号承载完整寓意:
  • 叶片:代表每一位深耕内容的创作者;
  • 地平线:象征广阔多元的快手内容生态;
  • 光:寓意平台给予创作者的流量、现金、资源全方位赋能。

(四)完整视觉元素落地规范

image.png

1. LOGO 创意:万物生长

LOGO 整体以「万物生长」为灵感:阳光代表平台扶持,叶片指代创作者,地平线代表内容沃土。三者组合,传递平台持续赋能创作者、双方共同成长,构建良性创作生态闭环的核心寓意。

2. 品牌色彩系统

image.png

  1. 主色基底:绿色
     
    绿色自带蓬勃生命力,传递治愈、滋养的感受,同时色彩辨识度高,色弱 / 色盲群体也可清晰识别;
  2. 色阶细分

    image.png

    划分青柠、草绿、光合绿、葱绿、极光绿多阶绿色,最终锁定 H 值 130 左右的葱绿作为核心品牌主色;
  3. 新旧色迭代

     

    image.png

    旧版主色 #20C505 升级为全新光合绿 #3AD46B;搭配橙红 #FF7A2F、暖黄 #FCD268 作为辅助色,中和纯绿色的冷硬质感;
  4. 中性色配套
     
    配套深墨绿、纯黑、浅绿渐变、灰白柔和底色,搭建完整色板,适配弹窗、卡片、海报、按钮全场景。

3. 图标设计语言

image.png

统一采用圆润柔和的年轻化造型,弱化尖锐棱角,塑造亲和、友好、低距离感的视觉感受,贴合下沉年轻用户审美。

(五)视觉全场景延展落地

  1. LOGO 多形态适配

    image.png

    针对按钮、标题栏、活动卡片、入口标签等不同界面场景,设计图形标、文字标、组合标多套 LOGO 变体,保证页面统一;
  2. 运营物料海报体系

    image.png

    提取叶片基础符号,运用点、线、面做平铺、叠加、渐变组合,产出统一风格的活动 KV、任务海报、收益宣传物料,实现全域品牌统一传播。

三、精细化用户链路体验升级

image.png

改版核心思路重构:将旧版「玩法复杂、策略单薄」调整为前端极简操作、后端复杂策略支撑,对外只保留「发作品领现金」核心心智,把复杂计算、分层激励逻辑全部收至后台,降低用户理解成本。

1. 分用户状态定制差异化设计策略

根据创作者参与阶段,划分三类核心场景,针对性优化交互与文案:
  1. 无参与权限用户

    image.png

    文案温和安抚,清晰告知权限门槛;展示高收益案例强化价值感知;突出醒目引导按钮,引导完成开通、认证等前置操作;
  2. 未领取任务奖励用户

    image.png

    营造正向激励氛围,强化「完成即可拿收益」认知;清晰拆解任务步骤,高曝光行动按钮提升点击转化;
  3. 任务进行中用户(核心主链路)
     

    image.png

    遵循 AIDMA(注意 - 兴趣 - 欲望 - 记忆 - 行动)设计逻辑分层引导,持续刺激创作动力。

2. 任务进行中主链路五层设计逻辑

  1. 吸引注意:视觉强突出

    image.png

    采用清新自然的光合绿色调,关键收益数字放大加粗、高饱和色彩强化对比,优先展示用户本期收益、最高可拿奖金,直观凸显用户权益;
  2. 激发兴趣:多元化任务体系

    image.png

    设置打卡、发文、爆款、中视频等分层任务,适配不同更新频率创作者;增加作品数据可视化模块,让创作者实时查看播放、涨粉动态;
  3. 唤起欲望:收益阶梯激励

    image.png

    通过阶梯奖励文案、高额瓜分奖池案例,展示多发文多收益的增长空间,刺激用户主动提升发布频次;
  4. 加深记忆:统一品牌视觉

    image.png

    全页面贯穿光合绿色视觉体系,固定「每周一更新打卡任务」周期机制,降低用户记忆成本,形成稳定创作习惯;
  5. 引导行动:清晰操作指引

    image.png

    高对比彩色行动按钮搭配极简文案,明确「去发布、去提现、去领奖」下一步操作,缩短转化路径。

3. 标准化组件体系搭建

image.png

本次设计沉淀 5 大类、48 张标准化任务卡片组件,可灵活配置 160 余种活动任务,实现页面快速迭代、统一视觉规范;改版前后对比可见,全新视觉更年轻化、吸引力更强,操作逻辑简单易懂,大幅降低用户上手难度。

四、项目落地效果复盘

整套视觉 + 体验双维度升级落地后,业务数据实现正向增长:
  1. 光合计划品牌用户知晓率同比上月提升 8%;
  2. 用户整体满意度提升 6%;
  3. 活动规则理解度提升 10%,用户不再因规则复杂放弃参与;
  4. 创作者供稿量、播放、收益提现转化同步上涨,激励体系感知显著增强。

后续迭代方向

  1. 基于用户任务完成数据,持续优化任务分层与进度展示模块;
  2. 针对万粉以上高价值创作者,迭代专属精细化创作后台体验。

总结

快手光合计划本次品牌体验升级,通过完整视觉品牌体系重构+全链路精细化交互打磨双重抓手,既解决了项目视觉杂乱、识别度弱的老问题,也打通了创作者从参与、创作、看收益到提现的完整操作链路,深化创作者与平台之间的价值绑定。
 
标准化的视觉资产、可复用组件体系,也为后续创作者活动迭代提供统一设计规范,持续繁荣快手多元、长效的内容创作生态。
 

转载:优设

 

 

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

 

image.png

兰亭妙微ui设计公司:从Excel到BI再到AI:一个数据大屏的进化史

清阳

兰亭妙微ui设计公司分享:当BI大屏成为企业标配,数据可视化却陷入'看得见说不清'的困境。本文以航运企业成本分析为例,揭秘如何通过WorkBuddy企业版AI与BI系统对接,将原始数据转化为即时业务洞察。从API接口开发到Prompt模板优化,这套方案让'为什么运费上涨15%'的答案从2天缩短至2分钟。一、BI数据看板做完了,还能做什么?

花3个月上了BI系统,BI大屏每天都跑,老板手机能看实时数据了——然后呢?

发现:看板只是让数据”看得见”,并没有让数据”说人话”。

去年豆芽君参与了一个航运企业的成本分析系统建设。上线后,大屏展示着船舶运营费用、航线成本对比、港口费用构成——数据很全,老板们看得很满意。

但过了几天,老板问了一句:“为什么上个月运费涨了15%?”

运营主管愣了5秒,然后说:“我回去查一下。”

这一查,就是半天。

从4个系统里导出数据,人工清洗,找口径差异,逐条核对……等他把结论整理出来,老板已经忘了问过这件事。

这不是BI的问题。是**”数据到洞察”之间,永远差着一层**——那一层,是人的判断。

所以豆芽君花了点时间,把BI和AI接在了一起。现在再有人问”为什么涨了”,我只需要1-2分钟。

下面说说,豆芽君是怎么做的。

二、从Excel到BI,多数企业走完的路

先说说数据分析的发展历史。

Excel时代是多数企业的第一阶段。数据散在各个业务系统里,靠人工定时导出、清洗、汇总。我见过最夸张的团队,每周五下午花3小时手工整理,周会用的数据和业务系统里的真实数据已经差了2天。

BI时代解决了整理的问题。统一口径、实时同步、手机随时看、权限分部门。大概在2020年前后,很多中型以上的企业陆续上了帆软或者Power BI。老板们终于不用等到周五下午了,数据随时可以查。

但新的问题随之而来:看板越来越多,看到异常指标,不知道原因在哪?

一张大屏上几十个指标,看的人其实只扫自己关心的那几个。真正有价值的信号——比如某个航线成本突然偏离历史均值——看板不会告诉你,原因到底是油价上涨?还是船舶运营效率差?

这就是为什么,BI之后还需要一层AI。

三、BI+AI:让数据自己说人话

3.1 场景:航运船舶费用大屏的”最后一公里”

以航运成本分析为例。BI大屏展示的核心指标通常是这样:

本月船舶运营总费用:¥2,380,000 环比上月:+12%

老板看到这里,下一步就是问你”为什么涨了”。

以前的流程:业务人员拉明细Excel,数据分析师清洗口径,产品经理对比历史数据,写成分析报告,提交给老板——通常需要1到2个工作日。

现在的流程:打开BI看板,底部已经嵌着AI的解读结论:

AI洞察摘要(2026年Q1) 本月费用环比上涨12%,主因:
①油料成本上升贡献+68%的涨幅;
②3号航线港口使费异常增加¥86,000,建议核查;
③整体费用在正常波动范围内,无需过度关注。

这不是科幻,这是BI+AI API对接,跑通之后的标准输出。

3.2 方案架构:三条线接起来

整体方案分为三步,数据从BI流出,经AI解读,再回到BI展示,全流程不需要数据离开企业内网。

第一步:BI开放数据接口

多数BI软件支持通过API接口输出看板数据。你可以选择需要分析的指标,通过接口导出为结构化的JSON数据。

第二步:用WorkBuddy企业版AI解读

把JSON数据发给内部部署的WorkBuddy(数据不出企业网络)。这是关键:不用公有云AI,企业敏感数据不需要外传。

Prompt模板可以直接用:

你是一个资深航运成本分析师。基于以下数据,给出分析结论: [粘贴JSON数据]
请按以下格式输出:
核心异常:环比变化最大的指标TOP3,说明可能原因
趋势判断:过去3个月的变化方向(上升/下降/波动)
行动建议:建议优先关注哪个指标、排查什么数据
质量提示:如果发现口径不一致或数据缺失,请标注

这里有个经验:Prompt要具体,不要泛泛说”分析一下”。 你问得越清楚,AI的结论越可用。“按航线拆解费用变化”和”分析一下”,输出质量差一个量级。

注:涉及数据隐私,图片仅为效果参考

第三步:洞察结果嵌回BI看板

用BI工具的”插入HTML”组件,把WorkBuddy返回的分析结论以文字形式展示在大屏底部,与原始数据同步更新。

这一步的好处是:用户不需要切换工具,在看数据的同时就能看到AI的解读。

注:涉及数据隐私,图片仅为效果参考

3.3 Before与After:同样的数据,不同的体验

纯BI阶段BI+AI阶段老板看到费用上涨开始问原因,安排人查AI已标注主因和关联因素分析师回复细节1-2个工作日后AI当场给出初步结论月度分析报告手动写初稿,人工润色AI生成初稿,人工审核数据异常发现靠人工盯着,或者客户先发现系统自动标注

四、进阶:从”用户问AI”到”AI主动推”

上面的方法跑通2到3个月之后,你会发现有些分析模式是固定重复的——每周一早上,各航线成本对比每月费用异常预警(环比超过某个阈值)特定船型超过预算时的提醒

这些场景触发条件明确,分析逻辑固化,每次都是同一套结论。那就不需要人去找AI了,让AI主动来找人。

这就是AI定时任务,主动推送洞察。每天早上 9:00  → WorkBuddy读取BI关键指标  → 发现异常(环比变化超过阈值)  → 通过企业微信/邮件推送洞察报告

这一步做起来也简单,因为分析规则已经固化了——上一步的产出,就是这一步的规则来源。

建议的顺序:先跑通BI+AI API对接,等积累了足够的分析案例,再上AI定时任务,主动推送洞察。

不要一上来就做主动推送,那样分析规则不成熟,推出来的内容质量不可控。

五、BI+AI融合的方法论

经过这个项目的验证,我总结了一套”三段论”:

第一阶段:BI打通数据 统一数据口径、实时监控、权限管控。这是大多数企业已经完成的事情。

第二阶段:AI解读数据 用企业在用的WorkBuddy等AI智能体对BI导出的JSON做分析,输出可读的洞察结论。这是现在最值得投入的环节。

第三阶段:AI主动推送 固化分析规则,用定时任务替代人工触发,从”人找数据”变成”数据找人”。这是下一阶段的目标。

两个注意点:

1. 数据安全是底线 企业内数据不要上传公有云AI。WorkBuddy企业版是内部部署,数据不出域,这是基本前提。你可能会觉得”只是一些费用数据”,但对于贸易型企业,一条成本数据就是谈判筹码。

2. AI结论需要人确认 AI做分析辅助,但最终结论需要业务负责人确认后再使用。六、写在最后

写这篇文章的时候,我回想了一下过去十年做数据分析的历程。

Excel时代,我们学会了”怎么把数据整理干净”。 BI时代,我们学会了”怎么让数据被看见”。 AI时代,我们才开始思考”数据背后的业务问题是什么”。

工具变了,但有一件事没变:数据本身不会说话,说服人的永远是数据背后的分析和洞察。AI做的,是帮我们发现背后隐藏的信息,人再做综合判断。

转载:人人都是产品经理

 

 

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

 

image.png

兰亭妙微UI设计公司:渐变色成标配?拆解谷歌图标设计改版

清阳

哈喽,这里是兰亭妙微UI设计公司,今天分享的是「谷歌应用图标改版」。

最近不少设计师朋友打开Gmail的时候,是不是总觉得哪里怪怪的?甚至有不少人吐槽,翻了半天都找不到自己天天用的谷歌应用了。

这是因为谷歌刚刚对Gmail、文档、云端硬盘等10多款核心Workspace应用的图标,进行了一次全面的大改版。


image.png

作为产品“脸面”的图标集体换新,自然引来了用户和行业的两极评价。有人觉得新图标颜值更高,不同应用之间终于能一眼分清了;但也有批评声认为,这次改版丢掉了谷歌品牌独有的凝聚力和辨识度,更像是为了变而变,没有清晰的战略方向。



我觉得这次改版,其实是谷歌对“品牌一致性”和“可用性”长期矛盾的一次深刻反思,同时也藏着AI时代谷歌全新的品牌战略。

一起来看看新图标到底长什么样?谷歌这次的设计又藏着哪些小心思~


01 渐变色全面登场

四色原则曾是谷歌自2015年Material Design以来的强制规范,要求所有官方应用图标都需要包含品牌标志性的蓝 (#4285F4)、红 (#EA4335)、黄 (#FBBC05)、绿 (#34A853),以强化统一品牌识别。

image.png

这次改版最直观的变化,就是谷歌坚持了多年的标志性“四色原则”被彻底抛弃,每一款应用都拥有了自己专属的主色调。这也是绝大多数用户认为可用性得到显著提升的核心原因。

image.png

之前的Workspace图标全都用同一套四色调色板,导致大家根本分不清谁是谁。而现在,Gmail有了专属的红色,谷歌日历回归经典蓝色,谷歌Meet则用上了明亮的黄色,每款产品终于找回了自己的个性。


image.png

在造型上,图标外围包裹的白色“背景容器”也全部被移除了。原来的白色背景容器限制了核心符号的尺寸,让所有图标都长得千篇一律。去掉容器之后,每个图标都得到了舒展,形成了更清晰的轮廓,不再是同一个框里的小元素,而是一个个独立可识别的视觉符号。


这次改版另一个贯穿始终的设计语言,就是渐变色的全面应用。所有新图标都采用了各自独特的渐变配色,这是谷歌为AI时代量身打造的视觉战略。例如下图就是重新设计的谷歌Gmail渐变图标效果。


image.png

也许谷歌正是通过这种分层渐变的视觉效果,向外界传递一个强烈的品牌信号:谷歌已经正式进入Gemini时代!

02 解决图标辨识度问题


那么谷歌为什么要在这个时间点,进行如此大规模的图标改版?核心原因是旧设计的可用性已经走到了瓶颈期——简单来说,就是用户根本分不清哪个图标对应哪个应用服务。

 

这次改版的核心背景,正是谷歌过去为了强行统一图标设计,导致不同应用之间难以区分。过去谷歌为了追求品牌美学,不惜牺牲可读性的做法一直饱受诟病,这次的更新可以说是一次迟来的、但绝对必要的可用性升级。


image.png

谷歌也在官方公告中明确表示:希望在保持整个产品家族一致性和凝聚力的同时,确保每一款独立应用在屏幕上都能保持现代感,并且被用户清晰、快速地识别。

这也说明提升视觉辨识度是这次改版的重点。


03 品牌一致性让位于可用性

谷歌这次的图标改版,也许给整个设计行业都上了一课:任何时候,可用性都应该优先于品牌一致性。

image.png

谷歌过去几年过于执着于“一致性”,结果反而导致用户无法区分不同的应用服务。“让产品看起来像一个系列”和“让所有产品长得一模一样”是完全两回事,在设计过程中我们也要避免这个认知误区。

这次改版也让我们重新思考了图标的本质和核心价值。图标本质上是导航工具,它的任务是让用户在大脑过载、同时开着20个标签页的情况下,也能下意识地立刻找到它。

所以哪怕新版图标在视觉和谐度差了一点,但只要它能解决问题,那它就是一个优秀的设计!

 

转载:微信公众号Clip设计夹

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

 

image.png

 

兰亭妙微ui设计公司:通俗易懂讲清楚,AI生成UI的应用逻辑!

清阳

今天的主题是关于 AI 扫盲的,因为近期相关问题实在太多了,很多同学对它的理解非常的有限,导致走向不是过于吹捧就是完全抵制的两极分化。为了防止我们成为盲目(且天真)的二极管,就有必要具体认识 AI 的应用逻辑,以及在行业中的相关使用场景。

兰亭妙微UI设计公司:分享是入门扫盲,目标是以清晰简洁的方式来概述 AI 的行业应用框架,会使用尽量简单易懂的方式解释相关概念,不会涉及太多深奥的术语和理论。

所以不用担心看不懂,一起开始下面的阅读吧。

 

image.png

二、AI 的大模型认识

谈论 AI 就绕不开大模型,它是 AI 技术应用的核心。

简单解释 AI 大模型,就是一个通过特定方法和大量数据训练出来的 “自主化程序”,这个程序可以根据用户输入的指令自己做出 “判断和思考” 后再进行回复。

传统程序虽然也可以执行用户的指令,但回复的内容和方式不会超出一开始预设的范围,非常有限。

而 AI 大模型则大大拓展了这个边界,我们不用提前预设各种条件和逻辑,它就会自己去理解问题再决定给出什么结果。

当然,这个边界只是放大了但不是无限的。任何大模型都不是全知全能的,都有自己的局限性。所以针对不同的应用领域,就开发了不同的模型类型。

最基础的模型分类包含两种,一种是大语言模型 LLM,能实现文字的对话或文案、代码、数据的整理和输出。另一种则是多模态大模型,能在处理文字的基础上还处理图片、音频、视频等特殊对象。

比如深度求索开发的 DeepSeek 模型就是大语言模型,只能处理文字但不能生成图片(截止到2026年初)。而 Google 开发的 Gemini 大模型则是多模态模型,可以生成图片和视频等内容。

image.png

 

不同模型会有不同的表现和优劣,但因为大模型的开发需要尖端的技术和庞大的规模(训练),门槛极高,所以市面上主流的大模型数量并不多,可以简单分为国内和国外两个阵营。

国外的主流大模型包括 OpenAi 开发的 ChatGPT,Google 开发的 Gemini,Anthropic 开发的 Claude,xAI 的 Grok 等。

image.png

 

国内的主流大模型则包括字节开发的豆包,阿里开发的千问 Qwen,深度求索开发的 Deepseek,月之暗面开发的 Kimi 等。

image.png

 

因为前面说过大模型的局限性,所以为了应对不同的应用场景,团队就会将它们裂变出不同的版本。比如千问既有 Max 语言大模型,还有 Omni 全模态(文字、图片、音频、视频)大模型,针对处理问题的难易度又分成了 Max、Plus、Flash、Lite 等版本。

完整的大模型体积和参数都非常庞大,需要部署到专属的算力中心,并通过云服务来实现用户的访问和使用。也就是需要联网使用,但因为国内网络服务的限制(不可抗力),我们无法通过国内电信访问国外的主流大模型。

虽然说国内大模型的水平在这几年突飞猛进,但离国外的大模型还有一定的差距,在实际工作场景中多数应用的也是国外大模型,所以访问它们就需要大家自己发挥主观能动性解决了。

顺便再解释一个基础的问题,大模型除了远程访问以外,也可以在本地进行安装。部分团队(如千问)会在网上开源自己的大模型供其它人下载和使用,当我们下载到本地后就可以用 GPU 来运行它。但因为大模型对性能的要求极高(旗舰显卡起步),所以本地运行的效果要大打折扣。

而一些企业内部或行业专属的大模型,往往都是使用这些开源大模型进行二次训练和调试后的结果。还有一些针对特定硬件(如手机、眼镜)和特殊应用场景开发的小模型,就暂时不在我们的讨论范围之内。

三、AI 相关工具的认识

前面讲过大模型可以类比成一种 “程序”,且它还是后端服务器上运行的程序。想要对这个程序实现命令的输入并返回它处理的结果,就需要应用前端的工具来实现。

image.png

 

比如我们打开豆包的官网,就可以使用这个网页对豆包大模型提出问题和要求,然后网页上就会返回它处理后的结果。这个网页就是使用大模型的工具,而这只是 AI 工具的其中一种形式,还可以是本地应用程序、手机 APP、小程序、硬件定制系统等等。

image.png

 

我们大多数人开始接触 AI 大模型,都是从这些官方的工具开始,它们最基本的功能就是根据指令返回文字或图片信息,我们会把它们当成是一种可以对话的人工智能客服。

但实际上它们可以发挥的作用远不止于此,比如帮你整理本地的文件夹清理重复的文件,帮你自动修图并完成动态相片的剪辑,帮你编写程序并自己运行和检测等等。想要实现对话以外的其它功能,就需要借助特定的工具才能实现。

所以除了最基础的对话工具外,行业还衍生出了很多激发大模型潜力的 AI 工具。它们可以借助大模型完成程序开发、视频剪辑、操作托管、热点整理、消息推送等等。

到这里我们就要清楚,AI 大模型是大模型,工具是工具,大模型是基座,而工具是大模型的具体表现和应用形式。

我们更进一步认识 AI 工具,就可以把AI工具分成官方工具和第三方工具两个种类。

官方工具就是 OpenAI、Google 等大模型企业自己开发并绑定自家大模型的产品,而第三方工具则是其它团队开发,再接入到大模型进行使用的工具。

比如本地聊天机器人 Cherry Studio,它本身只是个简单的聊天对话工具,可以自己创建对话角色/助手,但需要接入大模型以后才能进行对话。还有著名的AI编程工具 Cusror,只有接入大模型以后,它才可以实现 AI 编程和代码管理。还有前阵子火遍全球的龙虾 Openclaw,也只是个本地工具,需要接入大模型后才能识别本地的文件和执行命令。

image.png

 

官方能提供的 AI 工具与服务往往很有限,所以在真实项目流程中,我们就会混合使用多种工具来完成工作。就像以前做一套项目除了用 Figma以外,还要结合使用 Adobe PS、AI、C4D、AE 等软件。

而第三方工具和官方不同的是,官方工具默认连接自家的大模型,用户直接登录就能使用。而第三方工具要接入大模型,就需要进行额外的配置,也就是添加大模型的 —— API

API 就是接口,是前端工具连接后端服务器的通道,而这个通道默认是上锁的,还需要提供对应的密钥(API Key)才能正常访问。

部分工具会自己接入各大模型的 API,用户只能选择它提供的模型,并只需要对这个工具进行付费即可。

image.png

 

另一部分工具则需要用户自己选择模型和配置 API,需要我们访问大模型的 API 开放平台进行申请,然后再将它们生成的 API Key 填入到工具中完成连接。

image.png

 

API Key 就像是一个电话号码,当我们申请完并进行使用,就会产生一定的 “流量”,而 AI 产生的流量用专业术语形容叫词元 Token

使用 API 完成的任意 AI 服务,都会消耗 Token,且因为 AI 的计算成本极高,所以主流大模型都会针对 Token 消耗量进行收费。就像电信运营商一样,既有包月服务附带一部分流量,超出部分还要按量计费。

image.png

 

在实际的 AI 工具使用过程中,Token 的消耗是极其巨大的,往往会造成沉重的成本,而这个市场也遵循一分钱一分货的真理,越好的大模型价格就越贵。以最适合编程的大模型 Claude Opus 为例, 一个程序员高频使用消耗的 Token 账单可以从数千到数万元不等。所以我们也会从性价比的角度出发,来搭配不同的模型进行使用。

总结我们应用 AI 的本质,就是通过工具来操作大模型。而工具的作用不同,大模型本身的特性和价格也不同,就导致我们在面对一个复杂的任务时,需要选择多种 AI 工具和不同大模型来实现。

学习使用 AI,和传统的单一软件教学不同,不是只学会某个工具的功能和操作方法,而是了解不同的 AI 工具以及大模型的特性,通过组合它们来实现自己目标的方式。这不是设计或产品思维,而是工程思维的具体应用。

四、结尾

时间关系只更新了上半部分,和 UI 有关的内容我会放到下篇再输出。同时我们现在有准备录制一套入门的课程,应该周末到下周就会上线,大家有什么疑问和工作中遇到的需求都可以在评论区或社群里发给我们。

 

转载:优设酸梅干超人

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

 

image.png

兰亭妙微ui设计公司:HAI 交互设计法及「探索」场景解析

清阳

回溯本账号首个系列文章——《AI 时代,人机交互即将消失?》,我们重访了 HCI 的演进史,探究当机器开始思考时所引发的人机交互变革。在此基础上,提出了面向未来的新生交互形态——人与智能体交互(Human-Agent Interaction Design)

HAI 旨在以人为中心的前提下,深度整合智能体和服务,交付直观、优雅、简单的设计方案。目标既定,便需探索具体的抵达路径。

技术不断革新,重塑着人机交互的表象,但回归人机交互的第一性原理,人心深处的底层需求其实从未改变,变的只是技术赋能下信息交互的路径与形态。

基于这种“变与不变”的辩证洞察,我们将探索后的路径归纳为一套全新的设计方法模型——HAI 交互设计法。其核心在于:通过 「深度理解」 锚定不变的本质需求,并借由「自然交流设计」顺应变化的技术演进,最终以最自然的形态重塑人与数字世界的连接方式。具体而言:

深度理解

深度理解是 HAI 设计的原点。以人为中心的场景化认知框架,解析人在不同场景中的行为,直抵不变的底层需求与场景心智。教会 AI 读懂人心,为自然交流设计指明了北极星目标。

自然交流设计

自然交流设计是 HAI 设计的核心方法。致力于顺应技术的变革,以实现更加自然的交互、更加智能的服务、更加情感化的体验、以及更加安全的设计。

体验验证

聚焦用户对设计方案的体验与感受。既是对设计方案合理性的验证,也是对深度理解的补充与修正。当前阶段主要基于现行的成熟方法(量化数据与定性洞察等)进行验证,模型内将不再展开探讨

本次我们将聚焦「深度理解」

我们在车上跟 AI 小助手说出目的地,助手在计算大量数据后迅速列出三条路线,用不同颜色标注了时间和拥堵情况,还贴心地推荐了从算法上看最快到达的那一条。

但当我们下意识选择这条路开到一半后,发现不太对劲。

路窄得刚好只能通过一辆车,两旁是随时可能打开的车门和突然窜出的小孩。我们精神高度紧张,不停地抱怨,而助手不为所动。于我这个新手司机而言,AI 小助手推荐的这条最优的道路却成为了最远的路。

——来源:HAI Design《拨云见日:与智能体共建意图》

或许你还记得之前文章中的这个小故事,而它正是变与不变之间的一个矛盾缩影:技术向前,AI 似乎能算天算地,但却往往算不准人心。

那此次,我们延续这段小小旅程,深度探索其所属的场景——探索,这个大家日常鲜有提及的场景,去透视藏在行为背后的人心秘密,并正式开启「深度理解」的首文——《深度理解:探索》

01 关于探索的想象

1911年,阿蒙森首次抵达南极点;1969年,阿姆斯特朗在月球踏下脚印;十多年前,“蛟龙号”在深海亮起光束。

提及“探索”,往往浮现出宏大的、甚至带有英雄主义色彩的画面。也正因如此,探索于我们而言显得如此遥远。

此次聚焦探索,你或许疑惑:“探索是我们日常生活场景的一环吗?”

婴孩时,你伸手抓碰悬挂的玩偶。少年时,放肆冲浪于互联网。如今的你在假期踏上旅行。也许你不自知,但其实这些行为皆为探索。

探索不仅是那些壮举,更是一种与生俱来的本能。它驱动着我们大量的日常行为,是构建完整生活必不可少的场景。

既如此,本次我们重新审视这个日常鲜有提及的场景,解构其定义,探寻底层的驱动因素,透视场景下人们不变的需求,并思考如何去建构 HAI 时代下的探索场景服务,以满足人们持续开展的或大或小的探索活动。

02 解构探索:定义、驱动力及行为

“探索:人类或其他动物在适应新环境时做出的动作。即使没有明显的奖励,探索行为也会发生。”

——来源:APA 美国心理学会词典

基于 APA 释义,探索是适应新环境所做出的主动行为,主要由内在本能而驱动。而基于探索行为领域的研究共识,其底层内在驱动力即为:好奇心

好奇心并非单一维度的心理因素,根据心理学家丹尼尔·伯莱因(Daniel Berlyne)的分类,其主要可分为四种类型:

1. 感知型好奇心(Perceptual Curiousity):这是一种由外界新奇刺激引起的直接反应(比如我们会被色彩强烈的画面所吸引),且这种刺激会随着持续接触而减弱;

2. 认知型好奇心(Epistemic Curiousity):这是一种源于信息鸿沟的求知欲,是人们学习行为的核心驱动力;

3. 特定型好奇心(Specific Curiousity):是指对特定信息的渴望,是对新奇刺激的详细调查;

4. 分散型好奇心(Diverse Curiousity):是指对于知觉或认知刺激的普遍渴望。

基于上述分类,基本而言,探索行为是由物理和心理对象的“关联变量”引发的,例如新颖性、模糊性、复杂性以及这些对象在主体身上产生的客观不确定性。而人类满足好奇心的背后,一是为了消除不确定的焦虑与信息鸿沟,二则是受到刺激与愉悦所驱动。就此,也便引发了人们两类主要的探索行为:

1. 审视性探索(Inspective behavior):该行为通常会包含收集、调查、分析与整合这样一个偏线形流程,有时最后还会包含效用评估的环节,最终以减少不确定性与获取新的特定的或广泛的认知。

通过 AI 入口搜寻资料,便是典型数字生活中的审视性探索

2. 多元性探索(Diversive behavior):为了缓解无聊或提高兴奋度而寻求刺激/感觉的行为,因此该行为会更加分散与游离。

闲逛摄影扫街,便是典型的现实生活中的多元性探索

结合上述的心理与行为理论研究,可以给予“探索”一个更详尽的定义:探索行为主要是由好奇心所激发的,对环境或信息进行搜寻与交互的过程,以实现认知结构的适应性调整或边界的扩展

与此同时,“好奇心害死猫”言犹在耳。好奇心所激发的探索行为天然面临大量的不确定性与未知性,甚至是真实的危险。那要如何构建起探索场景下的各类服务以更好地帮助用户开展探索行为呢?

03 解析探索活动的要素,透视不变的人心

面对探索的未知性,我们通过系统的介入将抽象的好奇心转化为确定性的、可执行的路径,在风险与能力之间建立平衡。

基于这种意图,我们构建了一个细分框架来承载探索活动。该框架包含:探索者、基础资源、工具

  • 探索者:开展探索活动的主体,可为个人、团体或组织;
  • 基础资源:支撑探索活动的基础引擎。内在驱动力“好奇心”即内部引擎,而外部引擎通常包含了金钱、许可等;
  • 工具:工具充当可信中介,是探索者与物理或信息环境间的代理。

我们将基础资源与工具这两大核心要素带入旅程这一典型的探索场景,去透视不变的人心。

基础资源

Resfeber(瑞典语词汇):

形容旅程开始前那种兴奋、期待和焦虑交织的复杂情绪。

关注出票状态、准备签证、银行卡、证照等,繁杂但又重要。渐渐地,焦虑与倦怠取代了最初的兴奋。这种对于资源确认的焦虑,正是阻碍探索的第一道门槛。

对此,数字产品已普遍采取集中式的资源中枢策略。以 Apple Wallet 为例,从 Passbook 演变至今,实现将卡券、证件、银行卡及旅行 ETA 等所有涉及许可与价值的资源尽数聚合。

Apple Wallet 对外传递的 Slogan

而这种底层逻辑,是帮助用户构建全局的资源视图。通过基础资源完备的确定性,满足用户对基础资源轻松掌控这一不变的需求。而这种确定性,正是迈出探索的底气。

工具

环境混沌嘈杂。工具作为可信中介,将复杂信息抽象、简化,转化为能够轻松理解的信息,以消除未知,将不确定性转化为确定性。据此,我们可以更好地决策或采取行动。

如温度计,将我们对于气温的模糊体感凝练为了直观数字,辅助决策出行的各项事宜;地图,能理清自身定位与目的地之间路径等。

通过工具构建可信的连接

两位游客听信 AI 的旅行建议,满心期待地奔赴秘鲁安第斯山中「圣胡曼塔伊峡谷」,花了 160 美元车费,长途跋涉,来到了偏远山区地带,然后发现—-这个峡谷并不存在。

——来源:BBC 的一则报道

AI 旅行规划平台:圆周旅行

据早前统计 24% 的旅行者已在尝试借助智能工具规划探索,这使得探索场景下的信息与服务的获取门槛被大幅拉低。然而,如 BBC 所报,AI 的“胡说八道”却让本该为可信中介的工具成为了探索中最大的障碍。

技术推动着工具升级,但探索时所面对的外部环境始终复杂流动。而 AI 进一步加剧了信息爆炸与污染,让探索者面临着更高的风险。这引发了新的思考:探索场景下的工具应该如何建构,才能帮助探索者应对重重复杂性?

提供系统级实时精准服务,建立与外部环境的实时连接。如天气、地图、钱包等典型的探索场景工具,构建起聚焦的、持续更新的,以内容数据至上的窗口,让用户得以窥见并理解外部的动态数据流,指引当下的行动与后续的决策。HCI 时代,依托基础定位与网络能力,现行工具已初步实现了这种连接。而进入 HAI 时代,随着多模态感知能力的增强、世界模型的建立等,工具将更精准、更实时地感知并连接探索者当下的动态环境。这种演进回应了用户在探索场景下不变的需求——与环境建立可信连接

Apple 部分探索场景工具

回看 Apple 之前的设计演变,即便 iOS 整体趋向扁平,天气、钱包与地图等工具却反其道而行,愈发趋近真实的物理世界。基于真实的动态数据,天气工具模拟雨滴、雷鸣和云层的流动等,直观地传递“探索旅程受阻”的信号。这种数据驱动的真实感无限地缩短用户与环境信息间的距离,同样也为了帮助用户与环境建立可信连接。

通过工具帮助专注探索

在探索活动中,用户时刻处于流动的、甚至高负荷的情境中(如行走、驾驶等)。无论是过地铁闸机时的“哔”声即过,还是锁屏上静候的航班信息,亦或是走错路时导航的即时重绘与提醒,探索工具将复杂的业务逻辑转化为近乎本能的自然动作,或是基于意图的主动服务。这便是由情境驱动的主动服务

而当 AI 注入其中,工具将具备更敏锐的感官与意图捕捉能力。它能在系统层面根据情境更主动地服务用户与规避风险。只有工具不成为注意力的掠夺者,才能满足探索者专注探索本身这一不变的需求

工具契合多样化探索模式

旅行之中,既有明确的打卡,也有无目的的闲逛探索。数字世界的探索亦然。这正是对应由好奇心驱动的两类天然行为模式——审视性探索与多元性探索。

构建工具服务的最后一环,便是思考如何承载这种多样性。浏览器、地图等服务的搜索框或 AI 超级入口,提供了精准搜寻路径,满足了前者;同时,基于内容间关联的自由跳转,则允许用户在信息间自由穿梭,满足了后者。本质上,这种以内容对象为中心的“内容驱动的信息架构”,正是对人们多样化探索这一不变的本能行为模式的回应。

最后一块隐藏的要素拼图:规则

我们既乐此不疲地在复杂世界中去探索普世的规律,同时,又人为地设定大量的边界或指导,让我们在框架内去开展探索。这背后便是最后一块隐形的特殊要素拼图——规则。

规则作为正式或非正式的指导与边界,塑造并约束着探索活动。它引导我们能更有效地构建意义或目标,并帮助我们规避风险——无论物理世界探索伴随的有形风险,还是数字世界的信息性或心理性风险。

《南极条约》划定的禁令,或“16 岁及以下无法访问社交媒体”的数字限制等规则,在探索开启前便直白地告知边界,限制或引导探索模式。

澳洲社交媒体 16 周岁限制

更多的规则往往被内化于工具之中,融入探索过程,自然地传递给用户。例如导航工具将限行政策(单双号禁行等)通过算法消化,自动生成可合规前行的探索路线。

基于车牌自动规避限行路段

而随着 AI 智能体作为工具逐步取代传统浏览器成为探索入口,规则的运作方式发生了微妙而深刻的逆转。

一次搜寻资料的典型对话

看似简单的探索行为,我们却不得不预先撰写详尽的指令,为 AI 制定需要遵守的规则。这个过程中,用户的身份逐渐从规则的遵守者,转变为了制定者。这使得原本应专注于探索本身的精力,被悄然转移到对工具交互过程的“管理”之上。

针对这一现状,未来的 HAI 设计还应致力于让工具真正理解并内化用户所制定的规则,精准响应其背后真实的探索意图与目标。让规则再次隐形,让用户能够回归到更纯粹、更专注的探索本身

至此,我们便集齐了所有核心要素拼图,并解构透视了探索场景下的人们行为背后的本质需求——对资源的轻松掌控、与环境的可信连接、专注多样化探索本身

04 从容探索

最后,让我们回到原点的命题:在探索场景下,我们构建的服务究竟要为用户交付何种核心心智?

聚合的资源中枢、可信的工具与主动的服务、规则的自然传递乃至规则制定角色的再转变等,这一切策略最终的汇聚点,就是:从容

这便是探索场景下,我们试图建立的核心心智。帮助探索者在面对未知多一分从容,能更加从容地与这个世界对话、互动。

个体的轨迹难以预判,我们也无法精准捕捉流动世界的每一个走向,但我们可以锚定那些深植人性、不会轻易变迁的底层需求。「深度理解」仅是 HAI 交互设计法的起点,它探究了「变与不变」中的那个”不变”。技术向前,人机交互的形态也正在经历改变。当 AI 赋予了机器更为强大的能力,我们应该如何顺应这种变化,并将这份「深度理解」转化为更契合用户本质需求的交互体验?

 

 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微UI设计公司:UX 文案设计避坑指南:6 大核心原则,写出清晰好用的产品文案

清阳

 
很多产品团队都容易轻视文案,觉得只要无错别字就足够,却忽略了文案是用户与产品直接对话的载体。一句模糊的按钮文字,比如笼统的 “提交” 和精准的 “确认支付”,都可能直接造成用户决策犹豫。
提起优质用户体验文案,多数人第一反应是苹果,其文案简洁克制、表现力强。但盲目照搬苹果的文案体系并不适配所有品牌,这类文案是基于苹果自身品牌调性量身打造,直接套用极易水土不服。本文拆解 UX 文案底层逻辑,分享适配各类产品的文案创作方法,兼顾易用性与品牌质感。

一、什么是 UX 文案?

UX 文案即用户体验文案,以优化产品交互流畅度、塑造统一品牌感知为核心目标。
 
传统营销文案重在说服、转化、推销产品;UX 文案核心使命是降低用户操作门槛,让人与产品的沟通自然顺畅。
优质 UX 文案会融合五大核心维度,兼顾可读性与业务价值:
  1. 语言表达:通俗直白,规避晦涩话术
  2. 产品可用性:专业术语贴合使用场景,用户一眼读懂
  3. 转化效果:精准捕捉用户诉求,贴合用户心理
  4. 品牌塑造:传递品牌气质,助力业务目标落地
  5. 全局一致性:全产品页面文案风格、用词标准统一
五大要素存在清晰优先级,创作需由底层向上搭建:
  1. 底层根基:用户真实需求
  2. 第二层:简洁友好的文字表达
  3. 第三层:建立用户同理心
  4. 顶层标准:全链路文案一致性管理
UX 文案绝非华丽辞藻的堆砌,需要完整梳理用户全流程行为,系统性搭建体验话术。脱离用户需求空谈文笔,最终只会内容空洞、实用性极低。

二、创作核心起点:锚定用户需求

1. 精准回应用户疑问,给出有效答案

UX 文案的创作出发点永远是用户,而非产品或企业自身。创作时摒弃 “我们想传递什么信息” 的思维,拆解用户潜在疑问,给出简短、明确的解决方案。
以系统报错弹窗举例,劣质文案只简单抛出问题,优质文案必须包含三层信息:发生了什么、问题成因、用户如何解决。
 
❌ 差案例:发生错误 / 系统错误代码 / 无法连接
 
✅ 优案例:您暂无访问权限,该内容无法查看,请联系管理员处理
回应用户问题遵循三条准则:精准捕捉用户痛点、只解答用户当下关心的内容、表达简短易懂。

2. 深度拆解用户,建立同理心

对用户画像理解越透彻,文案越精准。创作前梳理 5 个核心问题,即可抓住用户核心诉求:
  1. 用户是谁:明确受众年龄、职业、产品熟悉程度,划定基础人群画像;
  2. 用户当下情绪与状态:区分用户是期待、焦虑、烦躁还是放松,以此确定文案语气;
  3. 用户高频疑问:预判用户操作全流程会产生的困惑,划定文案覆盖范围;
  4. 用户常用表达词汇:贴合用户日常用语习惯,提升阅读信任感与接受度;
  5. 用户核心使用目标:围绕用户最终想完成的操作,确定文案整体导向。

三、UX 文案 6 大创作黄金原则

原则 1:清晰简洁,降低用户理解成本

落笔前先自问:这条信息用户是否必需?能否进一步精简、直白?多余修饰、冗长描述都会增加阅读负担,模糊的表述更易引发用户焦虑。
  • 精简:剔除冗余文字,短句优先
     
    ❌ 差案例:恭喜,验证完成!您的账户已完成安全验证,平台全部功能现在都可以免费使用,欢迎浏览体验
     
    ✅ 优案例:验证完成!全部功能现已免费使用
  • 清晰:杜绝模糊指代,关键信息直接展示
     
    ❌ 差案例:若问题持续,可前往页面底部联系客服获取帮助
     
    ✅ 优案例:若问题仍未解决,请拨打客服热线 000-0000 咨询

原则 2:兼顾可访问性,适配全人群认知

规避生僻专业词汇,控制内容理解门槛,保证老人、新手等各类用户都能轻松看懂,适配所有使用场景。
 
❌ 差案例:密码已修改,基于账户安全机制,建议周期性更新密码
 
✅ 优案例:密码修改成功,为保障账号安全,建议定期更换密码

原则 3:务实有用,提供可落地解决方案

文案需输出用户真正需要的有效信息,信息偏差会大幅降低产品可信度;遇到异常场景,必须同步告知用户操作方案,遵循 “问题 - 原因 - 解决办法” 逻辑。
缺货提示示例:
 
❌ 差案例:商品目前缺货,补货后会通知您
 
✅ 优案例:该商品暂时缺货,补货后将第一时间推送提醒,点击【接收通知】即可订阅提醒
用户核心诉求是知晓补货提醒方式,仅单纯告知缺货无法满足需求,补充操作按钮指引,文案实用性大幅提升。

原则 4:真实坦诚,拒绝诱导套路

UX 文案不能作为诱导用户操作的工具,避免利用焦虑、恐慌情绪裹挟用户,全程保持中立客观,尊重用户自主选择权。
场景 1:关闭闹钟弹窗
 
❌ 差案例:关闭闹钟将错过重要通知,是否继续接收通知?【取消 / 查看】
 
✅ 优案例:确定关闭闹钟功能吗?关闭后可能收不到重要通知【取消 / 确定关闭】
场景 2:推送权限申请
 
❌ 差案例:不开启通知将无法查看最新内容,立即开启
 
✅ 优案例:开启推送可实时获取产品更新,您可按需选择【暂不开启 / 立即开启】

原则 5:全局统一,维持全链路体验连贯

统一是消除用户困惑、提升使用流畅度的关键。若页面间术语、按钮名称、话术风格割裂,用户每次操作都需要重新适应。
 
全产品统一规范:相同功能固定同一表述,统一按钮、弹窗、提示文案句式。
 
❌ 差案例:订单页按钮 “提交订单”,确认页改为 “确认订单”
 
✅ 优案例:全页面统一使用 “提交订单”,保持术语不变

原则 6:贴合品牌,塑造专属产品气质

UX 文案不只是功能说明,更是传递品牌个性的载体。相同信息,不同定位的产品会采用完全差异化话术。
 
举例:账号异地登录安全提醒
  • 年轻化社区产品:注意!有陌生设备尝试登录你的账号,若非本人操作,快去修改密码~
  • 专业金融平台:【安全预警】检测到陌生设备登录尝试,为保障资金安全,请尽快前往「我的 - 设置 - 账户安全」修改登录密码
依据品牌定位调整语气、用词,让文案成为品牌形象的软性载体。

写在最后

文案是用户体验的 “最后一公里”。即便交互逻辑流畅、视觉设计精美,一旦文案模糊、生硬、误导用户,依然会打断操作流程、降低使用好感。
创作 UX 文案的核心逻辑始终不变:把 “用户能不能看懂、愿不愿意操作” 放在首位,文案才能真正提升产品体验,发挥实际价值
 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微UI设计公司分享:适度介入—依据用户意图调控 AI 存在感

清阳

导语

当下多数 AI 产品普遍存在介入尺度失衡痛点:频繁弹窗打断用户操作,闲置状态下又持续消耗算力。如何让 AI 做到 “需要时主动现身,无需求时安静隐身”?本文结合分级交互理论与真实产品落地案例,梳理 AI 存在感完整管控思路与标准化交互规范。
交互史上经典反面案例 —— 微软 Office 助手 Clippy,其设计初衷是辅助文档编辑,却因无差别自动弹窗、频繁打断用户写作饱受诟病。微软在 Office2007 更新 Ribbon 界面后直接下架该助手,改用侧边静态帮助面板。
 
这一案例也印证行业共识:不合理的 AI 介入时机与交互形式,会大幅损耗产品使用体验。面对多元用户行为与差异化使用诉求,精准把控 AI 存在感、规避无效打扰,已成为原生 AI 产品设计的核心命题。

一、四层介入层级:AI 的四种辅助模式

AI 不存在固定统一的交互范式,需结合具体使用场景,划分由轻到重四类介入模式,适配不同用户需求强度:

image.png

  1. 轻量提醒(Shoulder tap)

    image.png

    低干扰轻量化提示,支持用户主动唤起,或系统识别使用异常后被动触发。如同店员礼貌轻声问询,打扰成本极低,完全由用户掌控交互主动权。
  2. 多轮沟通(Back and forth discussion)

    image.png

    以对话交互为载体,通过连续追问补齐需求细节,在一来一回的沟通中明确落地目标。类比线下门店咨询:用户提出基础诉求,服务方逐项确认信息,最终敲定完整方案。
  3. 主动协助(Let me help)

    image.png

    跳出单纯对话局限,自主整合信息、直接输出完整成品,如同专属私人助理。可自动汇总数据、一键生成内容、定制专属页面,高效减轻用户操作成本。
  4. 全权接管(Take over control)

    image.png

    用户给出清晰完整指令后,AI 全权包办全流程操作,闭环完成全部任务。类似一站式代办服务,用户无需跟进中间任何步骤,仅等待最终结果即可。

二、清晰交互边界:明确 AI 需要克制介入的场景

搭载 AI 不代表凡事自动生成,优质 AI 交互设计的核心判断标准:何时生成内容、何时开启对话、何时仅做轻度提示、何时引导跳转原生页面。
 
通用边界准则:可复用产品原有原生功能时,优先引导跳转原生页面,严禁强制生成全新页面造成功能割裂。

场景举例:数据看板完整交互流程

  1. 用户长时间浏览看板,无法定位目标内容,系统识别使用卡点,弹出轻量快捷提问(轻量提醒);
  2. 用户点击弹窗唤起对话、口述基础需求,AI 逐层追问补充细节(多轮沟通);
  3. 整合看板数据,自动生成专属数据摘要(主动协助);
  4. 用户点击摘要内链接,跳转产品原生数据页面(遵循原生界面复用边界,不启用接管操控);
  5. 用户下达明确指令 “自动同步全部数据至汇报文档”,AI 自动完成全流程同步(全权接管)。
整套层级与边界规则,划定 AI 介入核心红线:交互策略不以 AI 自身能力为基准,而是跟随用户真实意图、实时行为信号动态调整,实现尺度适宜的智能辅助。

三、意图 + 置信度:动态调节 AI 回应强度

若将动态介入逻辑沉淀为可落地的标准化设计规则,完整的用户意图判定流程分为三步:

1. 依托 JTBD 用户任务理论,锁定用户底层核心目标

image.png

用户表层操作极易造成意图误判,JTBD(Jobs To Be Done)是判定核心依据:剥离表面操作行为,拆解用户使用产品底层目标,从主任务、关联任务逐层拆分功能、情绪、个人、社交四大维度需求。

2. 围绕核心目标,区分两类用户行为信号

  • 显性信号:用户主动输入文字 / 语音指令,需求指向清晰、要素完整;
  • 隐性信号:频繁切换页面、反复操作报错、长时间停留查找等行为,反向暴露使用卡点与隐藏诉求。

3. 按信号清晰度分层,匹配对应 AI 介入策略

image.png

用户行为信号的清晰程度,直接决定意图置信度,依据置信度高低匹配差异化介入等级,形成标准化交互规则:
  • 高置信度:启用主动协助模式。用户输入要素齐全、限定清晰的完整指令,无需额外追问,AI 直接输出完整成果;

    image.png

  • 中等置信度:启用多轮沟通模式。用户仅给出宽泛模糊需求,关键信息缺失,AI 通过多轮追问补齐主题、风格、格式等信息后再执行;

    image.png

  • 低置信度:先引导问询再生成内容。用户仅上传素材、未附带任何文字指令,AI 展示快捷需求引导项,等待用户补充信息,不盲目自动生成;

    image.png

  • 极低置信度:启用轻量提醒模式。用户无主动求助行为,系统识别场景异常后,以顶部悬浮轻提示展示优化建议,由用户自主选择是否采纳。

    image.png

通用核心设计原则:用户意图越模糊,AI 介入越克制。设计核心是引导用户补充信息、提升意图置信度;若出现多条冲突行为信号,优先保障基础核心使用体验。

四、总结

管控 AI 存在感的底层逻辑,是围绕用户真实需求,随场景动态调配交互强度。通过四层介入模式规范交互形态,依靠意图置信度分级约束介入力度,坚守 “不盲目自动生成” 的设计底线,让 AI 服务于人,而非打扰于人。
技术赋予 AI 强大生产力,而交互设计把控落地分寸。介入尺度与交互边界设计,是原生 AI 产品长期迭代优化的核心课题。

精简公众号短版(适合直接发布)

适度介入:拿捏 AI 存在感,告别无效打扰

很多 AI 产品都陷入同一个误区:没事疯狂弹窗打扰用户,闲置时又白白浪费算力。如何让 AI 做到 “召之即来,无声隐身”?本文结合分级交互理论与真实产品案例,拆解一套可落地的 AI 交互管控方案。

一、AI 四层介入模式,按需匹配辅助力度

  1. 轻量提醒:悬浮式低干扰提示,识别卡点后温和提醒,主动权完全交给用户;
  2. 多轮沟通:对话式逐层确认需求,适合需求模糊、信息不全的场景;
  3. 主动协助:自主整合信息、直接产出完整内容,充当高效专属助理;
  4. 全权接管:用户下达完整指令后,AI 包办全流程,坐等结果即可。
经典反面案例 Office Clippy 正是踩中痛点:无差别弹窗强制介入,严重打断操作,最终被官方下架。这也印证:AI 介入时机不当,反而会拉低产品体验。

二、划清交互边界:能复用原生功能,绝不强行生成

AI 不是替代原有产品功能,而是补充辅助。以数据看板为例:
 
用户找不到内容→轻提示;口述模糊需求→多轮对话;生成数据摘要→跳转原生页面;要求自动同步文档→全权接管。
 
核心红线:所有交互以用户真实意图为准,而非 AI 自身能力。

三、按意图置信度动态调节介入强度

借助 JTBD 用户任务理论区分用户底层需求,再通过显性指令、隐性操作两类行为信号判断需求清晰度:
  • 需求完整清晰(高置信):直接主动产出内容;
  • 需求宽泛模糊(中置信):多轮追问补齐信息;
  • 仅有素材无指令(低置信):提供引导,不盲目生成;
  • 无主动求助仅场景异常(极低置信):仅做轻量悬浮提醒。
统一准则:意图越模糊,AI 越克制。

文末小结

把控 AI 存在感的关键,是随场景、用户需求动态调整交互强度。用四层介入规范形态,用置信度约束介入尺度,守住不盲目生成的底线。技术决定 AI 上限,交互分寸决定用户体验下限,介入边界设计,是原生 AI 产品长期迭代的重中之重。
 
转载:WeDesign
 
 

 

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

 

image.png

日历

链接

个人资料

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

存档