如何创建UI设计组件

将UI设计元素转换为组件意味着我们可以多次重用它们，帮助加快工作流并保持一致性(图片来源:Daniel Schwarz)

组件可以节省大量的时间，所有的UI设计工具都提供这个功能(如在Sketch中，它们被称为符号)。在Studio中，我们可以通过选择组成组件的所有图层并使用⌘K快捷键来创建组件。

正确的。因此，这将是创建一个组件的理想机会——特别是标题+文本+按钮组合。注意我是如何创建一个中性光的“卡片”背景，以便使用品牌按钮。类似地，中性光表单字段(表单字段通常是白色的，因为心理模型在历史上与纸质表单同义)在中性光背景上看起来不太好，所以它们只能在中性暗背景上使用——直接使用或在中性暗组件中使用。这就是我们如何在遵守规则和保持一致性的同时，使我们的UI设计变得灵活。

UI设计后压力测试

理想情况下，确保UI设计中健壮性的最快和最有效的方法是对其进行压力测试。对设计进行测试意味着残忍。假设我们有一个导航有X个导航项因为这是要求;为了确保灵活性，可以尝试通过添加更多的导航项来改变这些需求，或者，为了真正地解决问题，也可以尝试添加一个视觉层次高于其他导航项的导航项。我们的尺寸、字体和颜色规则允许这样的东西吗?或者为了提供最佳的可用性，我们是否需要另一条规则?

请记住，添加规则和修改规则是有区别的。更多的边缘情况意味着更少的一致性，所以大多数情况下，为了可用性考虑，最好只是重新考虑UI设计组件。

转载请保留出处及原文地址:https://www.shishangjue.com/article/418.html