关于设计web页面的一点思考

关于设计web页面的一点思考

在做毕设的过程中，遇到了许多之前都不曾思考过的问题，例如在做页面设计的时候，以前想的很简单，把相关的页面元素拼凑在一起，不丑就行，但是在毕设中我把demo做出来之后，却发现非常的违和，跟正儿八经的网站一比简直是弟中弟，于是到各大门户网站去看他们的页面设计，总结了一些自己的方法，放在博客里记录下来。

一、颜色风格

我认为页面的颜色是在设计时应该首先考虑的，颜色赋予了网页生命，颜色拥有的丰富情感含义能在一定程度上提升访问者对于网站业务的认同感，同时也能为接下来的设计工作提供内容上的导向，下面举几个例子看一下。

红色是非常醒目的颜色，而深灰色可能含有稳重，可靠的意味，这样的颜色搭配比较适合的话题有错误、安全、测试等（没错就是你！麦咖啡）。

蓝白色是一种很常见的网页颜色搭配，蓝色能给人带来平静、和谐的感觉，因此这类配色能够很好地匹配大部分业务，像咨询、管理、申请等等。

橙色是一种明亮、积极的颜色，这类颜色很适合休闲、娱乐、购物等话题。

那些明度较低的颜色往往会给人带来严肃的感觉，当其在网页中占比较大时尤其如此，这类颜色会提醒访客网站的业务性质比较严谨、有条理，例如交易、合同、信用等话题。

在一个网页中各个颜色的占比也很重要，在使用大面积的醒目颜色时要慎重，这类颜色会在第一时间抓住访问者的注意力，因此把你最想要访客关注的内容放在当中是一个不错的选择，或者缩减颜色的面积以防止其喧宾夺主。

颜色的运用是一门很深奥的话题、它还包含明度、饱和度、色相、颜色互补等待诸多方面，近几年高级灰、高级色等概念也在众多的网页风格设计中不断涌现，如何用合适的颜色来迎合网页的业务特点，是一个非常值得探讨的问题。

二、页面结构

页面的布局和结构决定了访问者在第一时间获取到的信息顺序，合理的页面结构能让网站的使用体验变得轻松、流畅，访问者也能轻易地获取到自己想要的信息。
我的毕设demo页面结构就像是摊大饼，一大块一大块的，难看的要死

这是一种非常常见的页面结构（我也不知道叫啥），在这种结构中，网页的主要内容会被放到2号区域中，1、3、4区域则充当了导航栏、广告栏、菜单等角色，并且它们通常不会被填满，这样访客的注意力可以很好地聚焦在2号区域，同时也能轻易地找到访问其它页面的按钮。

这类页面结构通常出现在首页，访客通过滚动页面可以浏览到超出页面边框的内容，这样设计的好处是访问者不需要花精力在寻找菜单上，可以直接了解到网页的核心内容，每个内容块基本都会提供一些跳转链接供访问者使用。
页眉和页脚
并不是所有的页面都适合放入页眉和页脚，页眉和页脚是对于页面内容的一种补充或是引导，当一个页面包含了太多信息时，页眉和页脚可以用来引导用户作出选择，或者是充当菜单的角色，但是如果一个页面有着非常清晰的操作逻辑，同时页面上也不需要其它的冗余信息，只需要访问者关注当前的业务时，页眉和页脚就显得有些多余了。
当然，页眉和页脚也可以设计的非常简洁，这样它们就可以适用于大多数页面。