网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
简 介
一、建立网站的目标
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计方案。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心的进行设计规划。[1-2]网站制作和设计是根据它设定的目标在一个商业网站的情况下,网页设计的定义是根据它设定的目标:企业网站制作的主要目的是增加供应和品牌的知名度。
网页设计流程
在设计规划时我们会考虑:
建设网站的目的是什么？
为谁提供服务和产品？
企业能提供什么样的产品和服务给客户？
网站的目标消费者和受众的特点是什么？
企业产品和服务适合什么样的表现方式（风格）？
二、方案主题鲜明
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。
三、网站的版式设计
网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。
版式设计通过文字图形的空间组合，表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
四、色彩的作用
色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。
五、形式与内容
为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到更好的效果。 点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。
六、多媒体功能的利
网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
八、结构清晰便于使用
如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。
九、导向清晰
网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。
十、反馈及订购程
让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？
十三、网站测试和改进
测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。我们通常与用户共同安排网站测试。
现状以及实战技巧
（一）垃圾还是经典
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
（二）网页设计环境
不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。
企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？
1、行业避忌的颜色
某些行业的企业客户，对于网站整体颜色的要求涉及到具体的颜色避忌，例如金融、投资类的企业网站，应尽量避免绿色，或相近颜色的使用。这是因为，绿色在金融投资行业当中代表的是低迷，不景气，下滑等负面的元素，因此即便企业宣扬的是环保、低碳等企业文化，也是不能轻易予以使用。
2、企业所处行业的发展阶段和特征选色
企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容；在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。[4]
（三）好的网页设计
（1）内容和功能决定表现形式和界面设计
常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了，凭两句话，你就可以为客户做一个页面设计，以我7、8年的设计经验，我都不敢去做，你真是我的偶像啊！
做网页设计，你需要了解客户的东西很多:
1、建设网站的目的；
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）几种固定搭配
·蓝白橙 ·绿白兰 ·橙白红 ·暗红黑
（二）网页设计理念
（1）内容决定形式
先把内容充实上，再分区块，再定色调，再处理细节。
（2）先整体，后局部，最后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。
（3）功能决定设计方向
·看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。
标题设计的原则
在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律:
（1）网页标题不宜过短或者过长
一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。
（2）网页标题应概括网页的核心内容
当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用，如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。
（3）网页标题中应含有丰富的关键词