本文探讨了组件库在UX设计中的关键作用，通过标准化设计元素，减轻用户认知负担，提高设计与开发的一致性和效率。组件库不仅有助于设计师和开发人员解决不同问题，还能确保用户面对熟悉界面，减少学习成本。
hp-ux 查看使用功率
欢迎阅读有关使用组件库的超级快速介绍。 对设计师，开发人员和用户都非常有用。 让我们跳进去吧！
60秒内的组件库
用户遇到的每一次互动都必须学习，这会产生认知负担。 如果用户界面的元素几乎相同但不同，这对用户来说尤其具有挑战性。 然后，用户必须解析“为什么这些不同？”，“如果我按下这两个按钮会发生相同的事情吗？”之类的问题。
首先确定设计中的常见对象，将它们定义为组件，然后（在设计屏幕时）可以将它们拉回原处。这样做会迫使自己变得更加一致。 您甚至可能会对使用相同对象解决不同问题所获得的里程数感到惊讶。
使用素描
实际上，您可以在Sketch项目中创建符号，也可以使用Craft by InVision插件。 要真正从组件库中获取价值，请与开发人员合作以获取代码中定义的相同内容。
它也不必是纯粹的视觉效果； 您应该定义每个对象的不同状态，甚至是复杂的交互。
使用组件库时，设计人员和开发人员可以反复使用相同的对象来解决不同的问题。 对于用户而言，他们将遇到熟悉的组件，而不必花费更多的时间弄清楚如何使用您的应用程序或网站。
特色UI套件
您会注意到此视频中介绍了一些UI工具包； 立即获取它们，作为Envato Elements订阅的一部分！
简单
基于干净的矢量形状，超过100个可编辑和可调整大小的Photoshop元素。 图层分组并组织得很好，元素易于调整大小和调整，以及编辑颜色。
Zoomie
适用于Sketch的社交媒体移动应用； 所有的屏幕艺术板都井井有条，层次分明。
翻译自: https://webdesign.tutsplus.com/tutorials/ux-in-60-seconds-using-component-libraries--cms-28550
hp-ux 查看使用功率
扫一扫
3252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
