http://izyy.com/ zh-cn PBlog2 v2.4 http://izyy.com/images/logos.gif http://izyy.com/ www.izyy.com http://izyy.com/article.asp?id=127 (viviqiqi) Mon,10 Dec 2007 11:23:12 +0800 http://izyy.com/default.asp?id=127
您或许设计过个人主页甚至网站，但是要让人们从浩如烟海的站点中，选择访问浏览您的站点，就不是那么简单了，因为鼠标和键盘永远掌握在上网者手中。设计者要想设计出达到预期效果的站点和网页，需要对用户需求有深刻的理解，需要对人们上网时的心理进行认真的分析和研究。
Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式，是未来企业开展电子商务的基础设施和信息平台。企业的网址就犹如企业的商标和品牌，是反映企业形象和文化的重要窗口。那么，我们应该如何对企业网站进行设计、管理与维护呢？

一、明确设计目标与用户需求

Web站点的设计是体现企业发展战略的重要途径，因此，必须明确设计站点的目的和用户需求，从而做出切实可行的计划。据分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户对网站的检验。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在用户的真正需求了解不多。所以，企业或机构必须清楚地了解本网站受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，做到有的放矢。

二、总体设计方案主题鲜明

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、酷炫的效果和复杂的页面布局，甚至可供下载声音和录像的片段。最好的Web站点将把图形图像表现手法、有效的结构组织与通信结合起来。

要做到主题鲜明突出、要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站的个性和情趣，办出网站的特色。

Web站点的主页应具备的基本成分包括:

页头：准确无误地标识你的站点和企业标志；
Email地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话 ；
版权信息：声明版权所有者等。
　　
注意重复利用已有信息。如客户手册、公共关系文档、技术手册和数据库等，将它们用到企业的Web站点中。

三、网站的版式设计

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。

版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者，应该知道哪一段文字图形该落于何处，才能使整个网页生辉。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。

四、色彩在网页设计中的作用

色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的特质，如红色象征火、血、太阳；蓝色象征大海、天空和水面等。假如设计出售冷食的虚拟店面，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些。

在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。

五、网页形式与内容相统一

要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。

点、线、面作为视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。

六、三维空间的构成和虚拟现实

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。

在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面。这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

七、多媒体功能的利用

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画来表现。但要注意，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。

八、相关站点的链接

在设计网页的导引组织时，应该给出多个相关网站的链接。

九、网站测试和改进

测试实际上就是模拟用户访问网站的过程，用以发现问题并改进设计。要注意让用户参与网站测试。

十、内容更新与沟通

企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上服务等，同时也会帮助企业建立良好的形象。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解、售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保护承诺。

十一、合理运用新技术

新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。

对于网站设计者来说，必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。

十二、推广你的Web地址

网站建好后，如何让更多的人知道您的网址呢？建议采取如下措施：

利用传统的媒体(如印刷广告公关文档及促售宣传等)，欢迎所有人参观；
对待公司的网址像对待其商标一样，也应印制在商品的包装和宣传品上；
与其他网站交换连接或购买其他网站的图标广告；
向互联网上的导航台提交本站点的网址和关键词，在页面的源码中，可使用META标签加入主题词，以便于搜索引擎识别检索，使你的站点易于被用户查询到；
注意向访问率较高的导航台，如Yahoo、Excite、AltaVista、Infoseek、 HotBot注册；
通过在网站上设立有奖竞赛的方式，让浏览者填写如年龄、行业、需求、 光顾本站点的频度等信息，从而得到访问者的统计资料，这些可是一笔财富，以供调整网站设计和内容更新时参考。

总之，在每天不断增长的Web站点中，只有精心对网站进行管理和维护，才能让您的网站放飞在广阔的网络空间。 ]]> http://izyy.com/article.asp?id=126 (viviqiqi) Sat,10 Nov 2007 11:22:23 +0800 http://izyy.com/default.asp?id=126
一.网页布局的基本概念

最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的“标准”或者说大多数访问者的“浏览习惯”，那么你就可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。 　　

1.页面尺寸：

页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在分辨率在1024×768的情况下，页面的显示尺寸为1007×600象素；800x600的情况下，页面的显示尺寸为780×428个象素；而640x480的情况下，页面的显示尺寸为620×311个象素。从以上数据可以看出，分辨率越高页面的尺寸就越大。

浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸肯定是不一样的。

在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家，除非你肯定站点的内容能够吸引大家拖动，否则不要让访问者拖动页面超过三屏高。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

2.整体造型：

什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的结合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合比如矩形，圆形，三角形，菱形等。

对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府部门的网页都是以矩形为整体造型；圆形则代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是结合多种图形加以设计，在这其中某一种图形的构图比例可能占得多一些。

3.页头：

页头又可称之为页眉，页眉的作用是定义页面的主题。比如站点的名称多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名称的图片和公司标志以及旗帜广告。

4.文本：

文本在页面中出现都数以行或者块(段落)的形式，它们的摆放位置决定着整个页面布局的可视性。过去因为页面制作技术的局限，文本放置位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置了。

5.页脚：

页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。

6.图片

图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

7.多媒体

除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着宽带网的兴起，它们在网页布局上也将变得更重要。

二.网页布局的方法

网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。下面分别加以介绍：

1.纸上布局法

许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计软件里边设计布局边添加内容。这种不打草稿的方法很难让你设计出优秀的网页来。所以在开始制作网页时，应该先在纸上画出你页面的布局草图来。

准备若干张白纸和一只铅笔，你要设计一个时尚站点。

*尺寸选择：目前一般800×600的分辨率为约定俗成的浏览屏幕大小。所以为了照顾大多数访问者，你页面的尺寸以800X600的分辨率为准。

*造型的选择：先在白纸上画出象征浏览器窗口的矩形，这个矩形就是你布局的范围了。选择一个形状作为整个页面的主题造型，我们选择圆形，因为它代表者柔和，和时尚流行比较相称，然后在矩形框架里随意画出来，你可以试者在增加一些圆形或者其它形状。这样画下来，你会发现很乱。其实，如果你一开始就想设计出一个完美的布局是比较困难的，而你要在这看似很乱的图形中找出隐藏在其中的特别的造型来。还要注意一点，你不要担心你设计的布局是否能够实现。事实上，只要你能想到的布局都能靠现今的HTML技术实现。考虑到左边向左凹的弧线，为了取得平衡我们在页面右边增加了一个矩形(也可以是一条线段)。

*增加页头：一般页头都是位于页面顶部，所以我们为页面增加了一个页头，为了和左边的弧线和右边的矩形取得平衡，我们增加了一个矩形页头并让页头相交与左边的弧线。

*增加文本：页面的空白部分加别加入文本和图形。因为在页面右边有矩形作为陪衬，所以文本放置在空白部分不会因为左边的弧线而显得不协调。

*增加图片：图片是美化页面和说明内容必须的元素。在这里把图片加入到适当的地方。

经过以上的几个步骤，一个时尚页面的大概布局就出现了。当然，它不是最后的结果，而是你以后制作时的重要参考依据。

2.软件布局法

如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这项工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能在设计网页布局的设计上更是得心应手。不像用纸来设计布局，利用Photoshop可以方便地使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法表现的布局意念。]]>