全站搜索

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

网站开发 284

一个网站,是由好几个内容模块组合而成。这几个模块之间相互相承,独立发挥它特有的作用,几个模块组合起来又是一个统一好看的整体。一个好的网站,必须要做到每一个模块都是那么的引人注目。那么如何才能做到吸引人的目光,延长客户个停留时间呢?这一期,我们从视觉层次感方面去分析怎么做好视觉效果。

 

为什么做视界要有层次感呢?因为,一个板块里面有很多内容,包括文案、产品图片、图标等等元素。它们之间是有重要,次重要,次要之分的。如果在排版上没有分好层次,那么将会一片混乱,人们的眼光不知道看哪里,给人一种毫无设计感的感觉,如下图:

那么如何才能突出视觉层次感呢?

 


文字大小的区分

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

 

 


粗细区分

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

字体区分

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

 


字体颜色的区分

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

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

上一篇: 下一篇:

相关推荐

  • 网站的用户体验如何延伸到网站之外

    333

    用户体验设计是我们大多数人与网站联系在一起的东西。 但是为什么我们不把它延伸到网站之外呢?   所以,我今天想做的是看看UX设计应该延伸到网站之外的领域,以确保从网站开始的无摩擦体验保持完好无损。    手机应用程序如今,网站上有类似...

    查看全文
  • 建站、开发小程序前先自问:会浪费吗?

    289

    我们关注到了个人和家庭的浪费,关注到了食物的浪费,但是,我们却忽视了企业浪费,特别是企业在数字化方面的浪费。   什么是数字化浪费?数字化浪费这一概念由来已久,最早是由企业提出来的。 大约是在2005年左右,一些品牌企业发现,它们投入到搜索、网络上...

    查看全文
  • Thinkphp3.2的volist标签的使用

    320

    在thinkphp3.2的模板渲染中最常用的模板标签 <volist name=”” id=””><volist>标签 主要是对查询的数据结果进行遍历循环 name是php查询数据库返回的数据集,id是当前循环的变量,可以随意定义 但是不能与name冲突,首先在控制器中首先对模版赋值...

    查看全文
  • 前后端分离开发之React框架antd的使用

    395

    antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。Antd有如下特性:1.提炼自企业级中后台产品的交互语言和视觉风格。2.开箱即用的高质量 React 组件。3. 使用 TypeScript 开发,提供完整的类型定义文件。4.全链路开发和...

    查看全文
展开更多