各位站长朋友们,可能你已经佣有过网站，还没有网站，不管你只要现在想做网站，制作网站，在作站之前不妨先去思考几个问题

·谁是你的目标用户？

·目标用户具有什么特点？

·你的网站运营目标是什么？

·如何让你的设计真正为传递网站内容和产品价值而服务？

·你的设计能否给目标用户带来更好的体验？

网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用户习惯的方式呈现。

同时网站的外观设计还要通过对用户行为的引导服务于网站的运营目标。
２.网站设计注意事项

1 风格要突出企业/产品的个性气质

企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，比如套用模板程序做出来的网站

通常就难以体现个性气质。

很多创意类的工作室或者广告公司的网站常常喜欢采用红黑，黑白这样对比强烈的颜色。以此来体现网站的品牌气质，使网站整体显得个性张

扬，饱满精致。

2.2 网站风格要符合品牌视觉形象

塑造网站的品牌形象的关键是将企业的 VI 视觉元素运用于网页设计，使得网站的整体风格符合企

业品牌的内涵，达到线上线下整体风格一致，有助于品牌形象的统一塑造。

3、在页面头部的醒目位置放 logo，并配以品牌口号，贯通全站每个页面

4、同一级别的页面在设计上保持一致性。

3．“实用”与“美观”的平衡点

3.1 网站设计少点花俏，多些实用

用户到网站是为了获取希望了解的信息，设计繁杂的网页对于用户快速获取信息是一种阻碍，因为过多的设计元素和背景噪音会令用户分心，

还会影响网站的兼容性和打开速度。因此，网站设计少点花俏，多些实用，着重于整体风格的形成和实用信息的传递，而不是对局部细节过度

刻画、滥用 动画图片或 flash，导致浏览者无所适从。

3.2 网站外观设计的艺术性

大部分用户打开一个网站首先形成的印象是来自于网页外观设计，因此外观设计的美观、艺术性也
是网站易用性建设的基础。对企业网站来说，要兼顾“实用性”基础上的美观和艺术性，通常在于
对细节设计的用心。

4．网站导航设计

网站的导航机制是网站内容架构的体现，网站导航是否合理是网站易用性评价的重要指标之一。

网站的导航机制一般包括全局导航、辅助导航、站点地图等体现网站结构的、对用户进行引导的因

素。

正确的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的空间感和方向感，不管来
到网站的哪一页，都很清楚自己所在的位置。

4.4 导航设计禁忌

最佳导航方式是采用文本链接方式，但不少网站，尤其是娱乐休闲网站为了表现网站的炫酷风格，在全局导航条上通过 flash 等技术手段大做

文章，弊大于利
5.网站界面布局

网站界面的布局方式、展示形式直接影响用户使用网站的方便性。合理的页面布局令用户快速发现网站的核心内容和服务；如果页面布局不合

理，用户不知道如何开始获取所需的信息、或者怎么执行操作来获得相应的服务，那么他们就会离开这个网站，甚至以后都不会再访问这个网

站。

界面布局的基本原则是既要体现网站运营的重点，又要兼顾用户访问行为习惯，由此，需要做到以下几方面：

5.1 界面布局与内容的相关性

网站的界面布局与网站内容架构息息相关。网站界面布局应遵循用户浏览习惯和网站的信息规划，将内容合理有序的呈现在用户面前，使重要

信息置于页面重要板块得以重点体现。同时网站的界面布局也反映出网站的运营思路，并对最终的营销结果产生影响。

5.2 网站界面设计的兼容性

网站界面设计还应考虑浏览器兼容性，即要适合大多数用户的浏览环境，使他们都能正常的浏览。随着 Web 标准的推广和应用，将网站界面的

表现与形式分离，更具灵活性和适应性的方式在网站建设中越来越受推崇。要做到网站界面在各浏览器和分辨率下相兼容，不妨第一步就从

web 标准化的运用开始。

目前网站界面的主流分辨率主要指 1024px×768px，

而随着液晶显示器的普及，1280px×1024px 分辨率将会有更多人使用。因而网站界面设计应该在保
证主流分辨率的基础上，争取做到兼顾适应未来分辨率的趋势。

同理，网站界面目前对应的主流浏览器仍然是 IE5.5 以上，火狐 firefox 的市场份额近年也不断增
加，设计师要做到网页在以上浏览器下均能正常浏览。

手机 3g 时代终将来临，无线互联网将是未来发展趋势。企业在建立网站时不光考虑网站界面在各

浏览器的兼容性，还有必要对手机浏览兼容，有的企业甚至会建立专供手机上网浏览的 wap网站。

5.3 首页设计任务

作为企业网上信息的第一入口，首页不仅扮演形象展示的作用，更重要的是起到信息传递的作用。

目前，国内品牌企业的首页设计过于重视“形象展示”职能而忽略“信息传递”职能，导致大量企

业网站首页一律是全屏 flash，对用户快速获取信息造成阻碍。

因此，网站的首页设计要在传递品牌形象的同时，让首次访问的用户在第一时间明白网站的内容、
服务和功能，同时，通过首页，能够快速直达所要找寻的目标页面，因此首页设计需要具备一些基

础元素：企业 logo 标示、信息搜索框、全局导航条、产品分类目录、动态新闻、推荐信息、网站
地图等基本要素。
5.4 列表页面版式设计

常见的列表页面包括新闻等文字链接类型的列表和产品页面等图文混排型的列表。站内搜索结果页
面也属于列表页面的一种。

列表页面的特点是：用户在列表页面的浏览目的已经相当明确，集中于某一主题下的可选信息丰富，
是通向内容页面的最后一道桥梁；用户在此页扫描式浏览，希望尽快找到链接目标进入内容页面。
因此列表页面应尽量减少干扰信息，突出内容的链接标题。

5.5 详细内容页面版式设计
详细内容页面应属于网站最深层次的页面，如单条新闻的详细内容或是单个产品的详细内容。一般
都有较多的文字。形式上主要分为文字排版和图文混排。

在详细内容页面上，用户获取信息的目的已经相当明确，此时不宜在页面左边或正前方视线最集中
的地方出现干扰性内容，而应将干扰性内容置右侧或页面底部位置。

同时，详细内容页面由于是网站的终极页面，大量用户在这里关闭窗口退出网站，因此有必要根据本页内容主题提供与本文相
关的其他内容链接，如“相
关文章”列表，尽量挽留用
户。

5.6 页面第一屏空间利用

第一屏是用户视线和行为集中的部位，用户最关注的内容必须在第一屏呈现。目前很多企业网站的第一屏大半空间被广告占据，不利于用户快

速获取需要的信息。总体上，页面第一屏空间利用包含以下要素：

全局导航条、核心内容部分、内页具备当前位置的提示、。
国内品牌企业尤其喜欢在第一屏视线最集中的位置使用宽幅的通栏广告图片，以展示所谓的“企业形象”，这种手法往往用得过火，导致第一

屏 2/3 的位置都是毫无疑义的形象宣传图片，浪费了宝
贵的黄金地段。

6.1 让文字易辨识

字体是帮助用户获得与网站的信息交互的重要手段，因而文字的易读性和易辨认性是设计网站页面

时的重点。不同的字体会营造出不同的氛围，同时不同的字体大小和颜色也对网站的内容起到强调 或者提示的作用。
正确的文字和配色方案是好的视觉设计的基础。网站上的文字受屏幕分辨率和浏览器的限制，但是
仍有通用的一些准则：文字必须清晰可读，大小合适，文字的颜色和背景色有较为强烈的对比度，
文字周围的设计元素不能对文字造成干扰。尽可能少用游动文字、图形文字。

6.2 让图片更合理

页面上图片也是版式的重要组成，正确的运用图片，可以帮助用户对信息加深印象，引导用户的行
为，与网站整体风格协调的图片，能帮助网站营造独特的品牌氛围，加深浏览者的印象
网站中图片的主要作用大致有以下三种：banner 广告图片、产品展示图片、修饰性图片。图片运用
不合理的情况通常有：图片尺寸过大、动态图片过多、应该使用文本的地方错用了图片。

6.3 让表单更易用

用户在填写网站表单的时候，无论是注册、发布信息/文章、信息反馈，都已到了顾客转化的关键
环节，重要性不言而喻。

表单涉及到较复杂的在线交互行为，与流程息息相关，当一个交互过程需要分成很多个步骤完成的
时候，更重视对用户一步一步的引导，每一次点击都合理有效，接近并最终达成任务目标。

6.4 让按钮更易点击

按钮是网站界面中伴随着用户的点击行为的特殊图片，由于按钮点击行为是将用户引向顾客转化的
重要步骤，因此按钮在设计上有较高的要求。

按钮设计的基本要求是要达到“点击暗示”效果，凹凸感、阴影效果、水晶效果等均是这一原则的体现。同时，按钮中的可点击范围最好是整

个按钮，而不仅限于按钮图片上的文本区。