October 17, 2007 at 09:33 · Filed under 机械境
谈到网页设计的原则，内容与形式的统一是非常重要的方面。黑格尔曾经讲过“内容和完全适合内容的形式达到独立完整的统一，因而形成一种自由的整体，这就是艺术的中心。”（黑格尔《美学》第二卷157页，商务印书馆1980年版）艺术品中的内容与形式是统一的关系，它们共同构成了一个有机整体。网页设计也是一门艺术，内容与形式统一的原则，同样是网页设计的基本原则。
网页设计的内容，主要是指网页的功能、主题、信息文本、题材、图片、视频等基础元素的总和，这些构成了元素设计的内容最基本的组成部分。设计内容来自主客观的统一：一方面，网页的内容包括客观存在的所要传达的信息，包括文本、图片、视频等；另一个方面，它又凝聚这设计者的审美理想和审美情感，这些主观因素贯穿设计的始终，并影响这网页设计最后的风貌。
网页设计的形式，主要是指它的版式面貌、风格、设计语言等，它是网页设计的存在方式。网页的形式一般又可以划分为内部形式和外部形式两部分：内部形式是指网页中各版式要素间的内部联系，包括内容诸要素之间的逻辑关系和组织形态等，主要指结构；外部形式是指网页的外部形态，即借以传达内容的手段和方式，包括设计媒介、视觉元素、设计语言和表现手法等。
内容决定形式，形式表现内容。优秀的网页设计，必定是形式和内容的有机统一。
一方面，内容具有主导地位，它决定和制约着形式。在网页设计过程中，形式的选择和确定，都应当以能否恰当的表现内容为原则。过于强调“独特的设计风格”而脱离信息传达这一功能内核，或者只有内容而缺乏形式美的因素，都不能设计出具有感染力的网页。设计者只有将这两个方面有机地统一起来，在深入领会设计主题精髓的同时，再融合自己的思想感情，找到一个完美的表现形式，才恒实现网页设计特有的价值。
另一方面，形式又具有相对的独立性。它不但直接影响到设计作品内容的表达和体现，而且形式本身也具有自身的审美价值，具有独特的艺术魅力。网页的形式主要是指版式设计，结合网页设计的第一个原则，还要充分考虑并确保网页上的每一个形式要素都有存在的必要，避免出现消弱主题的情况。
| Permalink 转载原创文章请注明,^o^..
October 17, 2007 at 09:25 · Filed under 机械境
网页是信息传播的媒体，但又不同于传统的媒体，有自己的特殊性。网页具有交互性、多维性、整合性、不确定性等特点，它与技术的结合更为密切，网页的超级链接功能也使它比传统的媒体更具吸引力、正是因为这些特殊性，网页的设计与发布也有一个特殊的流程。
1.项目规划
如果把一个网站比喻为一所房子，那么，没有事先规划和设计建造起来的“房子”是不会漂亮、牢固的。设计者必须认真对待站点的开发计划，这样才能使网站的建设经得起时间的考验。这一阶段就是要明确建立站点的目的，也就是先搞清楚要建一座什么样的“房子”。房子可能有以下的用途：
个人主页：发布个人信息，提供个人服务，展示个性，同别人广泛地交流、共享业余爱好等。
电子商务：首先，有利于树立企业的形象。目前国内很多大企业都非常重视企业形象这种无形资产，建立企业网页是宣传自己的重要手段，拥有国际域名和主页代表了企业的实力、规模和品味。其次，公司可以利用网页的时效性为客户提供更好的服务，比如提供产品目录、实现网上购物、提供技术支持信息、即时解答客户问题等，同时可以降低开支，减轻客户支持部门的负担。再次，在网上发布广告，其优势也是一般媒体所不能比拟的。
网页设计的目的，就是要满足浏览者的需求。在进行网页设计时，设计者应该明确知道这座“房子”访问的人想得到什么。首先必须考虑到服务对象的技术背景、受教育程度、阅读能力、兴趣爱好、消费习惯、上网方式等，然后选择相应的网页内容和形式。每一个网页都是一次机遇和挑战，设计者必须在规划阶段就认真考虑该为浏览者提供那些适宜而有趣的服务，以便迎来“回头客”。
此外，设计者应根据网页规模的大小、资金投入的多少、预测的访客流量、浏览者访问方式等因素，做出选择。还应参观以下别人建造的同类型的“房子”。通过各种搜索引擎找到竞争对手的站点，或者与你能够互补的站点，详细考察他们的成功所在与不足之处，找出哪些是他们还没有涉足的内容。他山之石，可以攻玉。一个成功的同类站点，会给设计人员带来很多其实，并少走弯路。
为了明确地描述以上信息，可以列一份报告清单，内容包括：
网页以什么为主题？设计师是不是对这个主题很熟悉？
现有的竞争性站点和互补性站点的情况如何？同类站点在哪些方面考虑得不周到或做得还不够好？
本站点的独到/独特之处在哪里？
设计目的和原则有哪些？
主要面向哪些人群？
潜在的浏览者的情况如何（诸如技术背景、学历、兴趣和所关心的内容等）?
浏览者访问了你的站点后会做什么？会给他们带来怎样的影响？客观地完成这份报告后，下一步工作就是给“房子”添砖加瓦，组织内容。
2.内容组织
无论设计一个什么样的站点，内容的组织都将是最大的挑战。这包括三个方面的工作：搜集筛选内容、组织内容、编写脚本。
1）搜集筛选将要发布的内容
在这一阶段，搜集到的信息越多越好。然后按照项目规划来分析这些信息。分析的方面包括以下几项：
目前可以使用什么信息？
日后可以使用什么信息？
什么样的嘻嘻适用于今天的浏览者？
什么样的信息可以用来吸引潜在用户？
为了更好地准备站点内容，必须掌握以下情况：
目前拥有哪些资料?
现有资料能否实现设计的意图?如果能，那么哪些是需要的，哪些是不需要的？
还有哪些资料没有搜集到?
2）组织内容
梳理清楚上述问题后，就可以进行第二步的工作了。组织内容这一阶段，要求设计者把搜集到的信息，用清晰明确的文字表达出来。设计人员可以运用一些语言技巧，确保浏览者能够准确且迅速地理解网页所要传达的意图。
网页的内容收集后，要经过重新组织安排。网页写作不同于传统媒体（书籍、报刊等）写作，Alterbox 的作者 Jakob Nielsen 说：“以浏览代替阅读是 Web 世界中已经被证实的无可否认的事实。站点的作者们必须了解这一事实……”。
网站编辑必须注意网页文章长度、文章中心内容、所要传达的意图、文字段落以及图文排版等新的写作方式。
3）导航
导航是为了让浏览者在网页上迅速找到所需的信息。因此，网页应提供目录索引、在线帮助、站内搜索等服务。
4）编写脚本
确定内容后，就要编写脚本。在大型网页设计中，脚本有助于设计人员之间的交流。它通常包含以下几个方面:
首先将内容分类列表，把各个项目分成逻辑组，形成网页的总体结果（树形结构）；其次确定各页的主题、包含的内容以及各页之间的层次结构和隶属关系；最后设计者还要考虑树形结构之外的交叉链接关系。
编写脚本时，应注意的问题是，控制每一个页面的信息含量。太大的可分为几页，太小的则予合并。对于不同的内容，应采取不同的结构形式，避免千篇一律。
3.页面设计
在页面设计中要保持站点的主题风格的一致性，在功能上有强大的交互性，这样才会给访问者留下深刻的印象。
4.测试发布
网站测试发布，包括完整性测试和可用性测试两部分。完整性测试，确保技术上的正确性。例如，页面显示是否无误，链接指向的地址是否正确等。可用性测试，且包页面内容是浏览者所需的，符合最初的设计目标。经过测试满意后，就可以上传到 Web 服务器发布了。
5.站点推广
站点推广可以通过两种途径：传统的广告和 Internet 宣传。
1）利用传统媒体
设计师可以在传统媒体上做广告，如广播、电视、报刊、黄页电话薄、分发的广告页、广告牌、灯箱、招贴、海报等等。平时，注意把网页地址（URL）当作公司或组织的通讯地址一样对待，放在任何可以放置的地方，包括企业的产品手册、信笺、名片等细小的地方。
2）利用网络媒体
到各搜索引擎注册、登记；
参加广告交换；
参与论坛、新闻组的讨论；
雇佣专门机构进行宣传；
通过与其他网站互换首页链接、在电子刊物上发布广告等方法推广站点。
6.反馈评估
站点的推广并不是网页设计的最后阶段。网页不同于传统媒体之处，就在于信息的更新频率和信息传播主客观双方的即时互动。设计人员必须根据用户的反馈信息经常地对网页进行调整和修改，定期或不定期的增加新的内容。
获得用户反馈的途径很多，如留言板、论坛、调查表、访客统计、计数器、Web 日志文件等。
| Permalink 转载原创文章请注明,^o^..
October 1, 2007 at 23:04 · Filed under 机械境
Smashing杂志（http://www.smashingmagazine.com）是一个致力于设计师和网页开发者的在线杂志。其主要目的是定期提供高品质内容的相关网站设计。它是由Vitaly Friedman创建的。Vitaly Friedman是一个网站开发自由职业者，一个作家（www.praxisbuch-web20.de）与网站开发手册的创造者（www.alvit.de/handbook），并且还是德国网页设计杂志Dr. Web的主编（www.drweb.de），到今年这本杂志已经创办10周年了。Christiane Rosenberger帮助我们度过了最初的6个月；从四月起Michael Dobler开始负责市场和广告。
Smashing杂志的主要理念是什么？
| Permalink 转载原创文章请注明,^o^..
August 15, 2007 at 04:48 · Filed under 机械境
先来说个小故事。中国有个企业，生产设备坏了，导致停产，请了不少专家，都无济于事。无奈，只好花重金请来国外专家，那专家只简单的瞧了一会，然后用粉笔在机器上画了一条线，说问题在这里，三言两下就使设备运转起来。厂方不服：”你只画了一条线，不该拿这几十万报酬。”国外专家说：”我为了能画这条线，我已经研究了几十年，知识的价值是用时间来恒量的吗？难道你们希望我花几个月时间修好它，才能拿这报酬？”
网页设计的价值，同样也不可以用时间去恒量。
| Permalink 转载原创文章请注明,^o^..
