兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
| 复杂性类型 | 设计应对策略 | 典型案例 |
|---|---|---|
| 功能复杂性 | 模块化组织、渐进式披露 | 金山 WPS 企业版 |
| 流程复杂性 | 可视化工作流、状态实时追踪 | 明道云 |
| 数据复杂性 | 多维视图、智能筛选排序 | Tableau |
| 权限复杂性 | 角色矩阵、分级授权管控 | 钉钉 |
| 隐层复杂性 | 表面简化设计 | 最终用户体验 |
|---|---|---|
| 推荐算法 | 无限刷新信息流 | 内容精准匹配，提升使用粘性 |
| 内容理解 | 统一的信息卡片样式 | 不同形式内容一致呈现，降低视觉认知成本 |
| 兴趣预测 | 个性化内容排序 | 越用越懂用户，提升体验契合度 |
| A/B 测试系统 | 稳定的界面与交互 | 产品持续优化，用户无感知适配 |
| 设计维度 | B 端设计倾向 | C 端设计倾向 |
|---|---|---|
| 信息密度 | 高密度，减少页面跳转，适配专业操作 | 低密度，焦点明确，降低认知负荷 |
| 交互模式 | 专业、高效，标准化流程优先 | 直觉、有趣，轻量化体验优先 |
| 个性化程度 | 基于角色定制，匹配企业组织架构 | 基于行为偏好，实现千人千面 |
| 迭代速度 | 稳重、兼容性优先，保障业务连续性 | 快速、创新优先，贴合市场需求 |
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
UI设计有设计规范要遵循，同样的原型图也有自己的规范。
任何通过图形示意的东西一样，规范带来的最大的好处是提高信息传达效率。
人是视觉动物，好看的东西总喜欢多看两眼，混乱的东西给人最直白的感受就是逻辑混乱。
这就是「卷面分」。
这篇文章我们说下原型图的规范。
所谓的规范就是定规则，按照这一套规则作为标准进行执行，这里边包含元素规范、布局、颜色等等。
我对画原型图对规范的要求是：尽量向着规范靠近。
原型图不像UI图，不用去到像素级别去抠。
因为画原型我们需要考虑时间，考虑效率，我们需要将最大的精力去放到方案的产出，写需求文档上。
规范只是为了让我们有个标准，如果你想画的规范时，给你一个参考。
对于手机端、PC端、平板、车机等不同的产品形态，最大的区别是尺寸。
在画原型图之前，我们要做的就是先把页面原型尺寸给定下来。
可以参考的规范有：手机端首屏的尺寸设置为 375×667 px。
注：375 × 667 是首屏高度，也就是原型图的最小高度，并不是原型的固定高度，当内容很多时，直接把高度拉长到合适的内容即可。下边提到的PC端尺寸也是这个道理。
状态栏：375 × 20 px
导航栏：375 × 44 px
底部tab：375 × 49 px
这个规范的尺寸是使用的 iPhone8 的尺寸，产品经理火的那几年就是这个尺寸火，所以用这个尺寸的多。
你同样的也可以使用其他常用的手机端尺寸，这没有固定限制。
我比较建议用这个尺寸，因为很多Axure组件也都是按照这个尺寸去做的，适配的比较好。
对于PC端，尺寸可以按照 1440×900px。
虽然当前使用最多的屏幕尺寸是1920×1080。
对于原型图1440的宽度，如果是左边是原型图，右边写需求描述的话，在屏幕上可以正好展示出原型图+需求描述，不用左右滑动去看。
对于平板，建议直接使用 768×1024 px。
对于原型图的颜色，我们可以分别来看：
1）有UI设计师参与的
我们可以考虑使用中性色，中性色是指不强烈的色彩，常见的就是黑白灰。
在选择黑白灰时，我很推荐的是Axure色板中自带的颜色，在画原型时直接选取使用就行。
另外一些大厂规范中，都有自己的中性色定义，你也可以选择使用。不过我不建议你花费太多时间去处理颜色。
如下图，左边是用Axure中的黑白灰，右边是使用的Arcodesign的中性色，在画原型时，整体上影响并没有那么大。
虽然右边的更好点，如果你要用其它中性色，可以将颜色收藏进Axure的色板中，方便下次使用。
2）没有UI设计参与的
比如说后台，可以添加一些颜色。
后台一般都是内部使用，对样式没有太高要求，也不会让UI进行设计；
因为后台一般都是使用现成的UI组件进行开发的，比如Antdesign、Element等；
具体什么颜色，可以用万能的蓝色作为主色调，使用其他颜色作为辅助即可。
对于语义色，来表达成功、警告、错误语义，可以选择红绿黄进行使用即可。
对于文字，涉及到字体、字号、粗细、行间距等。
字体
可以使用 Arial，也就是Axure默认的字体。
同样的，也可以使用苹方、微软雅黑，这两个字体则需要单独安装。
不过当你通过Axure打包发布出去时，如果对方没有安装对应的字体，将则不会展示为苹方/微软雅黑字体进行展示。
对方查看的效果和你看的效果会不一样，我正在找处理方案，目前还没找到。
字号、字重
也就是字体大小、字体粗细，对于字体大小、粗细，还有颜色，影响的信息层级关系。
我们直接看规范：
一级标题：20px、加粗，颜色#000000
主标题：18px、选择性加粗，颜色#000000
次标题：16px、选择性加粗，颜色#000000
小标题：14px、选择性加粗，颜色#000000
正文：14px、选择性加粗，颜色#000000/#333333
辅助文字：14px/12px，不加粗，颜色#333333/#555555
次级文字：12px/10px，不加粗，颜色#555555/#7F7F7F
注：对于文字的大小，前提是在 375×667、1440×900 的页面尺寸下的。如果你使用的尺寸过大，对应的字号也需要加大。
这个规范不用记，可以用字号 14 作为标准，层级高的字号+2，加粗、颜色加重即可，层级低的字号就-2，不加粗，颜色浅一些。
行间距
在原型中不重要，Axure时会根据字体大小自动调整行间距，如果文字内容过多时，可以手动进行加大间距。
原型中如果是「图标+文字说明」一起出现，不用管图标，直接使用圆形或矩形代替即可。
占位符太丑，不建议用。
颜色不要使用太深的中性色。如下图示例：
如果只有「图标」，可以选择能表达具体含义的图标。
从iconfont、iconpark中搜索复制svg格式粘贴到Axure使用即可。
如下图中的扫一扫、设置、播放图标。
如果你觉得使用圆形或矩形表达图标的意思不明显，或者是不想找图标，就在加个「icon」文字，或者直接用写文字。
如下图的扫一扫、设置、播放，直接使用文字说明即可。
对于头像、图片等，都可以加个文字说明。
如果是没有UI介入设计，当需要确定图标时，则需要产品经理确定，同样的去iconfont、iconpark中找到图标，按前端要求提供过去即可。
图片在原型中不需要使用真实图片，直接使用矩形代替即可。
Axure中自带的图片元件太丑了，不建议用。
可以再加上文字说明，来表达这是图片，比如加个img，或者根据图片特性，如封面、头像，都是可以的。
原型中的图片规范可以按照宽高比，比如 4:3，3:2，16:9，1:1。
当然这个没那么严格，如果你想规范些，可以这样用。
圆角在原型中不重要，如果你想使用圆角，可以按照2的倍数调整。
圆角在UI中的作用很大，而且规范还挺多，原型中就无所谓了。
阴影不重要。如果想使用阴影，可以将阴影使用纯黑色号000000，透明度30%，模糊5。
对齐是版式设计的基本原则，使用工具进行对齐即可。
具体采用「左对齐、右对齐、上对齐、底对齐、居中对齐」，你可以按照布局来，比如靠右的元件，使用右对齐。
分布是指将页面内容使用水平分布、垂直分布的方式进行平均分布，来保证页面元素之间的间距相同。
当相同的元素多次出现时，我们可以使用分布快速调整，让页面更规范。
间距没有那么重要，但是规范的原型一定要有会有间距。
间距分为上下左右间距，分为模块与模块间的间距，子模块与子模块的间距，元素与元素之间的间距。
对于整个移动端来说，可以使用 5 的倍数调整间距。
对于尺寸较大的PC端原型，可以按照 10 的倍数调整间距。
也可以直接将元件结合「对齐、分布」直接调整，不用关注具体间距。
根据我们之前提到的设计原则「亲密性」，属于同组的内容间距小，不同组的内容间距大。
组件是就是可以直接拿过来的元件组合。
对于每个组件都是通过基础的形状、文字、颜色、尺寸、间距等进行组合形成的。
就是UI设计中的原子化设计。
当完成基础的形状、文字、颜色、尺寸、间距等规范确定后，进行基础元素的组合即可得到规范的组件。
你可以基于上边的规范去制定自己的产品组件库，可以快速使用规范的组件。
在画原型时，可以将原型中的内容尽量填写为真实内容，使用极值状态，将内容最多、数据最多的情况画出来。
规范建立好是为了使用，我们了解清楚原型的规范后，可以在画原型时往规范上靠，慢慢的养成好习惯。
一个规范好看的原型图在求职面试、评审的时候，会是个加分项。
当然，不要过度遵循规范，原型图不是UI图，重要的是使用原型将功能表达出来。
对于刚入门的产品经理来说，原型图是日常的基本工作。
转载：人人都是产品经理
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
既然 AI 已能通过文字直接生成图片，却仍无法独立完成专业的 UI 界面设计，核心原因在于其在理解复杂业务逻辑、创造性表达与情感传递上存在天然局限性，这也让我们清晰认知到 AI 并非万能。兰亭妙微 UI 设计公司在实践中发现，AI 虽能针对设计中的显性问题，为优化工作提供数据化的专业建议，但在深层设计维度仍有明显短板。以 58 同城商业地产页面设计稿的评审工作为例，AI 可精准识别设计中的亮点与待优化点：
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
编辑导语：在快节奏的当下，金融业务的办理对于金融行业来说有了更高的要求，在效率为先的基础上，也要追求服务体验。本文以某银行的金融借贷业务为例，分析其服务体验优化升级的思路，与兰亭妙微UI设计公司一起来看看。
在追求效率的今天，办理金融业务的消费者们对金融行业有了更高的要求。银行也在追求服务效率和服务精准度方面不断提升自己的服务体验。本文以某银行金融借贷业务流程和产品架构优化为例，探寻银行服务升级之路。
本次服务升级主要通过神秘人暗访、竞品对比、满意度调研和用户访谈等，对金融借贷业务的办理流程和体验度量进行梳理，结合行方产品特点和发展方向，以服务设计为核心和驱动力，在借贷业务服务流程和产品架构层面进行体验升级，打造更有温度的金融产品借贷体验。
随着研究的深入，我们发现由于借贷产品办理渠道的多样性和用户的多层次性，借贷业务在服务体验层面问题明显，包括业务办理流程繁琐、线下线上办理渠道杂乱、多渠道断裂、业务办理流程和信息不透明、用户被动接受等。
在这次的体验升级项目中，我们对现状问题进行了分析和讨论。与行方、专家、KOL 用户进行多次脑暴，提炼出“简单”“快捷”“可视”“个性”四个关键词，并从“产品”和“服务”两个维度进行发散和思考，为后续体验提升和产品设计提供方向和指导。
“简单”上，我们从业务办理的场景和流程入手，简化借贷业务办理流程和用户信息录入，减少用户负担；对新老用户和不同类型的业务申请，依靠行方大数据能力，实现服务的高效简捷。“快捷”上，打通线下、线上的业务流程和信息共享，减少不同渠道的办理壁垒，缩短用户的办理周期。
“可视”上，通过业务办理流程和用户行为轨迹的可视化设计，让用户能够随时回溯和感知办理节点。
“个性”上，通过用户画像进行分层和标签化管理，对用户进行个性化服务和业务推荐，精准营销提升用户满意度。
借贷业务办理的每个节点都要考虑到用户最真切的需求和最希望得到的服务，是服务设计的要点。对应到银行金融借贷业务，从一个借贷用户的行为路径来看，可以拆解为获客触达-产品介绍-申请办理-签约放款-还款贷后这五个阶段。不同的阶段对应着不同的用户心理特征和借贷业务的服务重点。
无论是传统行业亦或是新兴行业，拉新永远是进行时，获客触达始终是第一步。在这个阶段，企业要通过不同的渠道和媒介让产品被用户看到，即目标用户在哪里产品宣传就要到哪里。
此时，要特别注意场景化的运用，我们的宣传和营销要贴合用户的实际场景和需求，通过场景唤醒用户借贷的某种心理状态或需求。简言之，金融借贷产品在向用户发出邀约的当下，是否有精准唤醒用户“借明天的钱，圆今天的梦”的内部动机和美好期许：
预支一笔费用，为新购置的小家加点装饰、解决毕业租房的燃眉之急、添置一套心仪已久的运动装备……
在安全可信的原则之下，合理运用场景化的营销理念，通过口碑传播、营销短信/电话、平台官网/APP/微信公众号/线下物理网点等触点、合作商户等的精准布控，实现用户的成功触达。
大多数情况下，产品介绍环节最重要的触点是人，即行方客户经理。因此，良好的线上/线下客户经理形象、敏锐的需求洞察力，以及较高的业务水平决定了产品介绍环节的用户体验高度和满意度。
在产品介绍阶段，需通过客户经理解决用户在产品认知阶段遇到的困惑和疑虑，包括用户不能自主解决的、产品信息简略、内容不够精确的、产品介绍入口不可寻或详细说明不可触达的、信息可靠性受客户经理牵制、信息片面等问题。
提升本阶段的服务体验，触点环节需要做好用户、客户经理、说明文本三方面的体验工作。如赋能用户自主了解、熟悉产品和解决问题的能力、提升客户经理响应速度和服务态度、提升产品信息（纸质&电子产品文本）透明度。
“申请办理”这个阶段是需要用户与客户经理密切配合的、需要用户高密集的信息确认与反馈、申请材料的整理与提交、明确贷款许可（申请额度、贷款类型）、确定权利与义务范畴（包括还款期限、利率、还款方式、还款限制与补充说明等）的阶段。
该阶段业务系统（平台&客户经理）的可用性，及其间接传递出的价值观，是影响用户对全流程服务体验的至关重要因素。这一阶段，用户存在的痛点包括申请办理过程缺乏对全流程的掌控感、申请办理过程安全感差，官方认证感觉差、对申请流程及所需材料感知不清晰、申请办理操作成本高。
为解决“申请办理”阶段各个触点用户的问题，重点需要在流程设计上做好提升安全感、加强可视化、确保强反馈三个方面的工作。
具体而言，首先需要做到申请办理过程中各渠道对外标识一致、统一；线上/线下对接的客户经理能够提供专业标准的服务；申请流程及进度可视化；申办材料简单易懂、有材料清单和说明帮助方便用户准备和提交、提供线下线上多渠道提交窗口；在用户办理异常时有专业人员及时跟进处理、对用户的疑问及时反馈和解答，帮助用户更好地进行申办。
签约过程的仪式感、顺畅度，签约人员的礼仪及态度，贷款合同的可读性、易保存性，签署时给予用户的主动性等，都影响着用户的情绪体验（紧张-放松、尴尬-自然、局促-舒缓、担忧-平静），进而影响到用户对整个机构专业性和安全性的感知和评价。
签约过程需要尽可能避免过度 push 用户，唤起紧张、被动的不良感知；避免开放环境，注重用户隐私保护；把后续还款时间节点、还款方式、短信提醒等内容生成清单转交用户，并告知注意事项。同时需要告知用户签约结束并不代表交易地结束，持续跟进、专业及时的咨询服务全天候向用户开放，会有效的提升用户满意度。
此阶段的用户，压力感和紧张感都已降到最低，但在首次还款时，仍然有可能因还款信息不清晰、客户经理态度冷淡而产生犹疑、担忧和怨怼，并因此回想起前期流程中的体验瑕疵，影响对整个流程的体验评价。
作为全流程用户体验的“终点”环节，本阶段更要注意用户服务的细节和方式，包括通过短信、微信和 APP 等方式及时提醒用户还款信息、还款途径，要注意提醒方式的克制，不能过度打扰用户；贷后关系的维护，如首次还款提醒、后续流程告知、问题咨询响应速度和反馈质量等。
还款贷后阶段，还款及贷后提醒的专业性及时性、客户回访及服务流程告知、逾期管理标准化流程需要重点关注。
通过分析银行金融借贷业务的“五个流程+N个触点”，我们不难发现：想要更好的用户体验，不能只盯在产品有多少功能、种类有多么丰富、帮助手册有多么详实等几个片面的服务孤岛上，而是需要基于体验场景，将用户体验流程串成链条，在各个触点、各个阶段落实“以用户为中心”服务设计理念，让用户在链路的所有触点体验到安全、便捷、舒适的服务。
转载：人人都是产品经理
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
2026年的UI设计，不再强调严苛的视觉规则，而是更注重结合使用场景做出合理的设计选择。
设计师不再默认选用极简或极繁风格，而是根据用户需求、情感诉求以及产品的实际使用方式来设计。
其中一个重大变化是，只要设计目的明确，人们对复杂设计的接受度大幅提升。
界面可以层次感丰富或富有表现力，只要易于理解就是合理的设计。
适配性是塑造2026年UI设计的另一核心趋势。界面的响应性不断升级，不仅能适配屏幕尺寸，还能根据用户的行为和偏好做出调整。
动效、色彩与布局的设计，不再只是为了装饰界面，更是为了传递设计意图。
这些变化共同指向了一种更平衡的设计思路，让视觉风格与产品易用性同步发展、相辅相成。
历经多年的扁平化界面设计后，2026年UI设计在视觉上的一大重要变化，是重新聚焦于设计的纵深感与质感。
通过分层布局、立体组件和细腻的三维元素，让界面重新拥有空间维度。
触觉极致化并非让界面变得杂乱无章、令人眼花缭乱，而是让数字元素更具物理质感和交互反馈感。
按钮设计看起来触手可及，而非单纯的符号；
图标设计兼具重量感与质感。
这些细节能让用户无需额外说明，就能理解各元素的使用方式。
渲染技术、产品性能和浏览器支持度的提升，让设计师能轻松为界面添加3D效果，且不会拖慢产品运行速度、影响产品的可访问性。
2026年的排版设计不再局限于静态布局，为文字赋予动态效果的动态排版，正从纯粹的装饰元素，成为界面设计的核心组成部分。
用户滚动页面时，标题文字可能会拉伸、位移或做出其他响应；用户点击或悬停时，标签文字也会产生细微的动态变化。
这些动效能清晰传递视觉焦点、层级或状态的变化，且设计的核心是提升文字的可读性，而非分散用户注意力。
合理运用动态排版，能为界面赋予情感与韵律，让产品呈现出更活泼、精致或趣味的气质，同时也能帮助用户更轻松地浏览复杂的界面布局。
2026年，排版不再只是承载内容的载体，更在塑造整体用户体验中扮演着主动且关键的角色。
在大胆且富有表现力的界面设计成为潮流的同时，受杂志排版启发的柔和、简约设计风格也愈发受青睐。
这一设计趋势借鉴印刷杂志、摄影作品和高端出版物的设计思路，并将其适配应用于数字产品设计中。
柔和光影风格的UI设计，通过柔和的渐变、漫射的阴影和细腻的纹理营造温暖的氛围与视觉纵深感，同时又不会造成视觉杂乱。
配色方案通常以低饱和度的中性色、暖白色为主，搭配少量点缀色，整体呈现出舒缓、简洁且设计感十足的视觉效果。
兼具杂志质感的界面布局，注重留白设计、视觉韵律与清晰的层级划分，让内容有足够的呼吸空间，同时又能保持精致的设计感。
这种设计思路特别适用于创意工具、内容平台和生活方式类产品——这类产品的设计氛围与基调尤为重要。
在设计风格的另一维度，科幻风渐变在2026年的使用频率大幅提升，尤其适用于科技类和实验性产品设计。
这类界面常运用高对比度、大胆的色彩搭配和富有氛围感的光影效果，打造极具未来感的视觉体验。
未来感渐变设计通常以深色为背景，搭配霓虹蓝、亮紫、金属色等鲜艳的电光色系，营造出极具电影质感的视觉效果，现代感与沉浸感拉满。
合理运用这类渐变设计，既能凸显产品的创新属性，又不会让整体设计显得杂乱。
这种设计风格在深色模式下的表现尤为出色，发光的点缀元素与分层的光影效果，能为界面增添更多纵深感与氛围感。
渐变的应用场景也不再局限于背景，如今还被广泛运用于按钮、文字和交互元素的设计中。
2026年，渐变不再只是装饰性的设计元素，更在品牌塑造与视觉叙事中发挥着关键作用。
2026年的动态图形设计已完全融入UI设计体系，不再局限于基础的悬停效果或加载动画。
动效设计被用于诠释各界面元素之间的关联、提供清晰的交互反馈，还能让不同交互场景间的过渡更流畅。
屏幕切换的动效设计目标明确、衔接自然，动画效果能根据用户的操作做出实时且自然的响应。微交互动效则无需过多文字说明，就能清晰展示系统状态、引导用户操作。新一代动态图形设计的核心优势，在于动效的细腻度与一致性。
动效不会刻意吸引注意力，而是通过让界面更易懂、更好用，为整体使用体验赋能。
随着设计工具与框架的不断升级，动态图形设计已不再是特殊的可选设计元素，而是优质UI设计的必备组成部分。
极简主义在2026年依然是主流设计思路，但已进化为更具表现力、更以人为本的新极简主义。
这种设计风格保留了传统极简设计的清晰性与简洁性，同时融入了温暖的氛围、细腻的质感与灵活的设计手法。
新极简主义的界面设计摒弃强烈的色彩对比与刻板的网格布局，转而采用柔和的色彩过渡、圆角元素与更具有机感的留白方式。
字体的选择经过精心考量，不再追求中性化，细微的视觉细节为设计增添独特个性，又不会造成视觉杂乱。
这一设计趋势的兴起，反映出人们逐渐意识到：极简主义并非只能营造冰冷、缺乏人情味的视觉效果。
新极简主义在追求设计清晰性的同时，将使用舒适度放在重要位置，打造出既高效又富有情感温度的界面。
叙事化设计已成为UI设计中愈发重要的组成部分，尤其适用于以教育、启发用户或引导用户完成复杂操作为核心目标的产品。
2026年的界面设计不再追求一次性展示所有内容，而是遵循叙事逻辑，随用户操作逐步呈现内容。
基于滚动的叙事设计、渐进式信息展示和随操作变化的视觉效果，让用户能以结构化、沉浸式的方式浏览内容。
动效、色彩与布局的变化，能清晰传递内容的推进节奏与使用场景，让用户的交互过程成为一场连贯的体验之旅。
这种设计思路将信息传递与用户自然的探索习惯相结合，有效提升用户对内容的理解度与参与度。
主打叙事化设计的界面，不会用繁多的选项让用户感到无从下手，而是为用户提供清晰的操作指引与体验节奏。
怀旧风依旧在影响UI设计，但在2026年，这种风格呈现出更精致、更具设计意图的新形态。
新复古风格将早期的数字美学与现代设计标准、技术相结合，做出全新的设计诠释。
像素纹理、复古配色方案和经典的界面设计元素，通过高分辨率视觉效果、流畅的动效和自适应布局被重新演绎，最终呈现的设计既带有熟悉的怀旧感，又不会显得过时。
这一设计趋势能引发用户共鸣，因为它将情感记忆与当代的产品易用性巧妙结合。
在致敬经典的同时拥抱现代设计，新复古风格的界面营造出一种跨世代的视觉延续感，能吸引不同年龄段的用户。
随着数字产品的渗透度越来越高，设计中对用户心理舒适度和长期使用体验的重视程度也不断提升。
舒缓式界面设计将可预测性、可访问性和情感舒适度放在首位，而非追求持续的视觉刺激。
这类界面会减少不必要的通知提醒、降低视觉干扰，且谨慎使用动效；配色方案的选择以提升使用舒适度为核心，布局设计则注重一致性与清晰性。
舒缓式界面设计对生产力工具、健康类平台和用户日常高频使用的应用尤为重要。
2026年，尊重用户的注意力，已逐渐成为评判设计品质的重要标准。
随着触控技术、运动传感器和空间计算技术的不断发展，手势交互设计的应用愈发广泛。
在许多界面中，滑动、拖拽、长按和多点触控等手势操作，正逐步取代传统的可视化控件。
合理的手势交互设计能减少视觉杂乱，打造更流畅的交互模式，但这需要设计师做好新手引导与交互反馈设计，确保手势操作的易发现性与可访问性。
2026年，成功的手势交互界面设计，都能在保证直观易用的同时，兼顾设计的清晰性。
转载：人人都是产品经理
优秀的UI设计，能在表现力与克制感、创新性与易用性、美学设计与人文共情之间找到完美平衡。
设计师不仅关注界面的视觉效果，更重视用户的使用感受，才能打造出超越表面视觉吸引力、引发用户深度共鸣的产品体验
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
今天兰亭妙微UI设计公司来和大家聊聊在 B 端设计当中十分基础，但是争议越来越大的组件：步骤条
因为在过去很长一段时间里，步骤条几乎是 B 端复杂表单的“标配”，只要遇到信息量大的任务，设计师的第一反应往往是：太长了，用步骤条切分一下吧；产品经理设计原型也是：逻辑复杂了，步骤条来一下吧。
但是在 2026 年的今天，我们重新在看很多表单时，经常会出现滥用表单的情况，而很多高效的 SaaS 产品正在让步骤条退场，取而代之的时更扁平、直观的单页交互。
为什么会出现这种变化？我们在设计表单时，到底该如何抉择？今天我们就来深入讨论一下。
首先，在交互设计初期，我们需要承认步骤条确实做出了很多贡献。在交互设计的理论当中，步骤条的核心价值在于“降低认知负荷”。
它利用的就是心理学中的“组块化”原理，将一个庞大的任务（比如 50 个填写项）拆解为若干个小任务（Step 1、Step 2、Step 3）。
这种逻辑非常线性，同时能够降低用户的理解成本，通过步骤引导用户，避免了他们在复杂的流程中迷路，所以最初在 C 端产品当中经常使用。
同样这样就造成了很多设计师的路径依赖：只要表单长，就用步骤条，产品经理的视角也是如此
然而，这种线性逻辑遇到复杂的 B 端业务时，问题就会出现。
因为 B 端通常都是专家型用户，他们在处理业务时，需要的往往不是“保姆式的引导”，而是“全局的掌控感”。
步骤条在 B 端复杂场景下，存在三个致命的体验缺点：
这是最严重的问题。想象一下，一个采购员正在创建一个复杂的入库单，如果使用步骤条，他必须填完基础信息点击下一步，才能看到物料明细。
但在实际业务中，他可能需要看着“物料明细”的种类，反过来去修改“基础信息”里的仓库类型。
步骤条这时候就是一堵墙，切断了信息之间的联系。用户被迫在“上一步”和“下一步”之间反复横跳，导致使用步骤条表单异常痛苦，极大地降低了录入效率。
B 端的高效录入讲究的是 连贯、一气呵成，通常需要高效的无鼠标快速操作。
而步骤条的每一次“下一步”点击，本质上都是一次系统级的强打断，它强制用户从输入的心流中抽离出来，停下手中的动作去寻找按钮、等待页面校验或刷新。对于每天要处理上百个表单的业务员来说，这种高频的中断会成倍放大操作的疲劳感。
在传统的单页长表单中，发现数据填错，用户只需鼠标滚动回去修改即可，所见即所得。
但在步骤条模式下，修改成本被无限放大：用户可能需要连点两次“上一步”，修改完成后，再连点两次“下一步”才能回到原位。
更糟糕的是，B 端表单不仅用于“新建”，更常用于数据的“二次编辑”。如果是为了修改最后一步的某个小字段，用户却不得不把前面的步骤全部重新点击过一遍（甚至可能触发连环的必填项校验拦截）。在编辑场景下，步骤条带来的交互冗余是成倍增加的。
目前我们看到越来越多的系统，正在提出一个新的要求：“非必要，不步骤”。
B 端产品开始转向“长表单 + 锚点导航”的模式。这种现象我认为其实就是在：把业务的处理掌控权，彻底交还给用户。
全局视角：目前其实最常见的做法就是将基础信息、详细配置、关联数据等所有模块，展示到一个空间当中，配合页面当中的 锚点定位，用于告诉用户页面的整体情况，这样就能消除未知的焦虑。
随机存取：在表单层面，我们希望彻底解放线性顺序的束缚。用户不再受制于系统，可以根据手头掌握的资料灵活决定录入节奏，对于很多当前信息缺失的情况，我们可以提供更多新增的入口，减少用户跳转。
同时需要考虑草稿箱、暂存等功能，给表单提供非线性的操作路径，才能契合真实的复杂业务场景。
沉浸式心流： 通过上下翻页替代步骤跳转，我们发现在单一页面中，能够使用户更容易沉浸心流，专注填写。
难道就不能用步骤条了？
作为设计师，我们需要明确步骤条的使用决策。
在决定使用哪种组件时，先问自己两个问题：
Q1：后续步骤的内容，是否与前一步内容会有依赖？是 → 使用步骤条。（比如：Step 1 选了“企业”，Step 2 才出现“营业执照”上传入口；选了“个人”，Step 2 则是“身份证”。前后有强逻辑耦合。）否 → 使用单页锚点。（比如：填写入职信息，基本信息和教育经历之间没有逻辑依赖，只是信息的类目不同。）
Q2：这个任务是否是一次性的、不可逆的？是 → 使用步骤条。（比如：大额转账汇款、极低频的系统初始化向导，需要用户步步确认，谨慎操作）否 → 使用单页锚点。（比如：日常的高频数据录入、编辑商品详情信息）
其实在我看来，很多系统“去步骤条化”，本质上是要求设计师跳出组件库的舒适区，重新深挖业务场景。
作为 B 端设计师，我们不能成为盲目拖拽组件的执行者，而要在业务效率与交互心智之间找到最佳平衡点，这才是我们不可替代的价值。
转载：人人都是产品经理
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
作为专注于体验设计的创新团队，兰亭妙微UI设计公司认为：一个好的设计，不仅要解决问题，更要抚慰情绪。我们从“不确定感”“压力”和“关怀”三种典型情绪出发，重新拆解航班状态页的设计逻辑，让它不再是冰冷的工具，而是成为用户旅程中善解人意的“情绪伙伴
你有没有匆忙赶着去机场的经历？是否也在航班延误时感到过焦虑？ 这些情绪我们都曾体验过——但它们真的被运用到设计中了吗？
这一次，我们从“情绪”出发，重新设计了航班状态页，分享 3 个由用户情绪驱动的设计决策。
想象一下这个场景： 用户可能正坐在赶往机场的火车上。一边盯着时间，一边核对路线，脑子里不断计算着：“我来得及吗？万一航班有变化怎么办？”
这是一种非常典型的不确定时刻。 不是恐慌，而是那种微妙却持续的紧张——用户此刻只想确认一件事：一切是否仍在按计划进行。
我们的设计回应在这个场景中，用户最需要的，其实就是航班状态信息本身的确定性反馈。 而最常见、也最容易引发误解的状态之一，就是航班“延误”。
但延误并不等于灾难——航班依然会飞，有时甚至反而给用户多出了一点赶往机场的时间；起飞延误，也不一定意味着落地延误。
而在旧版本中，“延误”与“取消”使用了同一种红色。这种表达，会在第一秒就把“延误”解读为一种危险信号，放大了用户原本就存在的不确定感。
因此在改版中，我们将“延误”的颜色调整为橙色：
一个颜色的变化，背后对应的其实是一种“风险等级可视化分级设计”，而不是简单的视觉改动——让信息 既足够被看见，又不会过度制造恐慌。
也正是在这种细微的情绪调节中，用户的不确定感被悄悄降低了。
再换一个场景：用户已经站在值机柜台前，一只手拿着护照，另一只手扶着行李，也许身旁还有一个小孩正拉着他们的衣角。外部刺激密集、节奏迅速，这是一种短暂但强烈的压力时刻。
在这种状态下，用户最迫切的需求，往往不是“浏览”； 而是马上确认关键信息是否齐全——PNR 号、行李额度、值机所需的任何关键信息。 这不是一个可以让用户慢慢寻找入口的时刻。
他们只想快速、明确、毫不犹豫地进入「我的预订」。
我们的设计回应
航班状态页，往往是用户走到柜台前最后查看一次的页面。 因此在这个高压场景中，“我的预订”必须是第一时间被看到的入口。
在这次改版中，我们做了三件小调整：
这些变化看起来都不大，但它们背后遵循的是同一个原则：在高压力状态下，为用户提供「最短决策路径（Shortest Decision Path）」。
当用户无需思考“我要点哪里”，而是第一眼就知道“这就是我要找的”，压力，便在这一瞬间被有效削减了。
在旅程的后半段，节奏逐渐慢了下来。
用户已经通过安检，买了一杯咖啡，坐下等待登机。
在这个相对放松的时刻，他们偶尔会再次打开航班状态页，然后看到一个按钮：“分享航班状态”。
也正是在这一瞬间，用户的情绪，从“关注自己”，悄然转向了“想到别人”。
他们会想到来接机的朋友或家人——
是否顺利、是否会在机场焦急地反复确认时间。 于是，一个非常真实、也非常普遍的念头出现了：“我想让对方更方便一点。”
我们的设计回应
为了让这种“关怀”更容易被表达，我们在这次改版中优化了“航班分享”的入口： 让用户可以一键将航班信息发送给接机的人， 对方无需再向用户反复确认，便能直接跟踪航班的实时动态。
这不是一个效率型功能，而是一个典型的“情绪外溢（Emotional Spillover）”场景——用户所感知到的安心，被自然地传递给了另一端的人。
设计在这一刻所做的，只是顺势托住了这种善意：让用户，帮别人更轻松一点。
如果要总结这一切，我想说：设计不仅是在“做界面”，而是在“进入用户的情绪”。
这有点像演员的“方法派表演（Method Acting）”——他们不是站在外面诠释角色，而是走进角色，成为角色本身。
当你也带着这样的方式进入用户的情绪场景时，你会发现：
很多设计决策不再是反复权衡的“选择题”，而会变成一种顺理成章、甚至“非这样不可”的结果。
因为此时你已经不再是站在屏幕这一侧为用户设计，你是在用户的状态之中，替他们做出判断。
转载：人人都是产品经理
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
蓝蓝设计的小编 http://www.lanlanwork.com