【海风数据港】是专业沈阳服务器托管、沈阳网站制作、沈阳网站优化、沈阳网站建设的沈阳网络公司
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的 。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是， 网站使用了大量的图片，似乎要几个世纪才能下载完。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计 的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
07用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
08 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
09 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
10 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新 版的浏览器才支持CSS。
11 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种 技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
12 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。 如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置， 以便你的访问者能离线阅读。
13 不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典 型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不 得不使用卷滚条。
14 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以 便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和 搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提 供的正是他们想要的信息。
15 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访 问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
16 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色 的背景和黑色的文本，另外还应当坚持使用通用字体。
17 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找 到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条 ，使浏览者能够从每一页上访问网站的任何部分。
18 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了 给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数 器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是 多么受欢迎，你最好提供一个链接，显示访问日志。
19 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边 有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框 架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人 主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列 出你的网站。
20 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满 意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的 网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图 像来满足访问者的需要。
21 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创 建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入 ，以后重新载入就会很快。
22 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度 是一个好的建议。
23 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网 站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
24 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash， 在使用时不必再下载任何插件。
但是，最好还是取消使用Flash做各接口的想法。
25 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的 缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本 不想看的大图像。
26 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并 不只是Macromedia Director等制作的东西的简单堆积。
27 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多 地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标 发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考 虑声音将会给你带来什么。
28 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使 用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在 处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
29 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问 者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返 回了。
30 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听 到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访 问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
31 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品 和开发技术。
32 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站 时，应该花足够的资金来创建图形，以增强公司的宣传。
33 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容 性如何。
34 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中 的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址www.we blint.org/validation.html中，你能够找到更多有效的HTML工具。
35 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链 接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到 与你的内容无关的网站上。
36 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后 再发布的。
37 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引 擎上进行登记。
38 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问 者再次回到你的网站，还有助于扩充网站内容。
39 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新 的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览 器。在上载网站时还要测试所有的链接和导航工具条。
40 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否 容易使用。
41 动画点缀
网页上的动画最多只用一个。
42 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览 的内容，然后设计导航系统。
43 “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足 够的空间，在设计时也应该避免使用。
44 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩 。
先声明图像的大小
在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属 性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示 整个网页。
45 图像大小属性，
可以在IMG标签中保存这个属性。这可以使网页显得很流 畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
46 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的 信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为 这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖 励，让用户能主动填一些信息反馈表。
47 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息 。
48 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
49 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
50 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
51 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。
网站的版面设计
设计首页的第一步是设计版面布局。
就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。
虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。
版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的"秘诀"告诉您。
我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤：
一.草案
新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
二.粗略布局
在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
三.定案
将粗略布局精细化，具体化。（*你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。）
在布局过程中，我们可以遵循的原则有：
1、正常平衡---亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。
------------(转载自广告大师樊志育《广告制作》)
以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如，
○网页的白色背景太虚，则可以加些色快；
○版面零散，可以用线条和符号串联；
○左面文字过多，右面则可以插一张图片保持平衡；
○表格太规矩，可以改用导角试试。
经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:)
看看我们经常用到的版面布局形式：
1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。
2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。
3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。
4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。
5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。
以上总结了目前网络上常见的布局，其实还有许许多多别具一格的布局，关键在于你的创意和设计了。对于版面布局的技巧，这里提供四个建议，您可以自己推敲：
1.加强视觉效果
2.加强文案的可视度和可读性
3.统一感的视觉
4.新鲜和个性是布局的最高境界
·····商业Web站点设计策略······
相信很大一部分人知道，我们国内的很多web站点设计项目都存在着一个特点，那就是将设计和制作混为一谈。所谓的设计站点，就是简单的把客户给的资料图形化，不考虑任何其他的因素，比如能否让站点实现预期的商业收益，让站点真正给用户提供他们想要的信息和服务。于是，大量的站点形同虚设，成了白白浪费时间、金钱、人力，最后却成立占用网络空间的一堆乏人问津的文件组合。因为一般性的web站点制作技术很易于掌握，所以，有能力制作网站的人是比比皆是，在能作和能设计之间，人们的界限慢慢模糊。很多人认识到的网站设计，可能就是把界面做的漂亮点。而实际上，设计站点远非如此简单。Web作为一个新兴的媒体，它的目的性很明确，对于一个企业来说，站点的存在就是为了商业目的。而实现站点的商业目的，不经过好的规划和出色的创意，是不可能实现。
下面，就我所接触和学习到的web设计理论，简要叙述一下web设计的基本步骤。
1、 确立目的
目的是web站点建设的中心，也是指导设计的最重要因素。目的可以简单，但不要模糊不清，否则web设计和实现都将非常困难。用户对web的期望，和web真正能很好实现的东西一般都有差距，如何和用户沟通，来达成共识是web项目一开始就要解决的。目的先要细化成可清晰描述的明确目标，越清晰的目标，越容易控制和实现。因为web的目标也可能需要漫长的时间才能实现，所以在保持总的发展策略的前提下，可以对不同时间段的目的有明确的界定，这样不但可以让发展的中心不被偏离，还可以比较容易的评析效果，以期制定对策。Web是种特殊的媒体，所以设计师必须懂得和了解这种媒体的特性，尽管设计是共通的，但对web，必须要有针对其特性的设计考虑。
web和传统媒体的比较，相对于印刷品，web因为其信息系统的结构和超文本链接指向的优势，使用户寻找到自己感兴趣的信息速度上快于印刷品。在信息的表现方式上，web可表现多媒体信息，也优于印刷品。最大的优势就是交互性，这是任何传统媒体都无法比拟的。但web也有其不足，由于我们常接触到的web主要在荧光屏上实现，因此用户在屏幕上阅读大量文本时，眼睛很容易疲劳，且就便携这一点，当前的计算机是无法和印刷品相比的。而相对于电视这一媒体，电视作为一个已存在几十年的媒体，无论是从用户的数量和用户对其的熟悉方面，还有电视在动态影像的表现，都要优于web。尽管web在带宽提高的基础上能流畅播放视频，但就一般而言，从web上观看动态影像并不现实，以上所说的动态影像是指象素化的视频。不过web相比于电视，其交互性能给用户更多自由选择的机会，能更好的和用户沟通，并给其带来特殊的体验。
在充分了解站点的目标用户的特点，和web的特性之后，针对用户的种种特点来进行设计的工作就可以开始了。
2、 构建信息系统架构
在分析了站点的目的和目标用户的特点和需求之后，让信息能真正满足用户的需求，就必须设计一个易于传递信息的站点架构。导航系统和页面中的超链接是用户最直接的交互工具，也是站点信息流动的外在体现。信息架构是一个站点的骨骼，也是站点是否能达到顺利表达信息的一个重要因素。
确定采用何种技术，技术是实现站点的最基本的东西。但是最新最先进的技术在不同计算机平台上的表现大相径庭，有些甚至不被支持。所以为了保证尽可能多的目标用户能正常的浏览站点。在使用技术上要慎重，不能盲目采用过新的技术。而同样和浏览相关的就是站点文件的大小，文件尺寸较大，下载速度就会变慢，如果页面的下载速度超出了用户心里能承受的极限，那么用户很可能就会放弃对站点的浏览而转向其他的站点。
3、 站点中的图形用户界面设计
用户界面是帮助用户浏览站点和控制与站点交互的重要工具。好的界面应该是帮助用户很顺畅找到他们所需要信息。在设计思想上，尽量采用熟知的，已经约成俗定的惯例来设计用户界面，因为用户可能具有一些站点访问的经验。
在这一环节，设计师还要做以下工作：将企业文化很好的融合进界面，合理分配版面来确保信息的传达，美化界面以使其更吸引人，确保它能给用户带来舒适的站点体验。
以上是web设计师在站点设计上要经历的步骤，这些步骤之后，就是用技术实现站点和测试站点。这不在本文的叙述之内。
·····网站CI形象设计······
定位你的网站CI形象。
所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY,三菱，麦当劳等等。
一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的， 有创意的CI设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。有网友要问了：我不是学广告专业的，CI对我来说可能太难了吧:(不用担心，阿捷自己也没有学过设计专业哦。大家只要参考我的一些具体做法和经验，很容易将自己网站的CI搞定:)
1.设计网站的标志(logo).首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。
标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：soim是用soim的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。
(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。
(2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。
(3).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体， 字母的变形，字母的组合可以很容易制作好自己的标志。
2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？
一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要 用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。
一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。(注：关于色彩搭配的具体方法，我们会在本系列文章的第八篇介绍)。
3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是阿捷的个人看法，你可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难:)
需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！
4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。
以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说：你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静态来设计CI,还没有引入声音，三维立体等因素。)
·····网页色彩的搭配······
首先我们先来了解一些色彩的基本知识：
1.颜色是因为光的折射而产生的。
2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。
3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。
4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。
网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。
●非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。
●彩色的搭配
色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。
一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。（如下图）
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | |
暖色系 中性系 寒色系 中性系
二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。
绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。
橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛（象天空的色彩：）
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
○网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。（参考设计思考第二篇网站CI的标准色彩一节）
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。
○网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。
○网页色彩搭配的技巧
文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师：）
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择"自定义"，然后在"色库"中选就可以了：）
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。
在网页配色中，忌讳的是：
1.不要将所有颜色都用到，尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
万柳塘路109甲1宏发 大厦525室
-
电话：024-24804848
- 8748636
- 15317796
- 102656105