logo
您好! 请登录 注册

常见问题

GO

线条线框在网站设计排版中的作用

发表时间:2019-05-26 16:16:51

作 者:广州微梦

关注:47

在做一个网站设计制作中,线条线框也是经常要使用到的元素,但如何用?作用是什么?大多数人也是不清楚、不了解、不懂得怎么把握一个度,今天我们就来聊聊线条线框在网站设计中的作用,以及线条线框设计的一些小技巧。

在做一个网站设计制作中,线条线框也是经常要使用到的元素,但如何用?作用是什么?大多数人也是不清楚、不了解、不懂得怎么把握一个度,今天我们就来聊聊线条线框在 网站设计 中的作用,以及线条线框设计的一些小技巧。

       


       1、装饰设计、提高细致感

 

线框在设计方案阶段中不仅能够当作点状元素,一样还可以看作为条状元素,这2个元素尽管同样,但用的目地不一样,充分发挥的功能也不一样,而线框在设计方案中则能够一起兼顾这两优势。



线条线框在网站设计排版中的作用



 

2、正确引导视觉

 

我觉得,设计方案类的专业知识许多的都是与生活起居密切相关的,试着着将设计方案类的知识结构图与生活起居结合在一起,针对记忆力和了解而言更为游刃有余。

 

比如图中的参数表,用线框做成表格形式,给人的视觉是连接成一个总体,每一个行每一列都规规整整,正确引导用户查看参数表,如果没有线框设计,参数表看起来就会很糟糕。



线条线框在网站设计排版中的作用




 

3、整齐视觉范畴

 

线框是提升网站界面简洁的常见视觉设计元素之一。当界面中有许多杂乱的元素时,线框可以有许多约束力和整齐连接的功能。线框在必要的条件下也可以有类似图形的效果。与图形相比,微弱的约束力可以起到整齐页面元素的效果。

 

对比下图:从左往右仅仅是有没有线框的差别,但在视觉上却有微妙了的差距,左边无线框元素的宣传图,给人的觉得是:视觉元素不足单元化,并且由于视觉元素多且沒有产生非常好的互相约束力作用,反倒有点儿排列不整齐;而右边只是利用加上1个线框元素,将诸多元素规为1个总体,划分视觉范畴,促使界面整体性提高了许多,并且看似元素许多,可是更是由于线框的约束力能力,界面非但沒有杂乱无章的感觉,反倒相对于左边界面总体看来给人的觉得更为齐整!



线条线框在网站设计排版中的作用



 

再看下图:网站新闻列表针对每条新闻都加了1像素的矩形线框,并且为了不影响主体的表达,在设计的时候做了半透明显示,让每条新闻看起来独立、可独行高,让整个新闻列表整体性更强,看起来更有条理,画面更整齐!



线条线框在网站设计排版中的作用



 

4、聚焦视觉重心点

 

这儿线框的就具有非常好的聚焦功能,由于线框的应用,促使行为主体在界面中的视觉品牌形象更为的独特,主导性更强,虽然仅仅是一个小小转变,可是针对界面行为主体来讲却具有画龙点睛的功能,具有很好的区划视觉重心点的功能。



线条线框在网站设计排版中的作用



 

 

以上就是线条线框在网站设计排版中的作用,希望对您有所帮助。

 

广州 网站建设 https://www.weizhan1.com/

 

 


相关阅读

I NEED TO BUILD WEBSITE

提交您的需求

快速提交您的需求,专业客户经理为您量身定制解决方案

  • 联系人*

  • 联系电话*

  • 需求*

  • 获取方案及报价

MAIL:service@wmcom.cn
地址:广州市天河区谭村路348号马赛国际商务中心1711

MAIL:service@wmcom.cn
地址:广州市天河区谭村路348号马赛国际商务中心1711

微梦科技提供 h5建站 企业网站建设 企业商城建设 小程序定制 网站优化推广 企业邮箱等一站式企业服务。

© 2018 广州微梦信息科技有限公司 All Rights Reserved
粤ICP备14015633号-7

© 2015 广州微梦信息科技有限公司 

All Rights Reserved 粤ICP备14015633号

在线咨询

您好,请点击在线客服进行在线沟通!

联系方式
咨询电话
020-29066483
上班时间
9:00 - 23:00
扫一扫二维码
二维码