| 网页设计-百度百科
网页设计的要点是设计第一而技术其次
网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。
一、 明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。
在设计规划时我们会考虑：
建设网站的目的是什么？
为谁提供服务和产品？
企业能提供什么样的产品和服务？
网站的目的消费者和受众的特点是什么？
企业产品和服务适合什么样的表现方式（风格）？
二、网页设计总体方案主题鲜明
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； Email地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息：声明版权所有者等。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。
三、网站的版式设计
网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。
版式设计通过文字图形的空间组合，表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
四、色彩在网页设计中的作用
色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。
五、网页设计形式与内容相统一
为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中， 它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成佳的页面效果，充分表达完美的设计意境。
六、三维空间的构成和虚拟现实
网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。 网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。 现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。
七、网页设计中多媒体功能的利用
网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络带宽的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
八。结构清晰并且便于使用。
如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。
九。导向清晰。
网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。
十。快速的下载时间。
很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，我们会建议您在网页设计中尽量避免使用过多的图片及体积过大的图片。我们通常会与客户合作，将主要页面的容量控制在50K以内，平均30K左右，确保普通浏览者页面等待时间不超过10秒。
十一。非图形的内容。
我们在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，我们仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。
十二。方便的反馈及订购程序。
让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？
十三、网站测试和改进
测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。我们通常与用户共同安排网站测试。
网页设计现状以及实战技巧
（一）垃圾还是经典
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
（二）国内网页设计环境
不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。
举个简单的例子，看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色（与标志色统一），英文版是极不协调的蓝橙（具有很明显的生凑效果）。
为啥中文版是橙色，呵呵，不要以为哪是为了和标志统一，其实那时国内常用的商业色。橙色代表什么？肉色，淫欲。商业是性质？贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说，橙色就是突出的体现，它不仅仅是网页首选商业色，它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”，它还说明了“低认知水平”的国人，需要用这个刺激的颜色，去宣教引领他们被动接受。
为啥英文版是蓝橙？因为洋人已处于发达社会，他们首先需要的不是“宣教引领”，而是“功能”。一个弱化的界面更能强化显示功能，使人方便使用。较刺激热烈的颜色，会引起洋人的反感，所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏？原因有二，一是要与标志颜色统一，二是中英文要有传承，所以出了这末个一半是火焰一半世海水的结果。
（三）什么是好的网页设计
（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）创艺是可耻的，分析能力远比创艺来的重要
设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。
（5）兼顾还是抛弃
CSS、XHTML、web2.0、Ajax等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。
（四）结尾，送上思洋广州的一些经验
（一）网页配色基本概念
（1）白纸黑字是永远的主题，谁都说不出不好来。
（2）网页常用流行色
·兰色——蓝天白云，沉静整洁的颜色。
·绿色——绿白相间，雅致而有生气。
·橙色——活泼热烈，标准商业色调。
·暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，
（3）颜色的忌讳
·忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
·忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
·忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
·忌花——要有一种主色贯穿其中，主色并不时面积大的颜色，而是重要，能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
·忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
·蓝色忌纯，绿色忌黄，红色忌艳。
（4）几种固定搭配
·蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
·绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
·橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
·暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。
（二）网页设计理念
（1）内容决定形式
先把内容充实上，再分区块，再定色调，再处理细节。
（2）先整体，后局部，后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。后调整不满意的几个局部细节。
（3）功能决定设计方向
·看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。
关于网页标题设计的原则
在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过下来三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：
（1）网页标题不宜过短或者多长。一般来说6－10个汉字比较理想，好不好超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。
（2）网页标题应概括网页的核心内容。当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用，如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。
（3）网页标题中应含有丰富的关键词。考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词＋公司名/品排名”的方式来作为网站首页标题。本文开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。
上述几个方面其实都考虑了搜索引擎检索网页的特点，也就是说，网页标题设计都将有利于搜索引擎检索作为重要因素，即使如此，作者仍然建议，与网页内容写作一样，网页标题写作首先是给用户看的，在这个前提之上考虑对搜索引擎检索才有意义。可见网页标题设计并不是一件随意的事情，尤其对网站首页标题设计，不可不慎重。
做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。
1.源文件psd，ai，cdr的区别
psd文件就是用photoshop创建的，当然也必须用photoshop打开；
ai文件是Illustrator的。他们都是Adobe公司的。ai文件同样也可以用photoshop打开，但打开后会载入在同一层内。
cdr文件是CorelDRAW的。
2.关于CMYK和RGB颜色模式
CMYK是Cyan（青）、Mageata（品红）、Yellow（黄）、Black（黑），这是印刷上使用比较普遍的色彩模式。
R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。
3.矢量图
矢量图与位图大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度
矢量图：是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、版式设计等。
ai cdr均为矢量图。
4.图片文件jpg，gif，png，bmp的区别
bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大
gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画.
png：是fireworks的图片格式
jpg：也是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案
5.名片的尺寸问题
名片的标准尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在设计时
制作尺寸必须设定为：94 x 58mm。
6.源文件的提供问题
作为设计者和客户（这里指各站长），如果事先没有明文协议的话
设计者有权不提供源文件。
7.什么是logo，ci，vi
VI是Visual Identity的缩写，中文译为“企业视觉识别”。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目多，效果为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设汁包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。
CI是Corporate Identity的缩写，中文译为“企业形象”。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，终得到自己适合的经营环境。
而logo只是网站或企业一个标志。
8，关于logo设计的资费问题
这个问题很不好说，如果是去找正规广告公司做的话，根据公司规模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服务态度和服务质量不一定比小公司好。现如今有些朋友在论坛上说50元做logo，个人认为还不如不收取费用来得好些。这样的恶性竞争下，设计业迟早会或者说已经被带入了“民工职业”的行列。
还有一点，如果您喜欢拿很多方案去比稿的话，建议您去发布威客任务，那样价钱不会很贵，还可以得到很多得设计方案，一般400块钱的悬赏任务可以得到30份左右的初稿，还是很划算的。BTW：在威客发布悬赏任务是要给相关网站支付一定的任务管理金的，一般为20%。）
后说句，站长在设计之前请与设计师先进性良好沟通，不要撇下一句“你看着办吧，我相信你。”“你是专业的，你说怎么弄就怎么弄。”之类的话就不管了。自己对自己的站点不负责的话，设计师也一定不会对你的站点负责的。
另外，一个设计可以大幅度改稿的次数一般在2--3次间（付费情况下），这不是一个规定，但是大多数设计在超过这个次数后会对业主产生一定的仇恨情绪......
网页设计的要点
网页设计的两大要点是：整体风格和色彩搭配。
一、确定网站的整体风格
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
三、网页设计的工具
1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具
2.Frontpage 跟dreamweaver一样，不过个人感觉还是dreamweaver好。
3.FLASH 网页需要画面流动时的首选择
4.PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5.FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。[个人喜欢PS]
网页设计必须注意的29个问题
当你在INTERNET这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。下面笔者就自己在实践操作中的使用体会来谈谈网页设计时应该考虑哪些问题，希望能给初建网站的用户带来一定的作用。
１、页面内容要新颖
网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象,题材千篇一律，人人都是"软件下载",个个都有"网络导航"，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
２、网页命名要简洁
由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。
３、要及时更新网页
网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。
４、注意视觉效果
设计Web页面时，一定要用1024*768的分辨率来 分别观察。许多浏览器使用1024*768的分辨率，尽管在1280*1024高分辨率下一 些Web页面看上去很具吸引力，但在1024*768的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页
５、随时注意网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
６、 网页内容要易读
网站设计重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
７、善用表格来布局
不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
８、 少用特殊字体
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有新版的浏览器才支持CSS。
９、多学习和使用HTML
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
１０、尽量少用Java程序
不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。
１１、 少放网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
１２、要为图片附加注释文字
给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。
１３、做个网站介绍
一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
１４、考虑浏览器的兼容性
当然现在IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须少在几种不同类型的浏览器下测试网站，看看兼容性如何。
１５、不宜多用闪烁文字
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也，
１６、每个页面都要有导航按钮
应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
１７、避免长文本页面
在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。
１８、 网页风格要统一
你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。
１９、动画多只用一个
大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的LOGO，GIF动画的容量有5K，而静止LOGO的只有3K。虽然只有2K之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择小的。
２０、善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
２１、 网站导航要清晰
所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。链接文本的颜色好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向 。
２２、好不用记数器
由于计数器也是由程序设计成的，显示计数器的过程其实就是在执行一个程序的过程，它需要占用用户宝贵的上网时间，况且大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎，你好提供一个链接，显示访问日志。
２３、不能忽视错别字
一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字，要时时刻刻保持一种严谨的科学态度。
２４、不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
２５、使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
２６、使网站具有交互功能
一个静态网页始终给人一种呆板的感觉，缺少一种活力和生气。好在网站上提供一些回答问题的工具以及其他具有交互性能的设计，使得访问者能从网站上获得交互的信息，从而使访问者有一种参与网络建设的新鲜感和成就感。
２７、测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用新的软件，但是不要忘了人们并不会使用新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
２８、屏蔽图象时仍要保证网页的完整
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果，呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
２９、注意收集用户注册信息
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表
成为一名网页设计师你要学会
第一部份：(美术部分)
结构素描、光影素描、速写、设计素描、户外写生
色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业
第二部份（静态网页）
Dreamweaver8.0：网页布局、制作；Html&Css简介；网站管理与维护、上传与下载；案例分析
Flash8.0：美工设计、网页配色；CI、LOGO、Banner的制作；常见网页动画制作、网页布局
Fireworks8.0：经典网页动画、广告、片头、贺卡设计与分析；MTV制作、交互式网站简介
Photoshop CS2：Photoshop操作基础、图象优化处理、经典实例分析与制作
Illustrator CS2：广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
第三部分（动态网页）
Html语言详细解介、CSS样式、IIS、C#语言、Asp.net动态、SQLServer数据库、Access数据(送)、JavaScript、Flash8.0高级编程、网站筹划、网站推广、电子购物车、ChatRoom、BBS制作。
第四部份（网页美工）
三大构成：平面构成、色彩构成、立体构成
Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、baner设计；
Illustrator网页设计、网页字体设计、网页规划设计
如何快速成长为一名厉害的网页设计师
笔者曾经是一个网页设计的菜鸟，经过自己不断的摸索和实践，现在已经可以独立制作一个完整的静态站点，并且给学校的N(N＞5)个部门、院系和外面的公司做网站，虽然不是一个完全意义上的Web Designer（网页设计师），但是完成一些要求不是很专业、不是十分完美的站点已经是小事儿了（嘿嘿，是不是有自吹自擂之嫌），自己心里已经是小有成就感了，所以自封为准Web Designer！
自认为成长过程还算快，所以把本人的经历向大家介绍一下，给那些有志于此的朋友们一些参考意见。
循序渐进学知识
先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下JavaScript。
然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。
有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。
接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。
这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。
要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。
到这时，相信你就可以真正领会到“网页三剑客”的威力了。
在实践中不断提高
要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。
好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。
我特别感谢我们学校的学生在线网站给了我一个机会。有一天正赶上应聘，我拿着自己做的两个Flash作品就去了，没想到面试还通过了，于是我就这样有了在专业开发团队中实践的机会，通过自己的不断努力以及向高手的不断提问，水平飞快提高，两三个月后，就可以独立完成一些站点了，当然只是静态的。在此，我想指出，千万不要不好意思，不会就问，高手们是很乐意回答你的，而且你能向他请教，这本来就是对他的一种肯定，他会很高兴的，呵呵。
到此，你就基本可以称作是一个“准Web Designer”了，不过要从根本上提高自己，好去学学美术，这是当一个网页设计师的基本功。
笔者刚开始做网页纯粹是自娱自乐，但在这个过程中，我逐渐开始深深喜欢上了这项工作。这个学习过程是人生的一笔宝贵财富，至少我是这么认为的。
网页设计师如何找工作？
关于网页设计这个行业，在中国来讲这个行业并不成熟，这个跟国家的经济，文化修养有密切的关系。我们不能跟欧美和韩国相比，他们有强大经济实力，设计这个东西，只有在经济蓬发的时代或在经济发达的城市才能产生价值。设计是推动市场营销的生产力，只要是视觉设计类，都有一个共同的目地，传达信息为商业服务。网页设计也是如此。如何在这个混乱的市场中，站住脚跟，向下一步迈进。请看下面文字。
一.职能规划
恩，第一节，我们先讲职能规划。首先自己要有明确的目标和定位，这样后面的路才好走。光网页设计其实分的非常细致。因为各个企业的需求和情况不同，所以对这个职位的要求也不同。好的公司只要你精一样，一般的公司则要你会几样。
大致分这几块：
1.信息架构（这个属于策划型，一般门户网站需要，对产品策划和用户体验都需要有深入的了解，这个偏重的是策划能力，要有良好的逻辑思维，主要的工作任务是：组织信息规划栏目布局相关的工作）
2.视觉设计（这个理论上讲是属于艺术型，其实名曰商业艺术。2者还是不同的，对于网页设计来讲这块需求量是非常大的，现在人们越来越重视美观，而且要求越来越高。不管是门户网站，还是企业网站，FLASH全站（互动设计）这个角色的占有率是很大的。关于视觉这块先天性因素占的很多，天生的色彩感觉，创意能力。还要有良好的艺术修养，入职后还要对商业有深刻理解，明白商业设计的核心原则，如何将你的个性和商业目地完美结合是重要的。主要的工作任务是：设计风格定位图标UI界面设计）
3.前端制作（说到这个职位，市场上逐渐增多。恩，这个属于纯技术型。初级的就是切片和制作HTML,不要小看这个，以为这个没什么技术含量，其实这个技术含量也是很高，要符合标准和各个游览器的兼容也不是件很容易的事情，一般切片和制作HTML划入网页视觉设计师的范畴。应该属于附属职能，视觉设计做到一定的级别，这个无需理会。具体根据公司的要求决定。然后高级一点应用就是JS,AJAX……等，主要的工作任务是：页面实现优化）
4.其它职能（比如UI设计。用户体验,FLASH互动设计,等这里不做详细的解释，本文仅针对网页设计而论）
二．对号入座
OK！第2节，我们开始讲本文的重点，注意了关于找工作的经验和技巧可是博大精深啊，其实和做人一样的道理。下面我们分几个级别来提供解决方案。
1.新手入行
嘿嘿，大家都有第一次，不要紧张，哈哈^_^。自然点，其实没什么，不就是去面试么，胆子要大，要有这样的思想，管他的，就是去喝喝茶，聊聊天啥的。除了自信还是自信，更重要的是对工作充满激情有浓厚的兴趣，要有理想。关于外表，不要搞的太正规了，你不是去面试销售。随便一点要有自己的个性，自我介绍随便说，哪里人，什么专业啥的。说话语气要带有亲和力。面带微笑。关于面试的时间尽量准时点。提前和稍后都太不好。简历不要写废话，语言简洁即可。恩，一般刚出道的都是拿U盘拷作品，嘻嘻，有条件可以带上笔记本展示自己的作品，物质上也是可以增强自信心的。
这个时候应该以学习为目地，应该充分的考虑目前的工作是否有利以后的职业规划。第一点就是识别能力，对你自己和公司有一定的认识。你自己的定位和目前的能力，是否适合公司这个职位的要求。前期对公司应该有初步的了解，只有了解双方的需求，才能有所均衡。一定要对号入座，哪怕工资稍微低点，也没有太大关系，这个时候薪资是属于次要的阶段。额，要多面试几家公司，这时要注意几点，有的公司招人缺乏诚信，或者条件苛刻。这样的公司不必理会。
面试你的人，平常有3类。HR人事，部门主管，经理。对于HR面试，主要是对人品的测试，一般大点的公司会有这样的流程。小的公司就是直接老板面试，如果OK，马上就上班！部门主管的面试，其实是关键的，为什么人事不是关键呢，对于技术岗位一般都是以技术部门为标准。首先你要容易相处，健谈，但不要说的太多了，幽默风趣，这样主管会觉得你和技术团队相处融洽。要知道不是你一个人在工作。专业能力方面，这个比重占的太多，如果你技术不过关，谈再多都是扯谈。这个阶段的薪资参考：2000-3000左右（上海北京深圳为例）
2.跳槽阶段
工作一段时间后，你会发现工资为啥没涨，或者没有激情啥的。这个时候是需要跳跳，大家都比较浮躁，不浮躁不行啊，只有碰壁了再爬起来才能成熟。不然不能悟出其中道理，额，关于跳槽这个技术含量超级高，比起前面的新手入行，要讲究的多。
薪资不是主要的考虑，还是要考虑更高的台阶和合适的舞台，去发挥自己的潜能，这个阶段相对来说是比较漫长的过渡阶段，开始寻找突破的方向。这时的面试就比较讲技巧了，本文精华开始写了，对方会问你一些问题。下面的例举几个问的多的解析。
1.为什么离开现在的公司（原因和理由，对方公司要考虑自己利益，你的离职行为是否和他们公司体系有关联）
2.你期望一个什么样的工作环境（对方要考虑你目前的情况，是否适合公司的情况）
3.你自己的职业规划和方向（你的定位是否符合公司的要求的）
4.你离职交接到岗需要多长时间（这个问题，其实属于心理战，切记不要急，不要说的太短，也不要说的太长了，控制在2周-1个月左右）
5.你期望的待遇是多少（哇！谈这个问题，一般都是后谈。这个可是关键中的关键，这里各位要严重注意了，对方是问你期望待遇，不是问你市场价格是多少，你的期望待遇应该再你的市场价格上高出500-1000，不能说的太高，否则对方会觉得你对自己的认识不足。一般公司只要觉得你OK,还是会满足你的要求的，毕竟现在招个有经验也不是很容易。如果对方写了薪资范围，就不会跟你详细的谈这个，看对方公司的诚信度了。写面议的这个很难说，根据职能的要求决定薪资范围，从10个当中选1个性价比高的，这样的公司是想碰运气，建议大家不要在这样公司上面的花心思。想要快速的招到合适的人，就必须明码标价！
如果对方确定用你，然后又跟你来个试用期80%的工资，其实这个就等于就是砍价，不要理会，说不定到时随便找个理由不让你转正把你干掉，非常有可能的说。一定要坚持自己的立场和原则，你答应了就等于签了一个不平等的条约。合同上一定要仔细看，试用期如果对方要求6个月的，你可以跟对方说，我只是来你们这里看一下，喝喝茶的。这个阶段的薪资参考：4000-5000左右（上海北京深圳为例）
3.稳定阶段
一路走来不容易啊!当你成为一名高级网页设计师的时候，你必须稳定下来，再不能乱跳了，这个时候可能你能跳的公司不多了，提高也是开始有难度了，当你到达这个级别的时候，不仅技术方面提高了，也悟出了很多人生的道理和职场的规则，你可能曾经风光的跳过几次，也可能有1-2回不幸被干掉，人出来混，总是要还的。
这个阶段找工作，完全就是靠实力说话了，牛X的作品就是有说服力的，你到了这个级别，很多一般公司可能被你过滤掉了，他们养不起你。也不需要你这样高级的，你能去的地方不向以前那么多了。嘿嘿，对方这时就是挖你了，此时你会觉得有点成就感，或许网络上有些同行已经知道了你的名字，面试时候说话可以稍微带点傲气了，但不能狂，面试的时间这个必须得你说的算，这个时候你要掌握绝对的主动权。嘿嘿，来去自由的时代终于来临了，要尽情的展示你的做事风格，和你解决问题的能力，还有你的说话能力，高手从说话语气就可以听出水平了。口才同样的重要，因为这个时候基本上是以你的意见为主导了。
想要更上一层，就要开始慢长修养了。这个阶段的薪资参考：6000-8000左右（上海北京深圳为例）
4.大师阶段
这个阶段不用找工作，是怕工作找不到你。这个阶段的薪资参考：10000以上（上海北京深圳为例）网页设计师课程一般包括：
Photoshop、Fireworks、用户界面设计实操，xhtml、css、dreamweaver、网站架构与网站策划
flash动画制作，域名与空间、ftp、dhtml、javascript、动态交互网站（asp、php、aja）
三．公司类型解析
门户游戏类：当然是一些大的公司了，QQ,163，盛大，九城等。这个不多说了。这样的公司工作相对来说要轻松点，福利会好点。
企业部门类：额，集团公司，政府部门可能就你1个人搞这块，缺少交流不是长久之计。
网站建设类：这个比较辛苦，没有几家公司不加班的，这样的公司流动性是大的，做外包和网站建设业务。有的公司走的流水线，这样公司也是多的，大大小小，很乱。可以当个临时落脚的地方。
互动设计类:谈到互动，这个概念很多人不清楚，简单的说就是网络广告。品牌展示类。跟各大门户网站媒介推广有联系的。互动还是没有形成一个行业，只能算有个圈子。我估计做这块的大家都互相认识了，因为真正做这块的没多少人，公司是数的清楚的。上海的：互动通安瑞所思好耶网帆IDESP2A01Media亿迈广告……不超过20家，北京的：新意互动AMG维若视觉乐观数码……还有些的公司是4A的下面的部门，在此不多做介绍。这个另外可以整篇文章了，他们主要做知名品牌的线上推广，工资较高，当然要求高
网页模板对网页设计行业的影响分析：
如果您能够用一套模板直接改文字搞定的客户，那样的客户必定是中低端客户，可能出的价钱，也是让公司、让我们抱怨不少。中低端客户在压价、同行在拼价、设计师在拼命，您认为，这个现象合理吗？相信我们做网页设计的，都有过这样的价格经历，做个网站千把块，甚至几百块，客户对稿子还挑三拣四，改来改去。所以很多人愤怒了，对这个行业愤怒了，怒这个行业不规范，怒自己修炼多年只值个白菜价。
在这个环境下，有的人选择继续修炼，做高端设计，有的人选择忽悠，忽悠客户忽悠设计。网页设计既然是个行业，就应该存在高中低端，并不是只有超高端才能生存。卖奥拓的老总开宝马，卖宝马的老总开奥拓，并不是只有高端的公司才能有生存，关键是现阶段，中低端的网站，成本却不够低端。
对网页模板心存愤怒的同志，存在很大迁怒的成分，毕竟此前，国内基本没有高质量的商业模板。我们的想法是，面对白菜价客户，就应该用白菜的成本；面对高端的客户，模板给你的作用，可能仅仅是提供设计手法方面的帮助而不是包括思想在内的全部设计。
|
