网页理论

1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。

大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。

因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。

2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。

在你构建网站考虑网站设计时，应该尽量保持这一格式。

要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。

3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容
用户普遍的浏览方式呈现出“F”的形状。

保证网站内容的重要要素集中于这些关键区域，以此确保读者的参与。

在此放置头条，副题，热点以及重要文章，这样可以吸引到读者进行阅读。

4.读者会忽视横幅广告
研究表明，读者常忽视大部分的横幅广告——尽管你以此维持网站生计——视线往往只停留几分之一秒。

如果你想通过广告挣钱，那么必须创新你的广告位以及合理配置网站广告形式。

5.花哨的字体和格式被忽视
为什么呢？那是因为用户会认为这些是广告，并非他们所需要的信息。

事实上，研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息，因为视觉线索告诉他们把这些忽略吧。

保持网站的清爽，不要因为华而不实的表面，让重要的信息被忽略。

6.用数词来代替数字
如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。

要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。

7.字体大小影响浏览行为
想改变人们对你的网页的看法吗？改变网页字体的大小。

大的字体刺激浏览，而小一些的字体则提高焦点阅读量。

根据你的需要，合理配置两者的比例。

8.遇到感兴趣的内容，用户仅会多看一眼副标题
不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。

你也可以让副标题包含关键词，这样可以有效利用搜索引擎，让它带来读者。

9.人们大都只浏览网页的小部分内容
如果在用户浏览的时候提供信息使他们尽快锁定目标，就可以把这一点发展成为你的优势。

突出某些部分或者创建项目列表使网页信息容易找到和阅读。

10.简短的段落相对于长段落来说有更好的表现力
网页信息是为大多数强调快速浏览的无联网用户提供的。

除非上下文的衔接要求，保持信息由简短的段落和句式组成，例如这个电子商务网站的产品介绍。

11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力
别让过多的信息把网站来访者淹没。

大多数情况下，简洁更具力量。

多栏内容容易被用户忽视，我们需要消除这些干扰。

12.网页顶部和左边的广告更能吸引眼球
如需要在网站植入广告，试图使他们融入网页的左上部，这样他们才能吸引到最大的视觉注意力。

当然，用户仅仅会注意到这些广告，这并不意味着他们会用鼠标点击。

所以不要为了提高广告的注意力而牺牲原有的网站设计。

13.将广告放置与最佳内容一旁也可以提升注意力
如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。

这样，用户既可以找到所需的内容，你也能提升广告的效益。

14.在各种测试中，人们阅读文字广告最为专心。

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。

这就是文字广告表现出众的原因。

他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

15.越大的图像吸引越多的注意力
如果要在网页中使用图片，那越大越好。

人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。

要保证你所用的图片与文章内容相关，否则它更容易被忽视。

大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。

16.干净、清晰的特写图片能吸引更多的视觉注意
可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。

如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。

必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

17.标题能吸引眼球
浏览网页时，读者能发现的第一内容是标题。

确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。

18.用户花费大量时间察看按钮和菜单
所以，你需要花费额外的时间维护你的精心设计。

毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。

19.表单格式可以延长读者的注意时间
分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。

使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

20.避免呈现大块的文本
研究显示，一般的网络浏览者不会花费时间去阅读大块的文本，无论他们有多重要或写得多好。

因此，必须把这些大文本分解为若干小段落。

突出重要的地方，放置点击的按钮也可以提高用户的注意力。

21.格式可以吸引注意力
在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。

使用时需要谨慎，因为过多的使用会使你的网页难以阅读，把读者吓跑。

22.利用好空白
尽管把网页的每寸空间都填满这个想法十分诱人，但事实上让网站留出部分剩余更为不错。

网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。

所以保持网页的简洁，给读者预留出一些视觉空间来供读者休息。

23.放置于网页顶部，导航工具的作用将更好的发挥
理想情况下，你不会满足于当读者打开你的网站时仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容。

将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。

一、垃圾还是经典
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。

不管是垃圾还是精品，都没有所谓的经典。

经典只存在于是哪个首次成功创新性的应用。

网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。

一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。

网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象
征！
二、国内网页设计环境
不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。

以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。

也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。

举个简单的例子，看看“阿里巴巴”中文和英文两个版本的页面。

中文版主色是橙色（与标志色统一），英文版是极不协调的蓝橙（具有很明显的生凑效果）。

为啥中文版是橙色，呵呵，不要以为哪是为了和标志统一，其实那时国内最常用的商业色。

橙色代表什么？肉色，淫欲。

商业是性质？贪婪、拜金。

对于社会主义初级阶段群众的普遍思想来说，橙色就是最突出的体现，它不仅仅是网页首选商业色，它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”，它还说明了“低认知水平”的国人，需要用这个刺激的颜色，去宣教引领他们被动接受。

为啥英文版是蓝橙？因为洋人已处于发达社会，他们首先需要的不是“宣教引领”，而是“功能”。

一个弱化的界面更能强化显示功能，使人方便使用。

较刺激热烈的颜色，会引起洋人的反感，所以用的浅蓝灰色。

那么为什么又会出现极不协调的橙色捏？原因有二，一是要与标志颜色统一，二是中英文要有传承，所以出了这末个一半是火焰一半
世海水的结果。

明白了吗？社会主义初级阶段界定了各行业都在一个初级阶段，这个初级阶段归根结底是由“经济发达水平”决定的。

同样，决定网页设计的也是“经济发达水平”，而不是
个人的设计水平和思想理念。

三、什么是好的网页设计
⒈ 内容和功能决定表现形式和界面设计
常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。

有的人看看纸条就去设计页面了凭，凭两句话，你就可以为客户做一个页面设计，以我7、8年的设计
经验，我都不敢去做，你真是我的偶像阿！
做网页设计，你需要了解客户的东西很多：
1.建站目的
2.栏目规划及每个栏目的表现形式及功能要求
3.主色、客户性别喜好、联系方式、旧版网址、偏好网址
4.根据行业和客户要求，那些要着重表现
5.是否分期建设、考虑后期的兼容性
6.客户是否有强烈的建站欲望
7.你是否能在精神意识上控制住客户
8.面对你未接触的技术知识，你有底吗？
9.等等...
当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。

⒉ 界面弱化
一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。

这就涉及到浏览顺序、功能分区等等。

要让访客在0.5内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一此的，绝不点第二次。

当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。

网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。

效果可以体现意境，点到为止。

⒊ 模块化和可修改性强
模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。

这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。

，无论是架构还是模块或图片，都要考虑可修改性强。

举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。

如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。

然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px |
Arial Black 12px+ |
⒋ 创艺是可耻的，分析能力远比创艺来的重要
设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。

一个网也设计
者的分析能力远比创艺来的重要。

⒌ 兼顾还是抛弃
CSS、XHTML、web2.0、Ajax等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。

之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。

四、结尾，送上我的《简明网页设计理念》
⒈ 网页配色基本概念
⑴ 白纸黑字是永远的主题，谁都说不出不好来。

⑵ 网页最常用流行色
∙兰色——蓝天白云，沉静整洁的颜色。

∙绿色——绿白相间，雅致而有生气。

∙橙色——活泼热烈，标准商业色调。

∙暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，
⑶ 颜色的忌讳
∙忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
∙忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

∙忌跳——再好看的颜色，也不能脱离整体。

脱离群众是自取其辱！
∙忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决
定作用。

∙忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫
一样无可救药。

∙蓝色忌纯，绿色忌黄，红色忌艳
⑷ 几种固定搭配
∙蓝白橙——蓝为主调。

白底，蓝标题栏，橙色按钮或ICON做点缀。

∙绿白兰——绿为主调。

白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

∙橙白红——橙为主调。

白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

∙暗红黑——暗红主调。

黑或灰底，暗红标题栏，文字内容背景为浅灰色。

⒉ 网页设计理念
⑴ 内容决定形式
先把内容充实上，再分区块，再定色调，再处理细节。

⑵ 先整体，后局部，最后回归到整体。

全局考虑，把能填上的都填上，占位置。

然后定基调，分模块设计。

最后调整不满意的
几个局部细节。

⑶ 功能决定设计方向
看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

⒊ 如何快速高效的完成设计工作
⑴ 天下文章一大抄。

就看你会抄不会抄。

抄的是道念，思想，局部精致的点缀。

在网上搜索同类网站，找几个顺眼的，用一个为基本兰图，把几个优点整和成自己的，这样最高效快捷，而且还出成果，能学到很多东西。

⑵ 上设计论坛，找参考资料。