当前位置:首页浅谈:网页的“空白”设计 举报文章

浅谈:网页的“空白”设计

作者:admin    来源:用户投稿    时间:2015.6.11   

  现在的很多网站越来越喜欢把更多的内容和元素整在一个页面当中,一方面网页上空间有限,位置寸土寸金,觉得一定要填满才不会浪费;另一方面,生怕漏掉了某部分内容,把一个页面弄得越来越多彩,以为这样可以更能满足用户的要求。但是一个网页的内容和颜色并不是越多越好,从另一个角度来说,空白恰可以将用户的焦点聚集在网页的内容上,比如,某购物网站的空白可以让用户在购物的时候将更多注意力集中到商品上,而不是看起来的干扰信息。网页的空白有以下几个方面的好处,在设计中我们应该加以考虑。

  首先,网页的空白能够让让网页的颜色显得更加鲜明。这也是空白最直接的好处,空白越多,越能突出网页中其他的色彩,使它们的颜色更加鲜艳,从而让用户直接就能感受到视觉带来的颜色冲击。这点对于吸引网站访客眼光有着很大的作用,因为空白使得网页衬托出的颜色深浅、饱和度甚至浓度都更加突出。例如,小米科技的首页左边部分,如下图,大多数的白色就让小米的主要风格颜色-橙色变得更加突出鲜艳,相信在用户的眼里,对小米科技商标的印象应该都是橙色的。特别是一些比较鲜艳的简单颜色,更能够创造出令人愉快同时吸引注意的外观,加上网页的空白部分衬托,更能够让用户印象深刻。

  其次,网页中的空白可以提升网页内容的可读性和易读性。一个网站内容并不是越多越好,空白可以改善与提升一个网站的可读性与易读性。如果一个网页上的文字过于拥挤,就会影响到用户阅读的舒适阅读,降低用户的体验。如下图是两个网站的对比,很明显图一和图二相比,图一的标题的文字段落、字间距等给人的感觉更舒适和宽敞,更有利于增强可读性。

  图一

  图二

  同时,网页中的空白可以让用户更加专注。几乎所有的搜索引擎之所以页面设计得如此相似简洁,有一点也是为了能够提高用户的体验,让用户更加专注地在搜索框中搜索信息,而不被网页上的其他信息干扰。因此,大多数的搜索引擎首页都是空白占大多数,页面中只有一个搜索框,因为空白让用户更加专注,能够减少对用户的打扰,让用户专注也是网站拥有良好用户体验的一种表现。

  总之,网页中留空白不是在浪费网页空间。传统的网页设计可能会认为设计页面的时候应该尽可能在页面中内填充各种颜色和加入各种元素。但从上面提到的几个方面有可以看出,网页的空白也提升信息可读性与易读性、可以让网页的颜色更加鲜明让用户印象更加深刻,可以提升用户的专注度体验。所以,网页中的空白不一定总是缺陷,如果能够认真利用,是可以带来不一样的用户体验。

  本文由私派定制酒http://www.sp999999.com原创,如有转载,请注明出处,谢谢!

好文打赏,给Ta鼓励
扫一扫用手机阅读本文
Tags:浅谈  网页  空白  设计  
  • 相关搜索
图片推荐
    当下网站优化你为什么需要不断的改进网站

    当下网站优化你为什么需要不断的改进网站

    笔者发现,随着搜索引擎算法的不断升级2015年网站优化用户体验呼啸尘上,2015年网站优化内容为王似乎是大家共同认可的话题,的确,当下网站优化是变得越来越不可琢磨了,笔者今天和大家分享,当下网站优化你
    百度本地标签与精准搜索营销有关?

    百度本地标签与精准搜索营销有关?

    最近不知道大家有没有注意到,百度搜索关键词时显示的结果中出现了本地标签,百度增加了这样一个内容,对于网站的推广排名以及用户的搜索有什么影响呢?相信百度这么做,有它一定的道理。  奇亿网络小编做了个试验
    电脑装机员必备:装机赚钱注意事项

    电脑装机员必备:装机赚钱注意事项

    IT行业飞速发展,导致各行各业竞争愈发激烈,电脑城中很多电脑装机员拿着微薄的工资补贴家用。在IT市场中,鱼龙混杂,并非每个人眼中所看,心中所想,或许同为电脑装机员,但是所赚收益却大有不同,有人会谩骂连
    BAOCMS商城即将上线 正版源码可以在线购买啦!

    BAOCMS商城即将上线 正版源码可以在线购买啦!

    BAOCMS新官网将为大家展现更多全新的功能,带来无限的惊喜。新官网不仅整合了公司旧网站的部分内容,还增加了系统源码在线购买、模板堂在线购买等新特色,更有私人专属定制服务,立即分销享受更多优惠,还有O
    李彦宏回应员工出走创业:他们竞争不过我

    李彦宏回应员工出走创业:他们竞争不过我

    李彦宏  【TechWeb报道】10月12日消息,百度CEO李彦宏近日做客央视《开讲啦》,并回答了现场观众的提问。  对于前百度员工出走创业,李彦宏称,我知道百度有不少人出去创业,这些创业者他们后来建
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面