ui设计常见问题,ui界面如何整理( 二 ) _为啥你的UI界面感觉乱这7个常

1. 表单合法性检查在设计错误状态时，请尽量避免惹恼用户。特别要注意所有可能的形式检查。
例如，假设您有一个包含必填字段的表单。这意味着开发人员会进行相应的检查， “所有必填字段都不能为空。” 假设用户尝试以随机顺序填写表格。当第一个必填字段失去焦点状态时，它将返回错误：“请填写此字段。这是必需的！”
我们可怜的用户大声说：“等等，我只是在表单字段之间单击，甚至没有单击’提交’！” 而且情况甚至可能变得更糟。例如，假设您有另一个检查，“提交”按钮将被禁用，直到所有必填字段不再为空。
请考虑一秒钟。您的可怜用户没有做任何事情，也无法提交表格，但是您已经将他的几个错误归咎于他了。这肯定会激怒任何人，因此最好避免这种情况。
2. 权衡成本和价值不要听那些试图告诉您的开发人员，这将花费您很大的精力来以您想要的方式来实现。切记：不避免此问题将使您付出代价，你的客户将会流失。这是必须要做的，没有商讨的余地。
四、元素没有对齐许多设计师认为使用网格会限制您的创造力，从某种意义上说，这是事实。但是，如果您是UI设计的初学者，我认为有必要在打破规则之前首先学习这些规则。
适当的填充和间距可使布局看起来整洁有序，同时使读者更容易阅读和理解信息。
在逻辑块周围应设置相同大小的空间（例如，在顶部和底部以及左侧和右侧）。如果空间不均匀，您的页面将显得凌乱，并且用户可能不会平等地考虑每个部分。
填充太小意味着用户无法将内容分解为逻辑块。为了防止逻辑部分混合在一起，请将它们分开并在它们之间插入较大的空间。
维护视觉层次结构的一种简单方法是遵循以下简单规则：不同逻辑块之间的填充应大于每个块内标题和文本之间的填充。例如，假设您有一长串包含标题，副标题和段落的文本：
将标题padding-bottom设置为40px ，然后跟随一段文本。将段落padding-bottom设置为10px 。如果段落后有副标题，则将其顶部填充为30px（即，段落与子标题顶部之间的间隔为30px），将底部填充为20px（即，子标题底部与段落之间的间隔）将为20px，大于段落之间的间隔）。这将把重点放在最重要和最大的元素上。最大的文本（标题）周围有较大的空间。但是这个空间应该更接近跟随它的相关元素。

文章插图
五、对比度过低大多数设计必须要考虑到大多数人，其中包括盲人，色盲和视力障碍的用户。通常，我们会尝试设计看起来不错的产品，而忽略了要与我们的产品进行交互的不同用户。
成熟的设计师更倾向于克制的做设计。比如将文字缩小到8px甚至更小，使用浅灰色阴影（因为它看起来不错）。虽然它更适合我的UI界面布局，但是它忽略了有视力障碍的访客。
WCAG（Web内容可访问性指南）提到，必须要保证4.5:1的对比度。为了确保您符合这些标准，请下载Stark，它将检查您的设计是否可访问。
1. 保持留白如果您将两个完全不同的元素放置在彼此非常靠近的位置，那么用户将不会理解哪个元素是“主要”元素。这就是为什么我们可以说对比不仅是对元素应用不同的视觉样式，而且还涉及使用留白的艺术。这是因为有时为了使元素形成对比，您需要使用空格分隔它们。
留白对于使您的内容易于用户阅读很重要。当然，留白可能会被不正确地使用：有太多的留白或将太多的内容塞满了一个很小的区域。许多广告过多的网站也缺乏足够的留白。