如何创建UI设计组件

  • By 本站 - 2022-10-04 23:15
  • Read:551

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

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

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

UI设计

UI设计后压力测试


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

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


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

上一篇:在UI设计中考虑样式链接和按钮     下一篇:UI设计中的文档和协作

直线

设计总监
138-0225-7571

微信
WhatsApp

WhatsApp
+8613802257571