网页设计技巧:用户体验设计和UI设计发布者:本站 时间:2020-05-23 11:05:34
1、常规的页面布局
常规上来说,我们把网页布局按照分栏的多少分为一栏式,二栏式和三栏式。
对于一栏式页面布局来说,一般在页面上放置一个具有冲击力的图片或者Flash来给用户留下深刻的印象,但是,这样的页面所能够容纳的信息量非常有限。所以常用于企业网站,以及一些小网站的首页,用于让用户记住你的站。此外,对于功能性比较单一的页面,也一般用一栏式布局,比如搜索引擎,注册和登录页面等等。
二栏式布局是最为常见的布局方式,二栏式又分为左宽右窄和左窄右宽式。这两种模式的选择是由于网站的性质所决定的。对于用户来说,他的浏览关注顺序是从左到右,那么窄的部分一般来说都是导航栏,而宽的部分则是主体内容部分,那么用哪一种方式将取决于你的站是内容占主体还是导航占主体,换句话说,是内容驱动导航还是导航来驱动内容。
举个例子,拿当当网来说,一般用户来买东西是有着明确目的的,他知道自己要买的东西是哪个类别,而对于主站的内容只是给用户的一个推荐。但是对于cnblogs来说,显然内容应该是大于导航的。所以其实在我看来,博客园的设计其实是并不合理的。
2、页面的通透性
页面的通透性是指尽量使整个页面的模块比例统一,同时通过线条,颜色等视觉元素增加各模块间的区分度,使得用户的视线轨迹可以有规则地通过各个模块,而不会被模块之间不规则的交叉所打断。
此外,根据“F”原则,也应该尽量将重要地,用户所关系地内容放在页面的左上角位置。
3、页面的配色方案
每个网站都要有自己的主色调,主色调指的就是页面色彩的主要色调,总趋势,其他配色的综合不能超过主色调的50%(白色背景除外)。
在选择颜色的时候,不仅仅要考虑颜色本身所代表的含义,如安全,浪漫等,还有考虑以下几种因素。
A. 目标用户群体。不同的用户群体对于颜色的审美爱好以及理解都不同,其中包括性别,年龄,职业等。
B. 当地文化风俗。如中国把红色作为喜庆的颜色,而欧洲大部分却把红色作为杀戮的象征。
C. 网站的类型。如电子商务站一般用暖色调来刺激用户购买,而SNS站则营造一个轻松的氛围。而垂直类网站一般都与自己的领域特色相关。
D. 品牌形象。我总结一句话就是根据自己的Logo以及企业形象来选择色调。比如IBM就一定会选择蓝色作为主色调。
4、页头和页尾
页头分为设计型头部和简约型头部。一般的大型网站,由于已经有着一定的网站知名度,所以无需在通过渲染头部来提高网站对用户的吸引力,加深印象。所以一般采用比较简单的简约型头部,比如新浪,腾讯,都是这样的效果。对于一些小网站来说,采用设计性头部给用户留下深刻印象,创造品牌效应,但是当设计性头部过于繁杂时,却使得内容的容纳量变小,从而造成一种头重脚轻的感觉。所以这个需要设计师的一种折中。
在页头上最重要的就是Logo,在现代网站的设计中,Logo起到两个作用,一个是标识,一个是让用户回到首页。
页尾一般来说并不重要,用户可到达的机会也少,所以尽量地去简化它,避免它占用内容所占据的位置。
选择我们,优质服务,不容错过
1. 优秀的网络资源,强大的网站优化技术,稳定的网站和速度保证
2. 15年上海网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------
24小时联系电话:021-58370032
关键词标签:上海网站建设 上海网站制作 网站优化 小程序开发