界面平面设计的视觉层面：信息传递如何做到清晰？容器整合

更新时间：2019-11-21 11:32:36 来源：环球网校

浏览

平面设计报名、考试、查分时间免费短信提醒

地区

获取验证立即预约

请填写图片验证码后获取短信验证码

免费获取短信验证码

摘要大家周一好呀！今天环球网校小编为大家带来的是界面设计的技巧。界面设计是一个很庞大的体系，具有很多原则，比如轻量、容错、清晰等等，其中包含了交互层面以及视觉层面等，今天我想单独把界面设计的视觉层面剥离出来，来讲一讲我对界面设计视觉层面的理解与认知。

在我看来，界面设计的视觉层面主要可以分为三个维度来解析：信息传递、视觉美化、创意创新。

信息传递是让用户看的明白，快速清晰的获取信息;视觉美化是让用户看的舒服，让界面足够美观;创新创意是让用户看的惊喜，看到一些不一样的创意点。

三个维度的目标如何实现呢?我提取了以下三个关键词：清晰、和谐、独特。

后面的每一个知识点，我都会按照“设计目标-执行原理-执行方法”的逻辑给大家讲解。

清晰

清晰-降噪-容器整合

设计目标：清晰，执行原理：信息降噪，执行方法：容器整合。

当界面信息过于分散时，会对用户造成不必要的干扰，导致用户产生疑惑甚至直接离开界面。

作为设计师，要做的就是对信息进行整合，我们可以称之为信息减噪，目的就是让页面更加清晰，减少干扰。

这里我经常使用“容器整合法”来让内容更加清晰、聚焦。

当分散的内容装进一个“容器后”，就可以使内容聚焦在容器当中，让信息更加规整。而卡片就是一个很好的“容器”。

现在很多产品都在使用卡片化的布局，尤其是在信息数量、层级较多的时候，更加需要有容器将其规整起来，这样才会让界面保持不乱。界面设计是一个非常复杂的系统，今天界面设计的视觉层面：信息传递如何做到清晰？容器整合，和大家分享了一些具有普适性的原则和方法，全当抛砖引玉，希望能够启发出你的更多灵感，加油。

编辑推荐

分享到：编辑：环球网校

资料下载精选课程老师直播真题练习

更多资料

更多课程

更多直播

更多真题