UI界面设计视觉层次感怎么做

本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

UI界面设计视觉层次感怎么做?界面设计是一个很庞大的体系,具有很多原则,比如轻量、容错、清晰等等,其中包含了交互层面以及视觉层面等,今天我想单独把视觉剥离出来,来讲一讲我对界面设计“视觉层面”的理解与认知。

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

信息传递是让用户看的明白,快速清晰的获取信息;

视觉美化是让用户看的舒服,让界面足够美观;

创新创意是让用户看的惊喜,看到一些不一样的创意点。

如下图

三个维度的目标如何实现呢?我提取了以下三个关键词:

清晰、和谐、独特是我们要达成的目标,达成目标一定会有一些原理所在,而有了原理就会有具体的执行方法,所以后面的每一个知识点,我都会按照“设计目标-执行原理-执行方法”的逻辑给大家讲解,大纲如下:

1 清晰

1.1清晰-降噪-容器整合

1.2清晰-聚焦-局部放大

2 和谐

2.1 和谐-呼应-颜色呼应

2.2 和谐-节奏-变化对比

2.3 和谐-饱满-负形缩减

3 独特

3.1 独特-品牌延展-IP形象结合

3.2 独特-事物本意-事物图形化

1.清晰

1.1清晰-降噪-容器整合

设计目标:清晰

执行原理:信息降噪

执行方法:容器整合

当界面信息过于分散时,会对用户造成不必要的干扰


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部