网页设计技巧:用户体验设计和UI设计发布者：本站     时间：2020-05-23 11:05:34

1、常规的页面布局

常规上来说，我们把网页布局按照分栏的多少分为一栏式，二栏式和三栏式。

对于一栏式页面布局来说，一般在页面上放置一个具有冲击力的图片或者Flash来给用户留下深刻的印象，但是，这样的页面所能够容纳的信息量非常有限。所以常用于企业网站，以及一些小网站的首页，用于让用户记住你的站。此外，对于功能性比较单一的页面，也一般用一栏式布局，比如搜索引擎，注册和登录页面等等。

二栏式布局是最为常见的布局方式，二栏式又分为左宽右窄和左窄右宽式。这两种模式的选择是由于网站的性质所决定的。对于用户来说，他的浏览关注顺序是从左到右，那么窄的部分一般来说都是导航栏，而宽的部分则是主体内容部分，那么用哪一种方式将取决于你的站是内容占主体还是导航占主体，换句话说，是内容驱动导航还是导航来驱动内容。

举个例子，拿当当网来说，一般用户来买东西是有着明确目的的，他知道自己要买的东西是哪个类别，而对于主站的内容只是给用户的一个推荐。但是对于cnblogs来说，显然内容应该是大于导航的。所以其实在我看来，博客园的设计其实是并不合理的。

2、页面的通透性

页面的通透性是指尽量使整个页面的模块比例统一，同时通过线条，颜色等视觉元素增加各模块间的区分度，使得用户的视线轨迹可以有规则地通过各个模块，而不会被模块之间不规则的交叉所打断。

此外，根据“F”原则，也应该尽量将重要地，用户所关系地内容放在页面的左上角位置。

3、页面的配色方案

每个网站都要有自己的主色调，主色调指的就是页面色彩的主要色调，总趋势，其他配色的综合不能超过主色调的50%（白色背景除外）。

在选择颜色的时候，不仅仅要考虑颜色本身所代表的含义，如安全，浪漫等，还有考虑以下几种因素。

A. 目标用户群体。不同的用户群体对于颜色的审美爱好以及理解都不同，其中包括性别，年龄，职业等。

B. 当地文化风俗。如中国把红色作为喜庆的颜色，而欧洲大部分却把红色作为杀戮的象征。

C. 网站的类型。如电子商务站一般用暖色调来刺激用户购买，而SNS站则营造一个轻松的氛围。而垂直类网站一般都与自己的领域特色相关。

D. 品牌形象。我总结一句话就是根据自己的Logo以及企业形象来选择色调。比如IBM就一定会选择蓝色作为主色调。

4、页头和页尾

页头分为设计型头部和简约型头部。一般的大型网站，由于已经有着一定的网站知名度，所以无需在通过渲染头部来提高网站对用户的吸引力，加深印象。所以一般采用比较简单的简约型头部，比如新浪，腾讯，都是这样的效果。对于一些小网站来说，采用设计性头部给用户留下深刻印象，创造品牌效应，但是当设计性头部过于繁杂时，却使得内容的容纳量变小，从而造成一种头重脚轻的感觉。所以这个需要设计师的一种折中。

在页头上最重要的就是Logo，在现代网站的设计中，Logo起到两个作用，一个是标识，一个是让用户回到首页。

页尾一般来说并不重要，用户可到达的机会也少，所以尽量地去简化它，避免它占用内容所占据的位置。