网站设计系列：设计

设计体现了一个网站的艺术素养，然而并不是说您应当过分设计，设计风格应结合您的行业，要简洁，清新，优雅，平和，设计仅仅是在用户访问您的内容时获得一种外在印象，不可喧宾夺主。设计应遵循以下原则。 为初次访问者传递专业的第一印象 好的设计会给初次访问者带来难忘的第一印象，然而设计的好与坏从来都是仁者见仁，智者见智的，没有统一标准，如果硬要设置一条标准，就是好的设计应给人以专业感，所谓的专业感，通俗地讲，就是设计要象个样子，不妨拿您的网站和世界500强的作个对比，您就会知道专业感是个什么样子。 面向行业设计 如果您是机械行业，使用粉红色系作页面的配色就不恰当，不同的行业有不同行业的风格，您的设计应符合这个行业的风格，不同行业的设计风格一般以不同行业的消费群的口味而定，这就好比以专业摄影师为目标市场的相机一般以黑色，结实，手感重为特点，而消费类相机则以银色或彩色，轻薄时尚为特点。如果您不知道您的行业风格是什么，不妨看看您的成功的竞争对手的网站。 设计不可喧宾夺主 或者说，不可过度设计，您需要始终记住，用户来到您的网站，他们真正想看的是内容，而不是您的设计，何况，所谓设计，更多是一种主观的东西，随着这个世界的流行趋势而变，现在的设计多以简洁为美，一定不要将您的网站搞得象巴洛克时代的艺术品。 设计遵循优雅原则（elegant） 一些粗鲁的设计会让用户觉得受到侵犯，所谓优雅，举个例子，您的页面顶部放着20个无颜六色跑马灯在那里闪烁就绝对不是优雅，优雅的设计显得礼貌，有品位，有艺术感，让用户受到尊重，且不可让用户觉得您是在对他们大喊大叫。 设计遵守平和原则（peace） 不要用过分强烈的色彩或字体对比让用户感到不安，或者感到疲劳，好的设计是把自己的设计思想平平常常地展现出来，而不是总害怕人看不到，如果用户用户感觉不到您的设计用心有觉得舒服，您就是在以平和的心态设计。 包含醒目的 Logo 您的公司或网站的 Logo 要非常醒目，它们是您的视觉标志，不要把它们埋藏到一些乱七八糟的色彩中。 包含一套非常吸引人的企业 Banner 企业 Banner 是我自造的一个词汇，所谓企业 Banner 是一组图片或其它视觉元素，放在网站的上部，一般在 Logo 下方，导航条附近，用来展示企业的形象或动态，它类似广告 Banner 但只用于展示企业自身。企业 Banner 要有良好的设计，体现企业的文化，价值观或造诣，要定期更新。 企业 Banner 应当定期更新 企业 Banner 应该是您的网站中最醒目的部分，对于长期访问用户，它们应该成为用户注意力的中心，比如，微软每次有新产品，新动向，都会设计全新的企业 Banner 放在首页，如果您没有时间和经理定期对网站内容进行大规模更新，更新企业 Banner 并与企业动态结合起来，会让人觉得您的网站一直在活跃地更新。 企业 Banner 体现企业动态 如果您有一个大型展览会要举行，或者参加某项活动，或者在行业获得某个成就，奖励，或者有重大产品发布，都可以以企业 Banner 的形式告诉用户，如果您自己对这些动态重视，您的用户也会。 合理安排页面重心，不可有头重脚轻的感觉 人类能接受的最佳构图是三角构图，重心位于页面的左侧偏下，然后重心向右，向上逐渐减轻。否则会有画面不稳的感觉。不要在页面顶部罗列太多视觉元素，那样会给人头重脚轻的感觉。 全站遵守一致的设计风格 全站的配色与页面布局应该是一致的，要给人以连贯感，避免页与页之间有太突兀的变化。 对图片进行优化 图片在网站中地位非常重要，适当地使用图片元素可以避免页面太枯燥，图片比文字更容易理解，但您必须对图片进行设计时优化处理，否则它们的体积将使您的网站变得非常笨重，Photoshop 的 Save for Web 功能可以很好地帮助您对图片进行优化。图片优化的原则是，对于颜色比较丰富细腻的照片，应以 JPG 格式保存，适当选择压缩比例，一个 400×300 像素的图片以 JPG 保存时的尺寸应低于 20K 才合适；对于大色块的图形，以 GIF 格式保存比较好，适当降低颜色数以显著降低图片尺寸。 延伸阅读 2009年1月5日 — 十大网站设计错误 (0) 2009年1月3日 — 网站设计系列：搜索引擎优化（SEO） (0) 2009年1月3日 — 网站设计系列：W3C 标准 (0) 2009年1月3日 — 网站设计系列：性能 [...]