UI入门设计必须了解的弹出框设计原则

无论在网页设计还是APP设计中,弹出框的设计出现的频率都很高。因为要表现的内容不一样(表单,文字,插画),所以弹出框的样式不统一,设计的一致性被打破。而且弹出框出现的频率过高,会对用户的正常操作流程造成干扰。因此弹出款的设计是包含诸多原则和技巧的。

UI入门设计必须了解的弹出框设计原则

首先在设计弹出框的时候,我们要避免文字过多。弹出框的另一个主要功能就是用户引导,我们都知道用户引导本质上就是让用户更好的了解产品。如果想解释一个事物,最有力的武器就是文字,但是我们不能过度依赖文字。

UI入门设计必须了解的弹出框设计原则

因为对于用户来说他们不希望在使用过程中看到文字过多的引导提示,他们希望在短时间内就可以了解整个引导的要告知用户的内容。这个就意味着我们要减少文字的使用,或者说要精简文字。因为人类对于文字的阅读速度要远低于对于图像的“阅读速度”。我们在给用户文字提示的时候一定要记住搭配其他的视觉元素。

其次ui设计师在进行弹出框设计过程中,要考虑目标用户群和使用场景。以目标用户群为例,如果你的用户大多数年龄都比较大,那么弹出框采用浅色背景可能更加合适一点,因为内容更加的直观。而年轻用户更倾向于深色背景的弹出框,因为更加自然和时尚。

UI入门设计必须了解的弹出框设计原则

如果我们可以准确的定位到目标用户群为儿童用户,那么我们在弹出框背景上添加一些插画元素。使用场景涵盖的范围比较广,包括使用的时间,使用时的网络状态,心理状态和使用设备。这些都是我们在进行弹出框设计的时候需要考虑的问题。

相关推荐