导航
  • 报考
  • 备考
  • 政策

报考

备考

复习资料

政策

行业动态

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

环球网校·2019-11-21 11:32:36浏览42 收藏12

请输入下面的图形验证码

提交验证

预约成功

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

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

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

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

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

清晰

清晰-降噪-容器整合

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

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

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

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

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

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

资料下载
历年真题
精选课程
老师直播

| 注册 | 电脑版

版权所有©环球网校All Rights Reserved