首页

掌握这5个技巧,从零开始掌握UI界面的亮点设计

之晨 设计资源

一、全文速览图

image.png

不管甲方给多少钱,哪怕一张界面的预算只有几十块,他也想要设计亮点,但是很多同学的设计又非常平庸!

为什么你做的设计没有特点,其实原因很简单,你没有用过行业属性这一招,只要学会这一招,完全够用!

先解释下,什么行业属性:

比如你做的 App 是音乐类,那就把音乐类事物或图形提炼出来植入到设计中,比如音符、麦克风等等!

比如你做 App 是体育类,那就把体育类的图形提炼出来植入到设计中,比如跑步、篮球等等!

这样一结合,就可以做的有一定的特点!

但是相关图形或事物的植入也分层次,我个人分了五个层次:

二、第一个层次:直接表达

如果你做的产品是体育类,下面这种方式,就和体育相关:

image.png

但是这种方式就是直接表达,你是篮球,就画个篮球,是网球就画个网球,是不需要思考的,只要把设计做到精致即可。

再比如下面这个:

image.png

你是唱歌,就用麦克风来表达,都是不需要思考的,直接表达即可!

三、第二个层次:勉强拼凑

接下来就需要有一点思考了,但是思考的不多,就是如何把图形放在你原有的设计中。

比如下面这个转化图标:

image.png

如果中间我们加入的飞机的标识,那就是知道,这是买飞机票的产品:

image.png

这时候主要考验的就是飞机的表达形式,你可以是正面的飞机,也可以是侧面的飞机。

image.png

还有下面唱吧这种:本来没有任何属性的空页面:

image.png

中间加上音符,音乐app的属性就有了:

image.png

四、第三个层次:巧妙结合

接下来就需要一定的思考了,比如行程这个图标:

image.png

这里面就将飞机和轮船结合到了一起,二者的组成结构,就是这个图标的门槛,而不是之前那种直接拼到一起或者贴上去。

再比如下面这个编辑任务图标,把正常的一个竖线变成树叶,也需要一定的思考和巧妙结合:

image.png

你也能够知道,这个图标是和环保或者健康相关的!

五、第四个层次:意境传达

这个层次主要是抽象的表达,需要有一定的创意内核,比如像飞猪这种旅游相关的:

image.png

空页面采用打开窗户,多去外面看看世界的创意,来进行行业属性关联!

这种就是意境抽象的表达方式!

六、第五个层次:动态加持

最后一种就是除了以上内容外,你还可以增加动态的部分,把现实中真实的动态进行加持,那创意效果就会更加显著!

比如像这种播放音乐时候的 cd 唱片机:

image.png

七、总结

运用行业属性增加设计亮点与独特性,一共分了5个层次,分别为:

  1. 第一层次:直接表达
  2. 第二层次:勉强拼凑
  3. 第三层次:巧妙结合
  4. 第四层次:意境传达
  5. 第五层次:动态加持

转载自优设网

 

 

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

 

image.png

兰亭妙微设计分享:Buildexa轻量化建筑施工进度管理APP设计全案

之晨 移动端UI设计文章及欣赏

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

截屏2026-06-30 11.06.56.png

 一、项目定位与行业现存痛点

 产品简介

Buildexa是面向施工现场项目经理、施工工长、工程管理人员的轻量化移动端项目管理APP,聚焦建筑施工全流程进度管控,依托可视化进度图表、3D施工楼栋模型,实现总项目进度、分阶段施工工期、分项工程完成率、延期任务数据实时查看,适配工地户外碎片化办公场景,简化传统厚重工程管理系统复杂操作逻辑,让管理人员手持手机即可完成项目进度巡检、工期风险识别、分项任务追踪。

 

传统建筑施工管理四大行业痛点

1. 进度数据不直观:传统表格、纸质台账罗列工期数字,无法一眼区分计划、延期、待完成任务,工期延误发现滞后;

2. 分层施工管理割裂:土建结构、装修收尾、水电消防等分阶段进度分散记录,无统一汇总查看页面;

3. 户外操作门槛高:传统工程系统界面拥挤、深色高饱和配色,强光下看不清文字,工地临时查看操作繁琐;

4. 项目风险无可视化提醒:延期任务、滞后分项工程无醒目卡片标注,管理人员容易遗漏工期预警。

 

二、产品完整业务闭环

整套APP围绕「总项目概览→单楼栋施工计划→当日工期明细→分项工程进度追踪」搭建轻量化管理闭环

1. 首页总览层:实时展示项目整体完成百分比、计划竣工日期、累计延期天数,搭配渐变进度条直观展示整体施工进度;

2. 楼栋计划层:3D写实施工楼栋模型作为视觉核心,拆分土建结构、装修收尾两大核心工序,标注各工序完成率与预计完工时间;

3. 当日工期明细层:可视化区分计划任务、延期任务、剩余待办任务,标注各批次任务起止日期,快速识别工期滞后风险;

4. 分项工程追踪层:统一汇总设计、水电、消防、管道四大施工板块,环形进度条展示各分项完工比例,完整把控细分施工环节进度。

截屏2026-06-30 11.06.28.png

三、四大核心页面模块设计拆解

模块1:首页总览 Dashboard

极简轻量化卡片布局,适配工地户外快速扫视场景

1. 顶部品牌与账号区:Buildexa品牌标识、消息通知、个人头像快捷入口;

2. 核心进度指标区:超大粗体展示整体施工完成率,搭配渐变橙条纹进度条,标注竣工时间、总延期天数;

3. 楼栋可视化卡片:3D施工楼栋写实插图,一键跳转楼栋详细施工计划;

4. 底部固定导航栏:首页、日程、进度、文件、文档五大高频功能,单指快速切换页面。

设计价值:项目经理打开首页3秒掌握全项目整体进度、延期风险,无需多层级点击进入复杂报表。

 

模块2:单楼栋施工计划页面

以3D施工模型为视觉载体,分层展示分阶段施工进度

1. 顶部筛选栏:快速切换楼栋、筛选目标施工日期;

2. 视觉主视觉:写实在建楼栋3D插画,贴合建筑行业视觉认知;

3. 工序进度卡片:分「结构施工、装修收尾」双卡片,标注完工百分比与对应完工日期;

4. 楼栋单元进度条形图:渐变橙色条展示单元施工覆盖范围与施工距离,直观掌握楼栋施工覆盖进度。

截屏2026-06-30 11.06.44.png

模块3:当日计划进度页面

三色分区卡片设计,清晰划分三类任务状态,工期风险一目了然

1. 三色状态区块:橙色=计划内任务、深橙=延期滞后任务、浅灰=剩余待办任务,搭配对应起止日期;

2. 分项工程列表:设计、电气、消防、管道四大施工板块,搭配环形圆角进度条展示各分项完工比例;

3. 全局筛选入口:支持按日期筛选、导出进度明细,适配工地日报、周报整理需求。

 

模块4:分项工程详情页面

轻量化单列卡片布局,简化冗余信息,聚焦单板块施工进度,适合户外快速查阅各细分工序完成情况,无多余繁杂图表干扰视线。

 

截屏2026-06-30 11.06.49.png

四、视觉设计体系:工业柔和轻量化工程风

 1. 色彩系统

- 基底底色:纯净米白浅底色,户外强光下清晰可读,缓解工地长时间查看屏幕视觉疲劳;

- 主品牌色:暖工业橙,代表施工、进行中任务,层级区分柔和不刺眼,贴合建筑行业属性;

- 状态区分色:深橙标识延期风险任务、浅灰代表未开始待办工序,色彩语义直观,无需文字解读即可分辨工期状态。

截屏2026-06-30 11.06.35.png

 2. 图形与可视化规范

1. 写实3D建筑插画:在建楼栋、塔吊施工写实插图,替代抽象线条图标,建筑从业者直观理解页面业务;

2. 轻量化进度图表:渐变条纹进度条、圆角环形进度条、分段条形图,无厚重阴影、无复杂装饰,极简清晰;

3. 圆角柔和卡片:大圆角低弱阴影模块,页面分割柔和,摆脱传统工业系统生硬厚重视觉感受。

 

 3. 文字层级规范

全平台无衬线简约字体,三层清晰信息层级:超大粗体进度百分比数字→工序/模块标题→日期辅助小字,户外远距离也能快速抓取核心进度数据。

 

五、产品商业与用户落地价值

1. 工地办公轻量化:舍弃传统PC厚重管理系统,手机端一站式完成全流程进度查看,适配工地外勤、巡检碎片化办公;

2. 工期风险可视化管控:三色任务分区直观识别延期工序,提前介入调整施工计划,降低项目逾期风险;

3. 行业视觉适配:3D建筑插画+暖工业橙主色,贴合建筑从业者审美,降低产品学习上手成本;

4. 多维度进度拆分:总项目、单楼栋、当日任务、分项工程四层进度拆解,满足不同层级管理人员查看需求。

 

图片来自Behance

 

 

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

 

image.png

 

一些有趣的版式设计分享

涛涛 平面设计

本文放弃单一作品深度拆解模式,整合海内外多元平面创意版式案例,覆盖潮流活动海报、艺术展览物料、美术馆主题展、线下店铺视觉、日系画廊展讯、英文活动宣传物料等多种商用、艺术向设计,为设计师提供多元化排版参考。

超全面!写给UI设计师的滑块组件设计指南

之晨 设计资源

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

 

滑块 (Slider/滑动选择器) 这种随处可见的输入控件,其实藏着很多设计细节。滑块靠拖动游标就能实现调节数值,实时给出视觉反馈,不管是调音量、改亮度,还是设置参数范围,都少不了它的身影。

image.png

一、滑块构成

一个标准的滑块组件,核心包括四部分元素:

  1. 数值提示
  2. 已调节区域
  3. 调节游标
  4. 数值区间
  5. 未调节区域。

这几部分各司其职,组合在一起才能让用户用得顺手。

二、滑块类型

在Material Design的设计规范中,定义了四种常用的水平滑块,每一种都有自己的适用场景:连续滑块、离散滑块、居中滑块、范围选择滑块。

image.png1. 连续滑块

image.png

这种滑块最常见,游标能在轨道上自由滑动,停在任意位置都能对应一个精准数值,没有任何限制。比如我们平时调手机音量,用的就是典型的连续滑块。

2. 离散滑块

image.png

它和连续滑块最大的区别,就是拖动时游标会自动“卡点”到预设的区间刻度上。简单说就是不能选任意值,只能在固定的数值区间里切换,适合那些需要标准化参数的场景。

3. 居中滑块

image.png

这种滑块的初始值默认在轨道正中间,往左拖是减小数值甚至调到负数,往右拖则是增大数值。像一些需要双向调节的场景,比如色彩的冷暖调整、音频的音调调节,用它就很合适。

4. 范围选择滑块

image.png

有两个游标,分别用来设定数值范围的最小值和最大值。比如设置价格区间、筛选日期范围时,用这种滑块就能一次性搞定,不用反复输入。

三、滑块设计不踩坑

看似简单的滑块,想要做得好用,这几点一定要考虑到:

1. 效果实时反馈

image.png

滑块的调节是即时生效的,用户拖动的时候,得能一眼看到数值变化带来的直观效果。比如调亮度时,屏幕明暗要跟着游标移动同步变化,不然用户根本不知道自己调对了没。

2. 轨道逻辑清晰

image.png

轨道是用来显示数值范围的,需要分成“已调节轨道”和“未调节轨道”两部分。这里要注意语言阅读习惯:咱们常用的从左到右阅读模式下,数值得从左到右递增;如果是面向阿拉伯语这类从右到左阅读的用户,数值顺序就得反过来。

3. 限制刻度数量

image.png

滑块上的刻度是用来标记数值的,游标还会自动吸附到最近的刻度值上。但设计时千万别添加过多的刻度值,不然轨道上密密麻麻的,不仅看着乱,用户调节时也很难精准定位到想要的数值。

4. 控制数值显示

image.png

在设计范围选择滑块时,一次最好只显示一个关键数值——要么是当前选中的区间,要么是用户正在拖动的那个游标对应的数值,显示太多反而会让用户混淆。

5. 使用文本框

image.png

除了直接显示数值标签,还可以在滑块外面加个独立的文本输入框,并且让输入框的数值和滑块联动,用户既可以拖动调节,也能手动输入精准的数值。

image.png

另外,用图标或文字的形式代替刻度值,也是个提升界面颜值和易用性的好办法。

四、滑块设计

案例参考最后给大家分享几个有意思的滑块设计,平时做组件的时候可以参考:

1. 经典亮度滑块

image.png

典型的连续滑块,轨道比较细、游标是经典的圆形,左右两侧还配了亮度图标,不用看数值也能秒懂当前亮度档位。

2. 尺子形式滑块

image.png

这种滑块不是传统的样式,而是做成了尺子的形状。尺子上的刻度代替了传统的数值指示器,0.1的增量清晰可见,数值直观又有趣。

3. 情绪表达滑块

image.png

虽然也是滑块的形态,但它靠颜色来表达用户情绪。每个滑块单元都是离散设计,带有刻度区间,用户滑动选择时,能通过色彩快速对应自己的情绪状态。

4. 游标固定滑块

image.png

游标固定在轨道正中间,拖动时是轨道左右移动,选中的数值显示在右侧,用户一眼就能确认当前数值,这种交互方式很新颖。

5. 速度调节滑块

image.png

用五个刻度来划分速度区间,每个刻度上方都标注了具体数值。虽然刻度间的实际数值间隔不一样,但清晰的标注让用户能精准把控速度档位。最后滑块组件虽然看着简单,但要做到真正好用,需要将形式的新颖、交互的创新、元素的搭配等细节都考虑到,于细节处见精微。

 

转载自优设网

 

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

 

image.png

版式乏味无新意?兰亭妙微精选创意版式设计合集|设计灵感专栏

涛涛 平面设计

在日常设计分享内容里,多数文章习惯单案例、单设计师深度拆解,这种方式优势在于讲解细致、逻辑完整,但长期浏览很容易产生审美疲劳。兰亭妙微设计团队本次换一种分享思路,不局限单一作品,从商业海报、画册内页、APP 宣传页、品牌长图等海量实战项目中,筛选一批创意十足、落地性强的优质版式方案分享给各位设计师,兼顾平面、UI、品牌视觉多场景,看完就能直接借鉴,快速拓宽排版创作思路。
很多设计师排版时只会套用标准栅格,页面横平竖直、元素规整对齐,成品工整却毫无记忆点。想要打造有趣耐看的版式,核心是在统一秩序中制造视觉变化,兰亭妙微结合多年政企、文创、科技类项目经验,整理四类高复用创意版式手法,搭配落地案例拆解

界面平淡无细节?兰亭妙微实操方法,快速提升设计形式感

涛涛 设计思维

做 UI、可视化大屏、软件界面设计时,很多设计师常会陷入瓶颈:页面版式单调、视觉层次薄弱,完整落地的作品缺少记忆点,无法快速抓住用户视线。深耕界面设计十六年的兰亭妙微(蓝蓝设计),常年服务航天、医疗、大数据、政企管理系统等项目,在数百套 B 端、C 端产品落地中,总结出一套高效提升形式感的实操方法,轻松摆脱界面平淡问题,打造层次丰富、辨识度高的视觉页面。

兰亭妙微UI设计公司分享:5 组产品设计高频易混术语辨析,90% 设计师都在用错

清阳 交互设计及用户体验

前言

日常做界面、写功能文案时,不少产品、UI 设计师常会混用形近义异词汇:登录 / 登陆、稍后 / 稍候、预订 / 预定…… 仅一字之差,语义边界却完全不同。用词失准不仅拉低界面专业度,还会误导用户、割裂操作认知。兰亭妙微UI设计公司整理 5 组互联网产品高频混淆术语,结合真实业务场景拆解区分标准,给大家一套可直接落地的界面用词规范。

一、登录 vs 登陆

核心定义区分

  1. 登录(login)—— 互联网专属术语
     
    指用户进入系统、App、网页的身份核验流程,核心目的是完成身份校验,授予用户数据读写权限:
  • 读权限:查看个人专属信息;
  • 写权限:留存用户操作、交互数据至后台。
     
    适用场景:账号密码登录、短信验证码登录、扫码登录、「当前未登录,登录后解锁完整功能」。
  1. 登陆(land)—— 通用实景 / 营销词汇
     
    本义指船只、台风抵达陆地,军事领域指渡水上岸;引申为新品、新功能正式上线、切入市场。
     
    适用场景:诺曼底登陆、台风登陆、「全新 CRM 产品即将登陆,敬请期待」。

    image.png

总结判断标准

  • 进入账号系统、核验身份 → 登录
  • 产品上新、实体抵达陆地 → 登陆

二、删除 vs 移除

二者核心差异:操作对象是否永久留存于系统数据库。
  1. 删除:不可逆永久清除,数据从底层彻底销毁,系统无留存记录。
     
    场景示例:商家后台废弃整场无效大促活动、通讯录永久删除客户。
  2. 移除:仅从当前视图 / 分组中隐藏,原始数据完整保存在系统,可恢复。
     
    场景示例:活动列表移除多余商品、企业微信「移出群聊」(成员账号不会被删除,仅脱离当前群组)。

    image.png

落地设计思路

不必机械二选一,用词贴合用户直观认知优先。以企业微信为例:
  • 移出群聊:弱化永久删除感,用户清晰知晓对方账号仍存在;
  • 删除客户:明确告知操作不可逆,永久清除联系人数据。

三、新建 vs 添加

image.png

区分逻辑:对象是「从零创造」还是「调取已有对象」。
  1. 新建:从 0 到 1 生成全新对象,需手动配置参数、属性,无前置存量数据。
     
    行业案例:Mac 系统「新建文件夹」、Sketch「新建图层 / 画板」、后台「新建商品」。
  2. 添加:调取系统内已存在的对象,归入当前集合,无需重新创建主体。
     
    行业案例:添加本地组件库、添加银行卡、添加已有联系人、照片库添加本地图片。

image.png

判断口诀

从零搭建、全新创建 → 新建;
 
调取存量、归入集合 → 添加。

四、稍后 vs 稍候

image.png

二者均表等待,但语法结构、使用句式严格区分。
  1. 稍候:独立完整祈使短句,可单独收尾,侧重「当前正在处理,请等待片刻」,对应英文 wait a moment。
     
    界面示例:加载弹窗文案「数据加载中,请稍候…」。
  2. 稍后:副词,不能单独成句,后必须搭配动词,指代「延后一段时间再执行操作」。
     
    界面示例:加载失败提示「系统加载异常,请稍后重试」。

快速区分

句末单独使用、无需追加动作 → 稍候;
 
后面紧跟操作动词(重试、提交、刷新) → 稍后。

五、预订 vs 预定

image.png

差异核心:是否涉及资金交易。
  1. 预订(订):关联钱款、交易行为,提前支付定金锁定商品 / 服务。
     
    适用:预订酒店、预订机票、预订线下课程。
  2. 预定(定):仅规划、敲定时间、计划、节点,无资金往来。
     
    适用:预定会议时间、预定婚期、项目预定上线节点。

极简区分

涉及付费、交易 → 预订;
 
规划时间、方案、目标 → 预定。

写在最后

不少从业者会觉得:只是用词差异,用户看得懂就行,没必要抠细节。但乔布斯曾提出:精准表达是产品设计的底层内核。
 
界面文字是产品和用户沟通的唯一文字载体,术语混用、用字错误,本质是设计细节把控不到位,直接损耗用户专业感知。作为产品、体验设计师,规范基础用字是做好用户体验的第一道门槛。
如果你在工作中遇到其他易混淆的界面术语,欢迎留言交流补充。
 

转载:优设

 

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

 

image.png

兰亭妙微UI设计公司:在大厂做 B 端定制化设计是什么体验?

清阳 交互设计及用户体验

 
兰亭妙微UI设计公司分享:钉钉从诞生之初便依托客户共创落地产品,多年来始终坚持「产品功能源于真实客户需求」的设计核心思路。
 
不少免费客户升级付费专属版后,受制于自身设计、研发能力短板,即便平台开放全套定制工具与能力,也很难打造出贴合自身企业调性、满足业务预期的钉钉应用。
基于此,我们推出大客户超级服务体系,以此破解企业定制落地难题。下文将以钉钉专属版大客户超级服务为例,拆解 ToB 定制服务完整链路,分享 B 端设计服务的落地方法论。

一、穿透表层问题,深挖客户底层真实诉求

image.png

客户提出的需求往往直白、片面,大多停留在表面观感与功能取舍:比如 “工作台界面观感简陋、不够大气”“页面模块冗余,希望直接删减”。
 
如果仅针对这类表层诉求做修改,只能治标不治本,很难建立长期稳定的客户信任。想要交付匹配企业业务的定制方案,必须跳出问题本身,从三大维度完整拆解客户真实需求:
  1. 厘清行业专属特征
     
    不同行业对视觉风格、交互逻辑的需求差异巨大。以传统媒体行业为例,产品页面需适配纸媒阅读习惯,侧重文字可读性、规整排版,整体视觉严谨克制;若设计风格与行业属性脱节,作为企业门户核心的工作台,很难获得客户认可。
  2. 区分客户生命周期阶段
     
    客户可按使用阶段划分为免费版、付费专属版两类。当企业完成付费升级后,若界面、功能无明显差异化感知,极易产生负面认知:“付费后没有任何升级体验,投入没有价值”,界面视觉作为用户第一感知触点,是化解该痛点的关键。
  3. 兼顾多方角色差异化诉求
    image.png
    B 端产品链路涉及多层人群,需求立场各不相同:决策者是付费买单方,项目执行者负责落地对接,企业管理者、普通员工是日常使用者。
     
    设计过程中,既要拆解各岗位员工的使用痛点,也要精准抓住决策者的核心关注点,同时输出完整落地素材,方便对接执行者向内部管理层汇报方案价值。

二、不止解决显性问题,交付超出预期的定制方案

客户带着负面评价提出修改诉求时,单纯整改问题只能平息不满;而设计师依托可视化设计产出,能够直观传递专业度、建立客户信任感。整套方案遵循「先解决刚需,再延伸增值体验」的思路落地:

1. 优先落地客户明确提出的核心优化项

image.png

围绕客户反馈的操作效率、业务适配、行业视觉三大核心痛点,结合前期实地走访、多角色需求调研完成迭代。
 
以传统媒体工作台优化案例为例:针对采编、审核、行政等岗位高频操作路径精简页面布局,调整版式字体适配内容阅读需求,剔除企业无用模块,直接解决客户直观不满。

2. 基于深度洞察延伸增值品牌方案

image.png

image.png

付费客户的核心隐性诉求,是拥有专属企业数字化门户,弱化 “通用钉钉” 感知,强化自有品牌归属感。
 
我们覆盖登录注册、办公应用、即时沟通全流程页面,植入企业品牌视觉与企业文化元素,打造专属化使用体验。
 
一方面让决策者直观感受到付费升级的差异化价值,认可方案贴合企业定位;另一方面为项目执行者提供完整、可视化的汇报素材,便于对内展示数字化建设成果。

三、用客户故事赋能方案汇报,建立长效持续服务

 

对内汇报时,我们能精准匹配汇报对象关注点调整表达逻辑;但对接外部客户时,常因不熟悉企业组织架构、业务场景,导致方案讲解难以引发共鸣。对此,我们将前期实地调研、一线采风素材转化为「客户真实故事」,融入方案汇报,让客户沉浸式感知设计价值。

1. 交互层:以「角色 - 行为 - 价值」讲清业务逻辑

遵循 Who(使用角色)-What(操作行为)-Value(落地价值)三要素,还原员工完整工作链路。
 

image.png

例如传统媒体编辑,日常需跨多套系统完成选稿、采编、校版,同时还要处理园区打卡、饭卡充值等行政事务。我们完整还原全流程工作场景,展示定制化设计如何打通业务断点、简化操作流程,让客户感知方案完全贴合自身业务。

2. 视觉层:实景采风传递企业文化共鸣

image.png

实地记录企业园区环境、员工真实工作场景、品牌视觉标识,将线下企业气质转化为线上界面设计语言。
 
设计方案不再是冰冷的界面改版,而是企业线下文化、办公氛围的线上延伸,更容易打动客户,契合企业对内传递文化形象的需求。

3. 倾听客户反馈,沉淀产品迭代机会,长效服务

每一次大客户走访,既能解决企业个性化定制难题,也能收集大量具备普适性的产品优化建议。
 
举例:不少企业管理者提出需要一键清除消息小红点功能,钉钉现有功能虽支持该操作,但入口隐藏较深。办公场景下,普通员工需要消息提醒避免遗漏工作,而管理者常被无关消息干扰,现有产品未针对不同角色做差异化适配。
 
这类来自一线客户的真实反馈,会同步沉淀为产品迭代思路,持续优化产品与配套服务。

写在最后

一套高质量 B 端定制服务,核心根基是深度洞察客户底层诉求,而非被动整改表层问题。
 
汇报环节依托真实业务场景故事传递设计内核,同时持续收集决策者、一线员工的使用反馈,反向推动产品迭代。只有精细化打磨适配企业全角色的每一处产品细节,才能让大客户超级服务真正落地到数字化服务的全流程中。
 

转载:钉钉用户体验官方账号

 

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

 

image.png

AI 驱动:如何重构IP全流程设计?

清阳 设计思维

兰亭妙微UI设计公司分享:聚焦搜索团队“一定橙”IP设计案例,深入剖析其从传统IP制作流程向AI驱动制作流程转型的核心动因与实践路径,结合真实案例拆解AI赋能IP设计的核心价值。

同时,立足AI技术深度渗透的行业发展趋势,抛出设计师如何维系自身不可替代性的深层思考,为行业同类IP转型及设计师职业发展提供参考。

一、转型AI生产流程核心动因

1. 业务层面

大事件运营与长线激励活动是撬动业务指标增长的关键。

IP 作为视觉符号,不仅是活动强化产品辨识度、打造专属的记忆点,更是沉淀资产、降本增效的核心利器,能为长线运营持续赋能。

2. 团队层面

传统 IP 生产工序多、高度依赖 3D 人员、长周期等痛点,已难以匹配业务的快速迭代需求。

从2025高考项目出发,搜索设计团队借助AI工具在25年以全年为目标重构 IP 生产,既是为了满足运营物料的质与量,更是为了突破场景限制、降低资源依赖,实现团队产能的跃迁。

3. 技术层面

AI 工具的普及不是设计行业的 “终局”,而是认知重构的 “开端”。

当 AI 成为设计流程的标配,如何让技术服务于核心需求而非束缚创意,如何在效率提升的同时,守护 IP 设计的原创性与情感温度,这不仅是设计师的个人命题,更是整个行业在 AI 时代的生存之道。

那么,以2025年高考的IP“一定橙”案例分析,看看我们在2025年全年做了什么?

二、AI赋能实现创新与效能的双向突破

1. 创新突破

流程创新: “多工种线性生产” 到 “任务模块化协同”

过去,IP 设计是一条 “2D 立绘→三视图→2D 转 3D→静态转动态→多端适配” 的线性流水线,每个环节都靠单一设计师扛,跨团队协作难、效率低,还容易出现风格 “断层”。

我们的流程创新主要走了两条路:

一是把设计任务模块化拆解,用 AI 实现多环节并行生产,打破时序限制的同时,保证风格全程统一;

二是靠 AI 一键转换 + 批量生成的能力,实现 “一次设计,全域适配”,不仅优化了团队的技能配置、降低了人力成本,更把跨场景适配的时间和成本压到了最低。

技术创新:“手工绘制” 到 “多模态 AI 生成”

传统 IP 创作的核心是 “手绘 + 基础软件”,设计师的手绘能力和软件水平直接决定了作品的上限,不仅效率低、创意容易被个人能力束缚,还很难批量产出。

而 AI 赋能下的技术创新,核心是用多模态生成技术替代手工创作,打造一条从 “文本描述” 到 “视觉呈现”,再到 “3D 建模、动态效果、衍生物料” 的全链路自动化生成通道。

2. 效能突破

从 “有限试错” 到 “无限可能性”

运用AI在前期创意探索周期可压缩 90% 以上,可通过文生图、风格迁移、元素融合等能力,在分钟级生成数千张不同风格、形态概念图和动画Demo,快速筛选出高潜力方案,验证创意可行性。

从 “重复劳动” 到 “精准高效”

传统 IP 制作里,2D 转 3D 是个大工程,又费时间又费人;而 AI 能一键实现 2D 转 3D、静态转动态、图文转视频,直接省掉大量成本。

到了后期做衍生内容,三视图、表情包、海报这些标准化物料,传统模式下又累又容易走形。

但只要用 LoRA 训练专属模型,再用 ControlNet 锁定 IP 的核心比例、色彩和质感,AI 就能批量生成完全符合规范的内容,效率直接提升 10 倍以上。

三、一定橙IP设计:全流程AI化工作流亮点拆解

亮点1:LoRA模型AI化生成

通过AI生成-抽帧-后期流程形成优质 IP 样本(如 30 张核心形象图)训练专属 LoRA 模型,锁定 IP 的核心比例、五官、色彩、质感。在后续的概念生成、多媒介适配、系列化创作中,调用 LoRA 模型即可快速生成符合特征的 IP 内容,确保一致性。

亮点2:基于LoRA+ControlNet 精准控制IP多维度形象

通过 LoRA+ControlNet 控制技术,误差≤2%,导入 IP 核心形象图,选择控制类型(如骨骼、深度、姿态、表情),即可精准控制 IP 的比例、姿态、角度。

首帧+标准化提示词可以稳定控制IP形象输出灵动细腻的动画。

亮点3:AI高效迁移多种风格

通过 AI 风格迁移模型,输入 IP 核心形象图与目标风格参考图,即可一键将 IP 形象迁移至多种风格(如 3D 转简笔插画)。

在转换过程中严格保留 IP 核心特征,确保风格统一、输出稳定,满足业务素材与物料的快速迭代需求。

四、IP应用场景

一定橙 IP 形象贯穿 2025 年多项核心活动,包括高考及渠道推广物料、暑期走路赚钱、组队赚钱、开学季等场景。

通过 AI 实现全链路 IP 渗透,在保障视觉质量的前提下,整体效率提升 50% 以上。

五、设计思考:AI技术与设计共创,实现本我价值最大化

AI 技术与设计创意的深度共融,本质是技术为创意赋力、人文为技术锚向的双向奔赴,而非单向度的工具替代。

它正在重构设计产业的全链路流程:既彻底解放了设计师的基础生产力,更打破了创意表达的固有边界,最终让设计真正回归 “以人为本” 的核心本质。

长期以来,设计师近 80% 的精力,都被消耗在机械重复的执行落地、素材拼接、参数调整等低价值事务中,创意的火花往往被繁琐的执行磨平。而 AI 的规模化介入,彻底消解了这一行业痛点,让设计师的核心精力得以真正回归到用户洞察、创意构思与价值创造本身。

随着 AI 在设计领域的深度渗透,行业内也涌现出诸多悲观论调:

有人说 AI 终将彻底取代设计师,商业设计的全流程都可由 AI 独立完成;

有人担忧设计行业将迎来大规模裁员,普通设计师会彻底失去市场立足之地;

更有人断言,AI 的零门槛创作会抹平专业设计的壁垒,设计师的个人创意与审美表达将不再具备商业价值。

但在我看来,AI 能替代的,永远只是「术」层面的标准化执行与重复性劳作,永远替代不了「道」层面的用户洞察、创意思考、审美决策与人文价值创造。

对设计师而言,真正的核心命题从来不是对抗技术浪潮,而是在 AI 时代锚定自身的不可替代性 —— 以人文为内核,以创意为核心,以技术为工具,在时代的洪流中始终保有前行的底气与主动权。

转载:人人都是产品经理

 

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

 

image.png

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

清阳 行业趋势

兰亭妙微UI设计公司分享:很多产品经理认为,给产品塞进一个对话框就是“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

日历

链接

个人资料

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

存档