收藏：网页视觉设计规范
作为一个设计师，收藏什么一个文章，有兴趣可以看看、
网站网页设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站网页设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html(标准通用标记语言下的一个应用)将其制作成网页格式
本文总结归纳了Web网站的设计、管理与维护的十二项要点，与大家一起探讨。
一、目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
二、主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。
Web站点主页应具备的基本成分包括：
页头：准确无误地标识你的站点和企业标志；
E-mail地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息。
注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。
三、版式编排布局合理
网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。
版式设计通过文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定设计有向前和向后的按钮，便于浏览者仔细研读。
站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
四、色彩和谐重点突出
色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。
色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。
利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。
在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
五、形式内容和谐统一
形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。
画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。
运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。
线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。
面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。
网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
六、三维空间指置有方
网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。
在页面中图片、文字位置前后叠压，或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计得比较规范化、简明化的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、左、右、下、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。
需指出，随着Web的普及和计算机技术的迅猛发展，人们对Web语言的要求也日益增长。人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象一种语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多的为虚拟现实环境服务。VRML只是一种语言，对于三维环境的艺术设计仍需要理论和实践指导。
七、多媒体功能的利用
最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。
这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。
八、相关站点引导链接
一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。
在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
九、网站测试必不可少
为什么精心设计的网站是经得起推敲的，就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程，得以发现问题改进设计。
由于一般网站设计都是一些专业人员设计的，他们对计算机和网络有较深的理解，但要考虑到访问网站的大部分人只是使用计算机和网络，应切实满足他们的需要。所以有许多成功的经验表明，让对计算机不是很熟悉的人来参加网站的测试工作效果非常好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。
十、及时更新认真回复
企业Web站点建立后，要不断更新内容，利用这个新媒体宣传本企业的企业文化、企业理念、企业新产品。站点信息的不断更新和新产品的不断推出，让浏览者感到企业的实力和发展，同时也会使企业更加有信心。
在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户进行分类，如：售前一般了解、销售、售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在，产生信任感。
注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
如果要求访问者自愿提供其个人信息，应公布并认真履行一个个人隐私保护承诺，如不向第三方提供此信息等。
十一、合理地运用新技术
因特网是IT界发展最快的领域，其中新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。
但对于网站设计者来说，必须学习跟踪掌握网页设计的新技术，如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。
十二、推广站点的方法广泛散布你的Web地址
网站已经建好，下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢？
利用传统的媒体(如印刷广告公关文档及促售宣传等)，欢迎所有人参观是一种十分有效的方法；
对待公司的网址象对待其商标一样，印制在商品的包装和宣传品上；
与其他网站交换链接或购买其他网站的图标广告；
向因特网上的导航台提交本站点的网址和关键词，在页面的原码中，可使用META标签加入主题词，以便于搜索引擎识别检索，使你的站点易于被用户查询到。注意向访问率较高的导航台，如Yahoo、Excite、AltaVista、Infoseek、HotBot注册；
通过在网站上设立有奖竞赛的方式，让浏览者填写如年龄、行业、需求、光顾本站点的频度等信息，从而得到访问者的统计资料，这些可是一笔财富，以供调整网站设计和内容更新时参考。
总之，在每天不断增长的Web站点中，如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战。
网站网页设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站网页设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html(标准通用标记语言下的一个应用)将其制作成网页格式
本文总结归纳了Web网站的设计、管理与维护的十二项要点，与大家一起探讨。
一、目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
二、主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。
Web站点主页应具备的基本成分包括：
页头：准确无误地标识你的站点和企业标志；
E-mail地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息。
注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。
三、版式编排布局合理
网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。
版式设计通过文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定设计有向前和向后的按钮，便于浏览者仔细研读。
站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
四、色彩和谐重点突出
色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。
色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。
利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。
在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
五、形式内容和谐统一
形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。
画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。
运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。
线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。
面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。
网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
六、三维空间指置有方
网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。
在页面中图片、文字位置前后叠压，或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计得比较规范化、简明化的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、左、右、下、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。
需指出，随着Web的普及和计算机技术的迅猛发展，人们对Web语言的要求也日益增长。人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象一种语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多的为虚拟现实环境服务。VRML只是一种语言，对于三维环境的艺术设计仍需要理论和实践指导。
七、多媒体功能的利用
最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。
这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。
八、相关站点引导链接
一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。
在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
九、网站测试必不可少
为什么精心设计的网站是经得起推敲的，就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程，得以发现问题改进设计。
由于一般网站设计都是一些专业人员设计的，他们对计算机和网络有较深的理解，但要考虑到访问网站的大部分人只是使用计算机和网络，应切实满足他们的需要。所以有许多成功的经验表明，让对计算机不是很熟悉的人来参加网站的测试工作效果非常好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。
十、及时更新认真回复
企业Web站点建立后，要不断更新内容，利用这个新媒体宣传本企业的企业文化、企业理念、企业新产品。站点信息的不断更新和新产品的不断推出，让浏览者感到企业的实力和发展，同时也会使企业更加有信心。
在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户进行分类，如：售前一般了解、销售、售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在，产生信任感。
注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
如果要求访问者自愿提供其个人信息，应公布并认真履行一个个人隐私保护承诺，如不向第三方提供此信息等。
十一、合理地运用新技术
因特网是IT界发展最快的领域，其中新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。
但对于网站设计者来说，必须学习跟踪掌握网页设计的新技术，如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。
十二、推广站点的方法广泛散布你的Web地址
网站已经建好，下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢？
利用传统的媒体(如印刷广告公关文档及促售宣传等)，欢迎所有人参观是一种十分有效的方法；
对待公司的网址象对待其商标一样，印制在商品的包装和宣传品上；
与其他网站交换链接或购买其他网站的图标广告；
向因特网上的导航台提交本站点的网址和关键词，在页面的原码中，可使用META标签加入主题词，以便于搜索引擎识别检索，使你的站点易于被用户查询到。注意向访问率较高的导航台，如Yahoo、Excite、AltaVista、Infoseek、HotBot注册；
通过在网站上设立有奖竞赛的方式，让浏览者填写如年龄、行业、需求、光顾本站点的频度等信息，从而得到访问者的统计资料，这些可是一笔财富，以供调整网站设计和内容更新时参考。
总之，在每天不断增长的Web站点中，如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战。
