可以看到，这里有很全面、专业、系统的组件知识供你阅读：识别二维码👇👇👇添加我的微信。带你加入设计师交流群，添加好友请备注：设计交流。另外，我主理的知识星球中新增了

端产品中常用的两个组件。最近有同学问我:“带有下拉菜单的面包屑应该怎么使用呢？”“标签页可以当作面包屑来使用么？”本文就来详细分析下这三者的区别和联系，帮助你做好应用。

给出建议（可选）”以上，希望你的产品在文案描述上更专业。识别二维码👇👇👇添加我的微信。带你加入设计师交流群，添加好友请备注：设计交流。另外，我主理的知识星球中新增了

阿里云设计中心（ACD）是一个成立了11年，多背景、跨学科的年是一个成立了11年，多背景、跨学科的年轻轻化团队，作品斩获

>>学员收到的网易offer！最终学成学员可达到入职大厂的专业水平！网易影视后期/0门槛

，不错过日后每一条来自大厂的经验分享。更多干货内容扫码可见👇👇👇公众号后台回复：设计交流，可加入设计师交流群，大环境很难，但你的设计学习不会孤单！———

5警告「警告」是指将不正常或即将出问题的情况，通过颜色、灯光、声音、动效等明显、特殊的方式进行警告，提醒用户及时修正错误。交互设计可借鉴工业设计中的报警器功能，用弹窗、灯光和声音对用户进行提示。

业务方对齐你可以直接找上游的产品经理或业务方，面对面聊聊新年规划，也可以翻看他们所写的今年业务规划文档和去年业务总结报告。两者相比较，会让你更清楚地评估出完成目标的难易程度，合理规划好时间精力。2.

对于信息的搜索、计算、存储、整合等能力是人类望尘莫及的。我们可以将这些能力应用在产品的体验设计中，比如：提升浏览器的搜索质量；优化智能客服的对话能力；完善智能机器人的陪伴聊天功能等等，结合

为例，介绍下日期表达的细节规范。（需要说明的是：以下规范是经过调研后总结出的通用规则，并非不可更改的行业基本准则，如果你的产品有其他表达方式上的需求，可以适当变更和调整。）

一个需求多个解决方案。不放过每一个设计的小需求或者小细节。把它们都当成是设计思考的机会，一个需求可以做出几套设计方案，加以分析和比较，确定最优解。你在做

——进步，指的是什么？每到年末，我们都会习惯性地回过头来，看看这一年收获了哪些成果，取得了哪些进步。有个朋友在和我聊天时说到了对于“进步”的看法。他很上进，认为进步就是

微信的浮窗功能也可以帮助用户更快捷地收录未及时阅读的内容，在打开时还可以定位到上次中断阅读的位置。用户不再需要整块的大量的时间来阅读长篇文章，可以更合理地掌控阅读节奏：

结果偏离航线如果你在工作的过程中产生了思路上偏移，没有及时纠正，往往会导致差之毫厘，谬之千里。你期待用最后结果给领导一个“惊喜”，很有可能会变成“惊吓”。

篇文章，内容包括我在大厂中的工作经验、设计思维、组件搭建等多个方面。我从中选取了一些反响不错的干货文章，按照不同的主题整理如下，希望对你的设计学习有帮助：1.

了解业务需求的目标与业务方做深入沟通，站在业务视角，透过现象看本质：一定要搞清楚业务每个需求背后的目标和方向。短期业务目标有时可能会因为某些限制而与用户体验相悖，但长期发展的大方向一定并不矛盾。2.

微信群聊天，大家通常都会设置“消息免打扰”，但也很可能会错过很多重要信息。微信可以在群聊设置中选择关注的群成员，这样这几个被你关注的群成员在说话时候，你就可以接到通知提醒：3.

最终结果：即你的设计产出和所解决的问题，包括成果数据和设计反馈。由此我们也可以得到下面这张设计工作报告的框架结构图，你可以用这种结构方式来描述和梳理你的设计工作内容：ADVICE

的设计规范进行整体升级，然后将升级后的规范写入算法，作为开发使用时的指导方案，让算法理性地计算和指导开发的工作，以此提升产研质量。举个例子，基于用户的“视觉层次模型”和“视线流”的研究，AntD

无障碍规范由于我们团队做的是国际化产品，所以对于无障碍设计的要求格外高。现在越来越多的产品也在布局出海战略，因此设计师对于组件无障碍设计的了解也是有必要的。你可以从以下几个方面来检验组件：-

不重要不紧急的工作，找方法你可以在白板上、本子上、数据表格或看板上画出这四个象限，接到一个工作就将它放到某个象限中，做完了就划掉（会很有成就感），以此来管理工作排期：△

“显现”，就可以直接调节这些变体的属性了：下图中，左边是我们组件使用布尔功能后的变体数量，组件可以达到和之前同样的使用效果，省时、省力、省空间：左边框中为该组件使用布尔功能后的变体样式

以上的设计时间。优化管理，提升设计资产可控性可控性，是设计团队管理的关键要素，产品设计文件是一个数字产品公司最核心的资产。而对于设计文档的可控性管理，也是企查查设计团队负责人刘高正通过

产品目标打磨细节，优化体验。产品体验没有最优，只有更优。你可以将精力用于产品目标的核心功能，推敲设计细节，思考体验创新性，提出行业内新的解决方案和表现手段，尝试做功能上或流程上的设计变革。

业务未来发展中可能会用到的方法。也就是根据业务的发展做前瞻性的、创新性的方向探索，提出一些概念性的设想和方案，协助业务更好的发展。你还可以阅读与本期话题相关的文章：💎

二手调研通过网络、书籍等方式获得的二手信息和资料。这两个调研都是广泛收集资料和信息的过程，所以模型使用的是“扩张”的三角形来表示这个过程（见下图）：调研阶段（Research）中的发散过程和收拢过程

是一个温控器，其实它可以是任意一种形状或呈现形式，但是设计师选用了圆形的表盘式，因此其中的交互方式也都是按照圆形的样式来做到软硬件的统一。表盘形态利用了人们转动旋钮来控制功能的心智模型

你可以把你所理解的问题描述一遍，询问面试官你表达得是否正确；也可以加上一点自己的理解，询问面试官这是否是他想要了解的内容。要知道，将他人的问题听清楚再作答，本身也是对他人的一种尊重。PART

组件业务性弱由于不接触业务需求，专职的组件设计师做出来的组件可能并不“务实”，过于理想化。组件在实际业务应用中可能会“不接地气”，没有那么贴合业务需求，或者在解决实际业务过程中仍然考虑得不够周全。📋

吃透业务把时间和精力放在理解业务和用户需求、参与构建产品上，尝试让设计思维更早地介入到产品构建的过程中。低代码平台也可以变成你与产品和业务的无缝对接的桥梁，也更便于你了解他们的工作目标和方向。2.

我增加的设计细节如何让他人看到价值和意义？如果你的设计细节对业务有价值，不需要你去刻意地喊出来，大家也都能看得到。但如果你只是为了彰显“设计的细节”，尤其是在业务以速度优先的时候，还是要三思。

脉脉上，如果对于自己所在的公司的内容进行评价，系统会直接采用随机命名的方式，给你起一个有趣的新名字，起到了保护你隐私的作用，让你放心大胆地讲实话：

分钟很多同学一提到“度量模型”这几个字就头大。我也收到过不少同学关于设计体验度量概念的问题，大多都是让我帮忙分析几个度量模型之间的优劣，想看看应该将哪一个模型用在自己的产品上。比如：“可以对比分析下

分钟我曾经在之前的文章中为大家介绍过有关「响应式栅格设计」的相关设计经验（回顾可阅读文章：响应式栅格系统落地和应用（一））。我也把一些同学对于「断点」概念的提问整理和分享给你，希望对你有帮助

模型和「两章一分」模型等等。因为产品的评估方式本就是多维度的，不同的产品又有不同的评价标准，所以大家各自沉淀、百花齐放。不过参考和使用这些方法的原则只有一条：适合自己需求的工具，才是好用的。*

的用户）认为这道菜太甜了。通过定性分析，你可能会得到用户喜欢或不喜欢这道菜的原因；通过定量分析，你可能会找到是否要改进这道菜的依据。而两者都可以帮助你找出优化和改进这道菜的方法。PART

临时层顾名思义，就是当前任务在操作时产生的临时信息、临时功能层，优先级高于当前操作任务本身，通常是当前需要临时处理的任务或者需要接受的反馈等，承载的方式通常为弹窗、抽屉、信息提示条等。

设计师对规范的掌握情况要检测，可以在发布组件规范后用简单的「小考测试」等形式，对设计师的组件规范掌握情况做检测。即使是简单的选择题，也可以帮助设计师强化对于组件的理解和记忆。TIP

设计指标和设计目标是不是一回事？今天统一对这样的问题做一轮总结，来聊聊设计目标、设计原则、设计策略、设计指标、设计方法之间的关系和区别。PART1概念区分我们先来对这几个概念的定义和用法作下区分：

帮助设计师与上下游团队拉齐信息，对于产品体验的理解达成一致。所以在制定产品的设计原则时，你也可以收集上下游其他合作团队的意见，从多个视角整理信息。完成后也要跟合作团队做发布和宣讲。ADVICE

2保险「保险」是指按照顺序运行两个以上的动作才能完成操作，多加一步操作步骤，给用户创造更多的思考机会和时间。在交互设计中的典型用法是增加弹窗、链接等形式提供更多信息，让用户进一步确认。

个为宜。分段控制器（Segmented）组件所包含的内容和信息可以更多样。用户在点击某个选项之后，通常会进行其他相关操作，包括阅读相关信息、查看表单数据等。因此我们可以理解为：用户操作

重视设计交接过程重视设计稿的设计说明和与开发沟通质量，消除双方的信息差。这样做一是可以保证开发对于细节理解得准确无误，二是如果有开发难以实现的效果，可以提前找好替代方案。2.

有理有据，分析过程要保留「组件优化的评审」比「业务需求设计评审」更加注重设计分析依据。因为组件评审人以设计师为主，而业务需求的评审人以业务和产品为主。设计师们之间的交流更需要有充分的证据和思考流程。

淘宝在购物车页面「看看别人买了啥」的功能，点击后可以随机看到陌生人的购物车。但即使是看上去的「随机」，背后也暗藏着算法的推荐逻辑：别人的购物车中，也经常会出现你最近浏览的、想要购买的同类商品：

问题排列有逻辑，由浅到深。问题的设置和排列要有逻辑。循序渐进，对于被调研用户来说更易阅读和理解，思路会更连贯，也不会太累。比如你可以尝试使用或结合以下排列方式：-

对于实现产品需求和业务目标来说，并不一定就是最优解。从「业务需求」和「产品需求」推导出的「设计目标」对设计稿的产出更有指导意义。（这一点我们在文章：设计师承接需求，三个层次体现你的专业能力！

邮箱则是展开一个新层级，只展示当前邮件内容页面，点击按钮返回即关闭。为什么邮箱的导航会有所不同呢？该怎么评价这两个导航交互设计呢？”相信不少使用过两款邮箱的朋友们都会觉得

框架稳定页面级组件可以使产品在响应式布局和整体框架上保持统一。简单来说，就是对于任何新增的页面，都不会出现模块所占的面积比例不一致、行间距不一致或表单宽度不一致等问题。2.

关注「长弓小子」看更多设计干货！Hi，我是元尧。欢迎长按下图二维码加我微信，带你进设计师交流群，与上万小伙伴一起交流成长！「添加好友请备注：设计交流」