设计的本质究竟是冰冷的逻辑推演，还是温热的情感表达？这个问题长期以来在设计界引发热议。有人执着于理性的精准与高效，认为设计的核心是解决问题；有人沉迷于感性的创意与共鸣，主张设计的灵魂是传递情绪。事实上，优秀的设计从来不是非此即彼的选择，而是理性决策与感性表达的深度融合 —— 理性为设计筑牢根基，确保方向不偏；感性为设计插上翅膀，赋予其打动人心的力量。

在流量见顶、产品同质化严重的当下，用户的核心需求早已从 “能用” 升级为 “爱用”。当基础功能成为行业标配，情感体验便成为产品差异化竞争的关键。情感化设计不再是锦上添花的装饰，而是构建用户与产品深层连接、提升品牌忠诚度的核心逻辑。它通过捕捉用户情绪、呼应情感需求，让冰冷的数字产品变得有温度、有个性，最终实现从 “功能满足” 到 “情感共鸣” 的跨越。

潘通 2026 年度流行色发布！网友：没想到是白色...

【1】随着iOS26发布，部分设计软件陆续在增加玻璃材质能力

【2】IF发布《2025年iF设计趋势报告》

【3】小米AI眼镜上线

【4】苹果iOS26 Beta3发布，液态玻璃效果回退

【5】Figma支持Liquid glass

【6】Figma Make AI 功能正式上线，面向所有用户开放

【7】腾讯开源混元模型 1.0，一键生成可漫游的 3D 虚拟场景

【8】 Luma AI 新增指令修改，视频编辑流程更快捷

1. 随着iOS26发布，部分设计软件陆续在增加玻璃材质能力

sketch beta版已加入液体玻璃效果，可以自定义相关的参数。

▲图片来自：sketch beta版

Figma也支持液态玻璃效果。

▲图片来自：figma软件

2.IF发布《2025年iF设计趋势报告》，报告将助力设计师深入理解未来变革性趋势

F 设计趋势报告 2025 是一本强调“设计介入社会系统”的指南。在面对数字化、生态危机、价值观重塑等全球议题时，设计不再是表层的装饰性行业，而是推动制度革新、关系重建和认知转变的战略工具。这份报告提供了：方向性判断、策略设计灵感、对未来的责任感与使命感。

▲图片来自： 《2025年iF设计趋势报告》

今年的《iF Design 趋势报告》聚焦于我们社会的六大主要转变：

1、CONSCIOUS ECONOMY 有意识的经济

2、HUMAN DIGITALITY人类数字化

3、CO-SOCIETY 共生社会

4、MINDSHIFT REVOLUTION思维转变革命

5、ECO TRANSITION 生态转型

6、GLOCALIZATION 全球本土化

CONSCIOUS ECONOMY 有意识的经济

现在消费者买的不只是价格，更看重企业对顾客的关心、后续服务和有没有社会担当。所以未来产品要和服务绑得更紧，靠贴心体验传递企业价值。企业得把战略重心从“卖东西”转到“顾人”上，在服务中既用技术解决问题，又满足人的情感需求，这样才能做出真正有温度的服务。

如：这家新成立的足球人才经纪公司的品牌形象深受年轻足球运动员的喜爱，并充分体现了其对球员需求以及体育产业的深刻理解。其企业设计以目标群体的语言进行表达，迎合了他们大胆、充满活力的天性。该设计注重在场上和场下创造空间的理念，象征着球员在职业生涯和生活中所面临的全新机遇。

▲图片来自： 《2025年iF设计趋势报告》

HUMAN DIGITALITY 人类数字化

随着技术的发展，现在的产品和AI交互太复杂了，过去光追求“简单”已经不够用了，得用“好玩有趣”的设计来化解复杂，让大家用得更开心、更愿意用！

AI伴侣（如陪伴机器人Ballie）通过人工共情提升用户体验。

如：伊库雷是个专门帮助自闭症孩子练社交的智能机器人。它能懂得每个孩子不同的情绪和反应方式，用AR投影和感应装备陪孩子玩，实时回应动作，在一个安全舒服的环境里帮他们练习。帮助这些孩子建立情感共鸣，增强他们的自我意识和表达能力。

▲图片来自： 《2025年iF设计趋势报告》

CO-SOCIETY 共生社会

繁荣需纳入个体生活质量、社会参与和生态可持续性，产品和服务不再只有实际用途，更承载了情感体验和价值理念，

如：这款科勒 x Remedy Place 联名冰浴桶将醒目设计、优化人机工学和智能科技（Kohler Konnect®）融为一体，提供可定制的冷水浸泡疗程，不仅兑现减少炎症、提升情绪和增强心理韧性的健康承诺，更成为展现优雅健康生活的标志性设计。

▲图片来自： 《2025年iF设计趋势报告》

MINDSHIFT REVOLUTION 思维转变革命

设计需打破刻板印象，践行无性别理念，摒弃性别标签；同时，更应关注心理健康，营造治愈性沉浸环境，缓解社会疏离感

如：德乌特儿童安抚背带Aircomfort Sensic Vario Netzrucken 系统为家庭徒步旅行提供了极大的便利，它在小巧的儿童背带中实现了出色的负荷分配和背部通风。该系统为父母和孩子都提供了舒适的体验，配有柔软的儿童头部垫和方便的安全带操作装置。

▲图片来自： 《2025年iF设计趋势报告》

ECO TRANSITION 生态转型

生态转型（循环社会+绿色科技+能源革命）正重塑全球发展路径。可持续设计作为关键响应，以智能循环、融入生物多样性为方法，重构“人-自然共生”系统，营造支持性环境与独特生态美学。

如：戴尔笔记本电脑套装倡议戴尔笔记本电脑多包装计划旨在重新设计现有的包装，拆箱过程节省了 60% 的时间。经过全面且反复的工程优化，与单个包装相比，每单位包装材料的重量减少了 38%，从而打造出更小巧、更环保、更具用户友好性的设计。

▲图片来自： 《2025年iF设计趋势报告》

GLOCALIZATION 全球本土化

未来的设计需要在全球视野下，在文化层面融入本土特色，实现有共鸣的文化交流，促进全球本土化如：滴滴的多元国际业务需要在多个国家和市场中为用户提供一致且高效的体验，为此打造Global One弹性化设计系统，以灵活、可拓展和在地适配的特性满足全球业务需求，在保障品牌一致性的前提下助力各国市场快速响应本土化需求。

▲图片来自： 《2025年iF设计趋势报告》

3.小米AI眼镜上线

过去两年，AI热潮席卷智能硬件领域，从手机到PC，各类终端纷纷拥抱AI重塑自我。沉寂已久的智能眼镜赛道也随之迎来爆发：Ray-Ban Meta联手AI注入新活力后，Rokid、雷鸟、李未可等国产厂商相继推出形态功能各异的新品。  纵观AI硬件，特别是以智能眼镜复兴为代表的发展态势，一个核心趋势已然显现：设备体验正经历从“智能化”向“无感化”的深刻转型。 

▲图片来自： 小米官网

4.苹果iOS26 Beta 3 发布，液态玻璃效果回退

在Beta3版本，将原来激进的高拟真液态玻璃效果，回退至雾面毛玻璃+渐变的形式，显著提升了文字可读性。

▲ 左：iOS 26 Beta 2 / 右：iOS 26 Beta 3 

来源：https://www.ifanr.com/1630100

5.Figma原生支持Liquid glass

▲图片来自：Figma官网

▲图片来自：X官网

继 Sketch 和 Motif 之后，Figma 原生也支持iOS 26 的液态玻璃（Liquid glass）效果。设计师可在 Figma 中直接应用该效果。用户可以灵活在工具栏中调节材质和效果。

https://x.com/i/status/1945513823949222239 

6.Figma Make AI 功能正式上线，面向所有用户开放

设计平台 Figma 正式向所有用户开放其 AI 工具 Figma Make。用户只需输入需求，即可自动生成网页原型、交互逻辑甚至基础应用框架。此前仅限付费用户使用的功能，现已全面开放。

网址：https://www.figma.com/make/ 

▲图片来自：Figma官网

▲图片来自：Figma官网

▲图片来自：Figma官网

颠覆传统设计流程的三大核心能力

1. 文字驱动创作

无需编写 CSS 代码，输入指令如“创建带邮箱/密码字段的登录页”，AI 即刻生成高保真界面及可点击交互元素。设计构想从概念到屏幕呈现的链路被大幅压缩，省去重复搭建画布的时间成本。

▲图片来自：Figma官网

▲图片来自：Figma官网

2. 视觉素材智能转化

支持上传 Logo、插画或照片，AI 自动解析视觉风格与布局结构，将其转化为可复用组件或页面背景。该功能打通“视觉稿→可交互原型”的转化路径，尤其适用于品牌宣传与内容营销场景。

▲图片来自：Figma官网

3. 现有设计深度增强

将 Figma 设计文件中的 Frame 直接导入 Make，AI 会智能补全交互逻辑与布局细节。在保留原始设计的基础上，快速实现原型功能升级，显著提升产出效率。

进阶能力：从设计到上线的闭环

4.实时发布可访问应用

生成的原型并非静态稿，可一键发布为真实可访问的 Web 应用。用户可通过 Figma Make 预览页面，或部署至自定义域名。

5.集成 Supabase 后端服务

内置用户认证、数据库等后端能力，结合自定义域名功能，实现“设计-开发-部署”全流程贯通。

6.对话式实时微调

选中特定元素（如按钮）后，通过自然语言指令调整细节：“添加紫色渐变效果”“增加悬停动效”。AI 即时响应修改需求，使原型优化更精准高效。

工具价值与适用场景

Figma Make 重新定义了设计生产力：通过融合文字指令、视觉识别与智能增强，将静态设计转化为可运行原型，并直接对接发布流程。

其价值在于：

a.消除设计师与开发者之间的协作断层

b.释放创意人员对技术实现的依赖

c.加速从概念到可体验产品的转化周期

适用群体：产品经理、UI/UX 设计师、初创团队及任何需要快速验证想法的创作者。建议即刻体验，抢占AI驱动的产品开发效率先机。

7.腾讯开源混元模型 1.0，一键生成可漫游的 3D 虚拟场景

在2024世界人工智能大会上，腾讯正式发布并开源 混元3D世界模型1.0（HunyuanWorld 1.0）。该模型支持通过文本或单张图片输入，一键生成具备360°自由漫游能力的3D虚拟场景，生成内容可导出编辑。其创新性语义分层算法兼容Unity等主流开发工具，实测性能超越全球开源对标模型，将推动游戏开发、VR应用及数字创作领域的技术革新。

网址：https://3d.hunyuan.tencent.com/sceneTo3D 

效果展示unsetunset

一些HunyuanWorld 1.0生成的360°沉浸式、可探索3D世界：

▲图片来自：混元官网

▲图片来自：混元官网

技术突破：解决三维生成核心痛点

1.当前3D世界生成技术存在两大局限：

视频驱动方案：场景多样性丰富但缺乏三维一致性，渲染效率低下

几何驱动方案：结构稳定性强却受限于训练数据匮乏与内存效率瓶颈

2.HunyuanWorld 1.0通过融合双方优势实现突破性创新：

全景世界代理技术：以360°全景图为媒介构建沉浸式空间

网格化资产输出：生成标准3D网格模型，无缝对接图形管线

解耦式物体表征：增强场景元素的可交互性与编辑自由度

8. Luma AI 新增指令修改，视频编辑流程更快捷

Luma AI 近日为其视频生成平台 Dream Machine 上线自然语言指令编辑功能。用户通过输入文本指令（如“调整黄昏色调”“替换背景建筑”），即可动态修改视频中的色彩、场景元素及视觉特效，编辑效率提升显著。该功能将大幅优化视觉特效师、动态设计师等创意工作者的工作流。网址：https://lumalabs.ai/ 

▲图片来自：luma ai官网

▲图片来自：luma ai官网

▲视频来自：luma ai官网

▲图片来自：luma ai官网

▲图片来自：luma ai官网

核心能力与技术进展

1. 语言驱动实时编辑

支持颜色分级、物体替换、场景重构等高频需求

修改指令即时响应，避免传统逐帧操作

2. 持续迭代的路线图

正解除当前仅限首帧修改的限制

即将推出全时间轴的帧级精确控制功能此次升级标志着AI视频编辑从生成向智能精修进化，通过降低专业技术门槛释放创意潜能。影视后期、广告创意及短视频创作领域将率先受益。

转自：腾讯ISUX

一直以来复杂的工业页面或者dashboard，都会采用比较简洁的UI效果，很少会增加一些质感。毕竟这类页面的设计重点是突出信息。但是来自RonDesignLab 的设计，给我们打开了新的思路。

其实毛玻璃本身也是一种突出信息的手法，只是大部分情况下使用来突出氛围信息。但如果把浮窗也做成毛玻璃的效果，其实在整体信息分级上会有更显著的效果。

让我们一起来欣赏一下吧～

All by @RonDesignLab 

转载：UX设计便利店

转载：微信公众号平面设计

21 让界面平滑显示而不要死板地呈现

用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

22 循序渐进的引导而不要直接让用户注册

与其让用户马上注册，何不让用户先进行一些体验式的操作呢。这个体验过程可以展示程序的功能，特性等。一旦用户通过简单几步的操作了解了程序的价值所在，那么它会更愿意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

23 过多边框会让界面四分五裂

过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。

24 展示产品带来的好处而不要罗列产品特性

市场就是这样的，用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。只有利益才更直观地体现出使用产品所带来的价值。Chris Guillebeau在他的著作《100美元起家》中指出，相比压力，冲突，烦心事和未知的未来，人们在乎得更多的是爱，金钱，认同感和自由支配的空闲时间。所以我相信在展示产品特性时回归到利益上是必要的。

25 考虑零数据的情况

界面上经常需要呈现不同数量的数据，从0，1，10，100到10000+等。这里存在个普遍的问题就是：在程序最开始使用的0条数据到过度到有数据之前，该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时，用户看到的就是一片空白，此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序，在程序中创建数据。力臻完美永远是我们追求的目标，界面设计也不例外。

26 默认将用户引入

将界面做成默认用户选中想要使用你的产品，意味着如果用户真的需要使用，那么可以直接点击确定而不需要额外点选了。当然，也有另一种做法就是默认不选中服务，用户需要的话可以手动点选。前者这种设计更好的原因有两点。一是用户不需要额外点选，非常省事，因为默认设置为用户需要我们的产品或服务。二是这种做法某种程度上是在向用户推荐产品，暗示了其他人都选择了我们。当然，将界面设计成默认选择的样子多少存在点争议，有点强迫用户的感觉。如果你想道德一点，你可以要么把让用户选择的文字写得模棱两可，要么使用双重否定这样不那么直白的描述，这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。

27 界面设计得一致，不要增加用户的学习成本

自从Donald Norman的一系列著作面世后，界面设计中尽量保持一致性成了一个普遍遵循的准则。在设计中保持一致性可以减少用户的学习成本，用户不需要学习新的操作。当我们点击按钮，或者进行拖拽操作，我们期望这样的操作在整个程序的各个界面都是一致的，会得到相似的结果出来。反之我们需要新情境下重新学习某种操作会产生何种结果。可以在很多方面下功夫来实现一个一致的界面，包括颜色，方向，元素的表现形式，位置，大小，形状等。不过在让界面变得一致之前，记住一点，适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对，我们应遵从一致的设计准则，但适当地打破这种常规。

28 使用较贴切的默认值会减少操作

适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面，这是种非常常见的做法，可以帮助用户快速填完表单或者注册信息。

29 遵从一些约定而不要去重新设计

界面设计中遵从约定的准则跟之前的界面一致性准则很相似。如果我们遵从了界面设计中的一些约定，用户用起来会很方便。相反，不一致和没有遵从约定的设计则会提高学习成本。有了界面设计中这些约定，我们想都不用想就知道界面右上角（大多数情况下）的叉叉是关闭程序用的，或者点击一个按钮后我们能够预测到将会发生什么。当然，约定是会过时的，随着时间的推移，同样的操作也有可能被赋予新的含义。但要记住，当你在界面中打破这些常规时一定要目的明确，并且出发点是好的。

30 让用户觉得可以避免失去而不是获得

我们喜欢成功，没有谁愿意失败。根据心理学得到的可靠结论，人们一般更顷向于避免失去拥有的东西而不是获得新的利益。这一结论也适用于产品的设计和推广中。试着说明你的产品会帮助客户维护他的利益，保持健康，社会地位等要好过告诉客户这个产品会带来一些他未曾拥有的东西。比如保险公司，它是在销售我们出事之后可以得到的大笔赔偿呢还是在强调可以帮助我们避免失去拥有的财产？

31 具有层次的图形化展示优于直白的文字描述

具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明，可以在这些方面做文章：对齐方式，间距，颜色，缩进，字体大小，元素尺寸等。当所有这些调整运用得适当时，可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计，这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行，你可以乘坐高铁快速到达景区（从页面顶部瞟到底部），但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方，而不是对着空白单调的一个屏幕。

32 将有关联的功能分组而不是杂乱无章

将各个功能项分组合并起来可以提高程序的可用性。有点常识的人都知道刀子和叉子，或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑，符合我们平时的认知。

33 使用内联的验证消息而不是提交后再验证

在处理表单时，最好立即检测出用户所填写内容是否符合要求然后给出验证消息。这样错误一出现能就能得到改正。相反，提交后再检查表单会给出错误消息，会让用户感到乏力又要重复之前的工作。

34 放宽对用户输入的要求

对用户输入的数据，尽量放宽限制，包括格式，大小写什么的。这样做可以更人性化一点，也使得界面更加友好。一个再恬当不过的例子就是让用户输入电话号码的时候，用户有很多种输入方式，带括号的，带破折号的，带空格的，带区号和不带区号的等等。如果你在代码中来处理这些格式的问题，代价也只是你一个人多写几行代码而以，却可以减少无数用户的工作量。

35 让用户感觉需要快速做出响应而不是毫无时间观念

适当的紧迫感是个有效的战术可以让用户立即做出决定而不是等上个十天半个月。重要的是这种战术屡试不爽，因为它暗示了资源的紧缺或者活动的时间有限，今天可以买，但明天可能就无法这么低价了。另一方面，这一战术也让用户感到会错失一次大好的机会，再一次，应用了人们害怕失去的本性。当然，这种战术会被一些人嗤之以鼻，认为是不耿直的做法。不过，这只是种战术而以，并且在保持合法性的前提下应用也无伤大雅。所以请不要为了营销而在界面上制造紧迫的假象。

36 使用饥饿营销

物以稀为贵。饥饿营销给出的信息就是东西不多，只剩几件，明天再来，可能没了。你去比较一下批发与限量版的东西他们的价格差距有多大就知道了。回过头来看，那些批发商或者大零售商，他们也使用饥饿营销，以获得更好的销量。但在软件行业，我们经常会忘记有饥饿营销这回事。因为数字产品是可以很容易拷贝复制的，不存在缺货的情况。其实，在界面设计中，也可以将其运用起来与现实中的资源紧缺进行联系。想想一次网上研讨会的门票，想想你一个月可以服务的人数限制，这些信息都可以告知用户是有限的。

37 让用户选择而不是重新填写

这一界面设计中的经典准则是有心理学依据的，相比要让某人回想想某样东西，从一堆东西中认出某样东西会更容易些。辨识出一样东西只需要我们稍微回忆一下，通过一些线索就可以完成。而回想则需要我们全面搜索自己的大脑。也许这也是为什么试卷上选择题会比简答题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们进行选择，而不是让他们想半天然后自己填写。

38 让点击更轻松

像链接，表单的输入框还有按钮等，如果尺寸做得大一点则点击起来更方便容易些。根据费特定律，使用像鼠标这样的外设来点击需要一些时间，特别是元素比较小的情况下，时间会更多。鉴于此，最好还是把你的表单输入框，按钮等做大点。抑或者你可以保持原有的设计不变，只是把元素可点击区域（也就是热区）增大。这样的一个典型例子是手机设备上的文本链接和导航菜单，它们文字不一定很大但背景是拉伸的，在很宽范围内点击都有效。

39 优化页面加载速度，不要让用户等太久

速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者项目机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条，二是展示其他相关或有趣的东西来吸引用户的注意力（就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧）。

40 除了按扭外，快捷键也必不可少

当你的程序广为流传，应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法，快捷键就应运而生了。相比在界面上点来点去，快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J（后退）K（前进）快捷键组合，比如在Gmail，Twitter和Tumblr中。按钮固然好，但快捷键会锦上添花。

转载：微信公众号UI设计

1 尽量使用单列而不是多列布局

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

2 放出礼品往往更具诱惑力

给用户一份精美小礼品这样的友好举动再好不过了。具体来讲，送出礼品也是之有效的获得客户忠诚度的战术，这是建立在人们互惠准则上的。而这样做所带来的好处也是显而易见的，会让你在往后的活动进展（不管是推销，产品更新还是再次搞活动）中更加顺利。

3 合并重复的功能而使界面简洁

在整个产品开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块，它无用且降低了电脑性能。此外，界面上模块越多，用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。

4 客户的评价好过自吹自擂

在获得项目机会或提高项目转化率时客户的好评是一种极为有效的手段。当潜在客户看到其他人对你的服务给予好评时，项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。

5 频繁展示你的主旨来加深印象

多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息，这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候，你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。

6 将选项与按钮区分开来

诸如颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品：他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面，你就需要将可点击的元素（比如连接，按钮），可选择的元素（比如单选多选框）以及普通的文字明显区分开来。在下图的例子中，我将点击操作的元素设置为蓝色，选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。

7 给出推荐而不是让用户来选择

当展示许多项服务时，给出一个重磅的推荐项是个不错的做法，尽管推荐的设置无法满足所有用户。这么做是有理论依据的，一些研究已经揭示了这么一种现象：当面临的选择越多时，用户就越难做出决定。所以你可以高亮某个选项来帮助用户做出选择。

8 给出撤销操作来代替确定操作

假设你刚点击了一个连接或者按钮，撤销操作可以让操作流畅自然，这也符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。我还是更习惯假设用户每次操作都是正确的，其实只有极少数情况下才会发生误操作。所以，为了防止误操作而设计的确认窗口其实是不人性化的，用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。

9 指出产品适用人群而不是做成全年龄

你是想把产品做成大众化的呢还是有精确的适用人群？在产品定位上你需要更精确些。通过不断了解目标客户的需求及标准，你能把产品做得更好得到更多与客户交流的机会，并且让客户觉得你很专业，在这方面是独家提供的优质服务。把产品定位得精确的风险就是可能缩小了目标潜在客户的范围，也使自身变得不那么全能。但这种做得更专业的精神却反过来会赢得信任，权威。

（贴士：喜欢下图中可爱的小人物造型么？去了解MicroPersonas吧）

10 试着直接果断而不要唯唯诺诺

你可以通过不确定而颤抖的声音来表达传递自己的意思，当然也可以通过很自信的方式表达。如果你在界面中的表述用语多以问号结束，比如"也许"，"可能"，"感兴趣？" 或者"想要试试么？"，那么你完全还可以把语气变得更坚定一些。不过万事无绝对，或许适当放松措词让用户有自行思考的余地也是可以的。

11 界面要有鲜明对比让人容易区分

把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后，你甚至可以在色相环上专门选择互补色（比如黄色与紫色）来设计你的界面，以达到突出重心的目的。综合所有这些，最后得到的界面会使你的主要意图与界面其他元素有明显的区分，得到完美的呈现。

12 指明产地

指明你的地区，所提供的服务，产品来自哪里意义重大，同时也将与客户的沟通引入了一个更具体带有地域特色的场景中。指出具体来自哪里，国家，省分及城市，也是一种在进行自我介绍或产品展示时被常常提及的。当你在界面设计中实现这点时，让人觉得非常友好。同时指明区域也会隐形提高产品的声誉，好上加好。

13 精简表单内容

人生性就懒惰，在填写表单时也是同样的道理，没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。不是每个人打字都很快速的，并且在移动设备上进行输入更是相当麻烦的事情。问下自己表单中是不是每个字段都必需，然后尽量减少表单中的字段。如果你确实需要一大堆信息让用户填写，试着将它们分散在不同页面，在表单提交后还可以继续补充。过多字段很容易让整个表单显示臃肿，当然想简洁也很容易，只放少数字段。

14 暴露选项而不要将操作隐藏

你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的，那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期，省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。

15 把界面做得环环相扣要好过直白的排版

一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的，单列滚动的长页面是不错的，但是我们应该适当地设置一些小节，并且环环相扣，来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。

16 不要放太多链接分散用户注意力

为了满足各式用户的需求，在页面上放些链接链到这里链到那里是常见的做法。如果你的主要目的是想让用户点击页面最后那个下载按扭什么的话，就需要三思了。因为用户可能点击了其他链接离开页面了。所以你需要注意页面的链接数量，最好将用于导航与用于操作的链接用样式区分开。尽量移除页面不需要的链接会让用户点击到你的功能按钮。

17 将操作的状态或者进度呈现出来

现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标，比如邮件有已读或未读的状态，电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功，接下来准备进行怎样的操作。

18 不要让用户觉得是在完成任务

试想界面上有这样两个按钮：一个是"获取折扣"，另一个是"立即注册"。我敢打赌大多数人会点击第一个，因为第二个按扭让人感觉不到有利可图，并且"注册"让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。这种让用户感到好处的文字信息也可放在按钮旁边，不一定要做为按钮的标题。当然，正常的按钮还是有用处的，一般用于重复性操作频繁的地方。

19 让操作直观而不是让人觉得找不到上下文

不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态（比如页面上的地址信息点击后可以进行编辑）。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。

20 尽量显示全部内容而不要额外页面

在一个足够大的宽屏界面上最好还是直接给出表单，这比点击按钮再弹出表单要好很多。首先减少了点击操作，流程变得简洁也节省了时间。其次，直接呈现出表单可以让用户知道表单有多长，其实也是在告诉用户注册花不了多少时间。当然，这条规则适合注册表单非常简单的情况。

转载：微信公众号UI设计

作者 Lisa Cosme

作者 Pixsellz

除了组合形式，最能让button设计出彩的还是材质和风格。扁平风格简洁明了，以纯色或简洁的图标为主，适合现代简约的界面。拟物风格则模拟现实中的按钮，具有立体感和真实质感，能增加用户的熟悉感。幽灵按钮以透明或弱轮廓呈现，简洁而不突兀，与背景融合较好。还有带有动态效果的按钮，如点击时的变色、缩放等，增强交互性。此外，异形按钮可根据特定主题设计独特形状，为界面增添个性与创意。

下面来看一些好看的button设计。

作者 Aaron Iker

作者 Aaron Iker

作者Aaron Iker

作者Buzuk

作者 Gleb Kuznetsov

作者 Max Rudberg

你最常用和最喜欢的button，都是样的呢？

转载：UX设计便利店

• 作为数据录入的组件，数字键盘适用于简短且整数的特殊场景下，如：数字录入、百分比录入。备选的数据信息以宫格布局呈现，用户可以快速点击数字键盘中需要填入的数字。相比下拉菜单和上下箭头数字输入框相比，更直观，易用性更强。
• 对于擅长键盘盲打的研发工程师类角色来说，仍然可以通过物理键盘录入数据；而对于不太熟练操作键盘的大多数用户来说，可以通过直观的数字键盘点选录入数据。数字键盘组件甚至还能帮助用户自动计算已填数据，实现一键补全。

• 数字键盘作为一种兼具选择录入便捷性和手动输入灵活性的数据录入组件，为不同类型的用户提供了高效、准确的数据录入体验，不仅提升了数据输入的便捷性和准确性，而且通过适应不同用户的操作习惯，增强了产品的普适性和用户满意度。
  继而我们也将数字键盘组件在其他使用场景进行了拓展，比如，其他场景下数字键盘上集成了手动录入的输入框，备选数据可以根据用户设置的起止日期进行自动计算，不仅帮助用户减轻了操作难度也极大节省了用户的时间成本。

• 针对以上用户使用中的痛点，我们在页面中关键区域设置了一系列操作指引性的任务提示卡片，并在卡片上设置明确的引导文案及操作按钮，以减少用户因不熟悉产品功能或者页面信息过多而找不到操作入口的问题；
  引导用户点击“去完成”、“去操作”等操作按钮直接跳转至应该操作内容模块或相应页面去完成应该完成的操作，这样就使得不同用户在不同环节完成相应的任务，保证流程顺畅的走下去。

• 任务提示卡作为一类高效的即时指引工具，已在多个用户使用场景下发挥了关键作用，不仅帮助用户提升了完成任务的效率，也在一定程度上缓解了用户的焦虑。该组件的设计初衷是为了解决当用户面对复杂或不熟悉的操作时，为了用户提供即时的指引。
  在不同系统平台的适配过程中，我们特别注重交互模式的灵活性和适应性，以适应不同的适用场景。例如，我们将传统的卡片视图优化为列表视图，并支持多个操作项，实现了用户所见即所得的直观体验。

• 当用户在切换一个常驻但因为屏幕尺寸而没有展示在菜单栏上的应用时，需要先点击更多【应用图标】进入更多页面。
• 再定位到需要切换的应用图标上进行点击才能完成整个【切换】的流程。
• 当我们洞察到用户使用菜单栏的痛点后，在后续的迭代优化时。在更多应用的图标上增加一个悬浮事件。

• 鼠标悬浮时，它就像一个传送门一样将用户需要切换的应用呈现在浮层卡片上，用户点击所需的应用即可完成应用的切换。