网页设计原则及实战经验技巧

什么是好的网页设计，网页设计原则理念

(1)内容和功能决定表现形式和界面设计

常常有人凭借电话的几句交流或者QQ上的几句聊天，甚至是一张句话的小纸条，就开始做一个网站设计。我觉得这都是敷衍了事的通用设计，很不专业不成熟的设计。做一个良好的网页设计，你需要了解客户的东西很多，比如：

1、建站目的(是主推产品还是平品牌，是主要注重SEO还是用户交互等)

2、网站类型

3、栏目规划及每个栏目的表现形式及功能要求

4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址

5、根据行业和客户要求，那些要着重表现

6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本

7、客户是否有强烈的建站欲望

8、你是否能在精神意识上控制住客户

9、面对你未接触的技术知识，你有底吗?

等等…

当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。

(2)界面弱化

一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。

要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网 站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中 国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

(3)模块化和可修改性强

模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。

无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮 的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的 字体字号有几类：

宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | Arial Black 12px+ |

(4)创意是可耻的，分析能力远比创意来的重要

设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义和内容，还没在技术制作上臻于完善的基础上，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。

网页设计的实战经验技巧

(一)网页配色基本概念

(1)白纸黑字是永远的主题，谁都说不出不好来。

(2)网页最常用流行色

兰色——蓝天白云，沉静整洁的颜色。

绿色——绿白相间，雅致而有生气。

橙色——活泼热烈，标准商业色调。

暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。

(3)颜色的忌讳

忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧!

忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱!

忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。

蓝色忌纯，绿色忌黄，红色忌艳。

(4)几种固定搭配

蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。

绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

(二)网页设计理念

(1)内容决定形式

先把内容充实上，再分区块，再定色调，再处理细节。

(2)先整体，后局部，最后回归到整体。

全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向

看网站的用途，决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的，就要突出师资和课程。

设计网页要先把用户分析透彻

    当运营一个网站的时候就会发现，搜索对客户来说相当重要，并且很多用户对搜索比较依赖。如果网站的内容相当丰富，怎样才可以帮助客户快速找到想要的内容在设计网站过程中相当重要。用户对搜索功能的要求非常简单，只要可以找到内容即可。所以设计网页要先把用户分析透彻了再说。 设计网页要先把用户分析透彻 　　设计网站很重要，并且只有满足用户需求的网站设计才是成功的设计。怎样才是对设计的需求呢？前期的调研分析和策划就...

       深圳罗湖美泉古董收藏跟虎网科技签定网站建设合作协定 美泉是经深圳市罗湖区工商局审核的有资质公司，统一社会信用代码：91440300359448258Y。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备15114350号。美泉处于深圳市罗湖区东门工人文化宫东升邮币市场一楼DB2号。美泉选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，...

       福田宏德旺五金模具跟虎网站签下网站建设合同 宏德旺是经深圳市福田区工商局审核的有资质公司，统一社会信用代码：0000。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备11103728号。宏德旺位于深圳市福田区沙井镇和一村北方永发科技园9栋2楼。宏德旺选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，价格相对较高，适合于大中型...

       提高网站可用性和转化率的工具 网站建设的核心关键是“如何发现潜在客户并有效的转化为合作客户”，这里提到有效的转化也就是说找到的客户不一定会选用我们的产品或者服务，成为了我们的客户的转化才是有效的转化，那么在竞争如此激烈的网络时代，我们该怎么去挖掘潜在客户并提高我们网站的转化率呢?关键之一就是提高网站的可用性。 　　对于网站来说，可用性是指用户能否有效地找到所需的信息或完成他的任务，效率如何以及是否让人有愉快满意的感受。如果网站...

       企业网站建设跳出率多少合适呢？ 很多的拥有网站的企业应该都清楚，网站跳出率对于企业网站的运营的影响，当网站的跳出率越高就说明该网站对访问者的吸引力越低，当网站的跳出了达到一定程度以后，就说明你得网站已经不能跟上时代的发展，需要进行相应的更新和优化，那么企业网站的跳出率达到什么程度才算是合适呐？对此问题， 天津网站建设 - 虎网科技 的小编给出如下解答： 随着网站数量的不断增加，目前很多的企业都加入到网站建设之中，而网站建设并非...

       怎样提升网站用户体验？ 首先，我们的网站要让用户舒心。舒心就是要既舒服又开心。想想我们啥时最舒服？比如累了一天，回家老婆给你按摩时，必定舒服。啥时最开心，比如偶尔买张彩票中奖了，不论多少，必定开心。具体到我们的网站建设，要让用户舒服，就得在服务上下功夫。网站功能要不断完善，能让用户少点一次鼠标找到目标内容，就要力求省一次；能快一秒钟打开首页，就值得优化一整天；能第一时间回答用户咨询，就不惜24小时QQ在线。要让用户开心，...