主页/ 电商学院/网站开发/网站设计如何让视觉画面更有层次感

网站设计如何让视觉画面更有层次感

归类:网站开发
一个网站,是由好几个内容模块组合而成。这几个模块之间相互相承,独立发挥它特有的作用,几个模块组合起来又是一个统一好看的整体。一个好的网站,必须要做到每一个模块都是那么的引人注目。那么如何才能做到吸引人的目光,延长客户个停留时间呢?这一期,我们从视觉层次感方面去分析怎么做好视觉效果。
 
为什么做视界要有层次感呢?因为,一个板块里面有很多内容,包括文案、产品图片、图标等等元素。它们之间是有重要,次重要,次要之分的。如果在排版上没有分好层次,那么将会一片混乱,人们的眼光不知道看哪里,给人一种毫无设计感的感觉,如下图:

网站设计1

那么如何才能突出视觉层次感呢?
 
文字大小的区分

一般来说,主标题的文字要大要突出。因为文字目标越大,越容易吸引别人的注意力。然后次重要,次要文字字体依次减弱,这样就能做出层级区分。
 

网站设计2

 
粗细区分

粗细区分是指同一种字体的情况下,加粗的字体比不加粗的字体更加能突出重要性。能提升层级关系和美观度。

网站设计3

字体区分

不一样的字体组合起来,会让画面更加有说不出的视觉感受,会让画面更加多元化。当然字体不能是越多越好,只要用两三种搭配就可以了。太多的字体的话会显得杂乱无章。

网站设计4

 
字体颜色的区分

色彩是个有强烈视觉冲击的元素,所以给重要的文案加上区别的颜色,会让人牢牢记住这个标题的内容,也能在层级关系中显得突出鲜明。

网站设计5

总结:在视觉效果创意的过程中,通过突出各种层级关系,让视觉效果达到和谐统一的高度,让这个网站发挥到它该有的作用,让用户能深刻的记住这个网站。
0 喜欢
366 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交