1. 首页
  2. 网页设计
  3. 正文

优秀网页设计的七条基本准则

  新时代的网页设计以响应式理论为蓝本,力图在不同设备上呈现一致的网页浏览体验。

  而响应式时代依然不变的设计基本准则又是什么呢?一起来看看下面的七条,望诸君设计时铭记于心。

  1.优秀的网页设计应该简约,并且完整

  设计大师往往都是哲学家,他们往往保持一种包容的设计态度,不会采用极端的设计方式,他们的设计往往是一种平衡之美。

  我们可以画出一个横轴,左边是简约、右边是完整,而最好的设计会聪明的选取中值(如下图)


  网页设计必须简约,任何无用的特质都必须移除;与此同时,网页设计必须能够满足用户需求。

  太简单的网页如果没有空能支撑,那么从里到外就真的是”空洞无物”了。

  太复杂的网页如果缺少简约的收束,那么便会”尾大不掉”,让用户阅读困难。

  “言简意赅”的设计才是好设计,一个设计师的掌控力得以体现。

  总结起来就是一句话:一个布局、风格具有简约美,同时又能提供大量有价值信息的网站必定受用户欢迎。

  2. 用户往往缺乏耐心

  互联网充满了机遇,每个人都想通过简单的操作便能获取所需信息。

  互联网的信息浩瀚如海,你并不是唯一的信息提供者。

  亘古不变的是:用户的时间宝贵,他们缺乏耐心。如果你不能提供便捷的信息,那么他们会选择离开,进而寻找其他网站来谋求信息。

  想要做好这一点?说白了,就是信息层级要清晰,加载速度要快。

  而最近出现了一种新方法,Luke Wroblewski在他的文章中提到过,叫做框架读取,也就是加载了多少内容,呈递多少内容,推荐各位尝试。

  3. 网页设计必须具备一致性

  想像一下你作为网络浏览者时的经历:你在浏览网页时,一般都不会详细阅读内容,你会快速滑动页面,大致浏览一遍,如果看到感兴趣的信息便停下,进行仔细阅读。这是一种用户习惯。

  用户的这种阅读习惯意味着什么?这意味着设计必须具有高度的一致性,用户看到前面的布局,对后面的布局有一种”预期”:他会认为后面的页面布局也是如此,不要破坏用户的阅读节奏感。

  同样的,同一页面的各个元素以及各个子页面之间必须要具备一致的联系性,也就是说设计师的设计模式应该专一,再举个简单的例子,如果主页的导航栏布置在上方,子页面的导航栏布置在侧边,你认为用户会高兴吗?

  4.将导航菜单作为交互的”核心”

  上面已经提到过,各个页面的导航栏必须具备一致性。有时候,好的网页设计和差的网页设计差距就在导航菜单,好的导航菜单成就了一款设计,坏的导航毁灭了一例网站。

  每当用户有问题时,他都会习惯性的翻阅导航菜单,这也是用户习惯,要注意。个人认为,导航是网页设计的核心元素,影响到网站的交互性,至于要怎么设计,仁者见仁,智者见智了。

  5. 留白和信息同样重要

  “内容为王”、”内容至上”是吗?那我就提供大量丰富信息,把网站全部都填满。”这种设计思想真是大错特错,太片面了。

  你要有这样一种观念:留白也是设计的一部分,那些不使用的空间也能发挥其作用。从用户的角度来说,留白很好,让布局更有条理,信息更清晰。

  太刚强的事物容易折断,有张有弛才能长久。网页设计也是同理,多给用户一点阅读呼吸空间,让他们感受到网页设计的”节奏感”。

  各位可以自行想象一下,如果一款网页中一点留白都没有,到处都是密密麻麻的文字和图像,你会感到舒服吗?

  6.用心的设计都有清晰的视觉层级

  明智的设计师不光会创造内容,还知道如何高效组织内容,传递信息。视觉层级对于信息呈递来说异常重要,优秀的视觉层级还能帮助设计师强化设计理念。

  空间排布、间距使用、整体布局,关于这些的探讨已经够多了,归根结底,无非是为了打造优秀的视觉层级。

  7.永远不要忽略字体

  内容为王,那么内容是由什么包装的呢?答案是字体,这种小小的细节能造就大差异。字体的清晰与否决定了信息呈递的结果。

  扁平化设计强化了大家对于字体的重视,这一点我很赞同。

  还有一点趋势不容忽略:屏幕越来越大。那么字体呢?

  本文虽然是老生常谈,但是我相信这些准则不会随流行而改变,想要设计出更优秀的网页?别着急复制流行了,先磨磨你的基本功吧。

    延伸阅读

  • 外贸谷歌SEO需要把握的点!

    谷歌作为全球最大的搜索引擎,虽然在中国搜索引擎市场份额不及百度,但是做好谷歌排名,所带来的网站流量也不可小觑。谷歌在它的发展过程中形成了一套独特的首页收录习惯,也拥有自己的搜索...

  • SEO优化网站如何书写网站标题!!

    看到一些网站标题总是很随意的,直接写某某某公司,某某某的网站。试想,你不是名人,人家是不会搜索你的。除非你也出个什么门,那么你会很热门。所以我们要按照主席的指示,从实际出发。下...

  • 百度优化和谷歌优化需要注意的点!

    很多人来问我用baidu优化的方式来做google为什么行不通呢,他两的优化区别有哪些呢,今天我们来总结下百度优化与google优化的不同之处:一.baidu注重内部因素,包括...

  • SEO优化:网站图片优化的要点!

    我们在做网站seo优化的时候,通常会忽略的一点就是网页的图片优化,部分人在图片选择上没太多要求,觉得网页有图有文就可以了,以至于会发生图片像素不高、尺寸不合适、图不对文等情况发...

  • 杭州网站seo优化的三大注意事项

    杭州互联网发达,网站seo优化的从业人员也很多,网站seo优化这块出现的问题也很多,比如网站关键词排名优化了很久,但是一直上不去,排名始终不变,很多站长因此愁白了头。今天小编为...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/6251.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();