失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > UI界面设计视觉层次感怎么做

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

时间:2019-05-18 10:29:55

相关推荐

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

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

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

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

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

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

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

如下图

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

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

1 清晰

1.1清晰-降噪-容器整合

1.2清晰-聚焦-局部放大

2 和谐

2.1 和谐-呼应-颜色呼应

2.2 和谐-节奏-变化对比

2.3 和谐-饱满-负形缩减

3 独特

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

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

1.清晰

1.1清晰-降噪-容器整合

设计目标:清晰

执行原理:信息降噪

执行方法:容器整合

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

如果觉得《UI界面设计视觉层次感怎么做》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。