网页规划理论

网页外观

1.不要先决议网页的外观，然後逼迫自已去习惯它，应该从你的访客对像，你要传达的讯息以及你的制网方针推导出一个最适合的网页架构。

2. 每页排版不要太疏或用太大的字，尽量避免看你的网页时 要作很大的卷动，要知道在一页的上部分是显眼而宝贵的当地，不要只放著几个粗大的字或图片。

3. 切勿以 1024*768 以上的解像度规划网页。明智的网页规划者是处处照顾阅读者，绝不会夸耀自己有专线、有 19 寸的显现器 等。

4. 不要於每页刺进太多的广告牌。相信你亦不喜爱阅读一些贴满广告的网页吧，你要考虑到该页内容与广告的份额，摆放的方位亦很重要，无妨多参阅他人的做 法。广告太多，只会令人烦厌。

5. 不要每页都选用不同的墙纸，以免每次转页都要花时刻去下载，选用相同的底色 或墙纸还可添加网页一致性，树立风格。

6. 底色或墙纸有必要与文字比照激烈，易於阅览，这并不是要求你永久运用鲜亮的布景配搭深色的文字，但深色布景常要求与主题合作，有较多的顾忌，若你的网页 是文章式或包含很多文字，无妨在底色与文字的配搭上下些工夫，力求让访者能 舒适阅览你的文章。

7. 不要把图片白色当通明，要知道他人的作业系统不必定把内定底色设为白色，解 决方法除了真的把该网页的底色设为白色之外，最好仍是以图片修改工具为图片 设好通明色彩。

8. 太长的一页要运用内部连结，明智的网页规划者是不会让阅读者看网页时作太大的卷动。

一、方针明晰、定位正确

网页站点的规划是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文明的信息空间，领导必定要给予足够的重视，明晰规划站点的意图和用户需求，然后作出切实可行的计划。

挑选与锤炼企业的要害信息，运用一个逻辑结构有序地安排起来，开发一个页面规划原型，挑选用户代表来进行测试，并逐渐精炼这个原型，构成创意。

分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有误差，短少用户的查验造成的。规划者常常将企业的市场营销和商业方针放在首位，而对用户和潜在的用户的真实需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的根本状况，如受教育程度、收入水平、需求信息的规模及深度等，然后能够有的放矢。 
二、主题明显、赋有特征

在方针明晰的基础上，完成网站的构思创意即全体规划方案。对网站的全体风格和特征作出定位，规划网站的安排结构。

网页站点应针对所服务对象（机构或人）不同而具有不同的方法。有些站点只供给简练文本信息；有些则选用多媒体体现方法，供给富丽的图画、闪烁的灯光、复杂的页面安置，乃至能够下载声响和录像片段。最好的网页站点将把图形图画体现方法与有用的安排与通信结合起来。

要做到主题明显杰出，力求简练，要点明晰，以简略明晰的言语和画面告诉咱们本站点的主题，招引对本站点有需求的人的视界，对无关的人员也能留下必定的印象。关于一些职业标志和公司的标志应充沛加以运用。

调集全部手段充沛体现网站的特性和情趣，杰出特性，办出网站的特征。

网页站点主页应具有的根本成分包含：

页头：准确无误地标识你的站点和企业标志； E-mail地址：用来接纳用户垂询； 联络信息：如一般邮件地址或电话； 版权信息。

留意重复运用已有信息，如客户手册、公共联系文档、技术手册和数据库等能够垂手可得地用到企业的网页站点中。

三、版式编列布局合理

网页规划作为一种视觉言语，当然要考究编列和布局，虽然主页的规划不等同于平面规划，但它们有许多相近之处，应充沛加以运用和借鉴。

版式规划经过文字图形的空间组合，表达出调和与美。版式规划经过视觉要素的理性分析，和严厉的方法构成训练，培养对全体画面的把握能力和审美能力。一个优异的网页规划者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。

尽力做到全体布局合理化、有序化、全体化。优异之作，长于以巧妙、合理的视觉方法使一些言语无法表达的思想得以论述，做到丰厚多样而又简练明了。

多页面站点页面的编列规划要求把页面之间的有机联络反映出来，这里主要的问题是页面之间和页面内的次序与内容的联系。为了到达最佳的视觉体现效果，应考究全体布局的合理性。特别是联系十分严密的有上下文联系的页面，必定规划有向前和向后的按钮，便于阅读者仔细研读。

站点规划简略有序，主次联系清楚，将零乱页面的安排进程混杂的内容依全体布局的需求进行分组概括，经过进行具有内在联络的安排摆放，反复推敲文字、图形与空间的联系，使阅读者有一个流畅的视觉体验。

四、色彩彩和要点杰出

色彩及黑、白、灰的三色空间联系不论在规划仍是在绘画方面都起着重要的效果。在页面上必定得明晰调性，而其它有色或无色的内容均属黑、白、灰的三色空间联系，然后构成它们的空间层次。

色彩是艺术体现的要素之一，它是光影响眼睛再传导到大脑中枢而发生的一种感觉。在网页规划中，依据调和、均衡和要点杰出的准则，将不同的色彩进行组合、调配来构成美丽的页面。

运用色彩对人们心思的影响的效果，合理地加以运用。按照色彩的记忆性准则，一般暖色较冷色的记忆性强。色彩还具有联想与标志的特质，如：赤色标志火、血、太阳；蓝色标志大海、天空和水面等。所以规划出售冷食的虚拟店面，应运用消极而寂静的色彩，使人心思上感觉凉快一些。

在色彩的运用进程中，还应留意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，日子的地理方位、文明涵养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜爱比照激烈、特性明显的纯色彩；日子在草原上的人喜爱赤色；日子在闹市中的人喜爱浓艳的色彩；日子在沙漠中的人喜爱绿色。在规划中要考虑主要读者群的布景和构成。

五、方法内容调和一致

方法服务于内容，内容又为意图服务，方法与内容的一致是规划网页的根本准则之一。 画面的安排准则中，将丰厚的含义和多样的方法安排在一个一致的结构里，方法言语有必要契合页面的内容，体现内容的丰厚含义。

运用比照与调和，对称与平衡，节奏与韵律以及留白等手段，如经过空间、文字、图形之间的相互联系建立全体的均衡状况，发生调和的美感。如对称准则在页面规划中，它的均衡有时会使页面显得板滞，但假如加入一些动感的的文字、图案，或选用夸张的方法来体现内容往往会到达比较好的效果。

点、线、面是视觉言语中的根本元素，运用点、线、面的相互交叉、相互烘托、相互补充构成最佳的页面效果。

点是一切空间形状中最简练的元素，也能够说是最活跃、最不本分的元素。规划中，一个点就能够一应俱全，体现规划者的无限心思，网页中的图标，单个图片，按钮或一团文字等都能够说是点。点是灵敏多变的，咱们能够将一排文字视为一个点，将一个图形视为一个点。在网页规划中的点，由于巨细、形状、方位的不同而给人不同的心思感触。

线是点移动的轨迹，线在编列规划中有强调、切割、导线，视觉线的效果。线会因方向、形状的不同而发生不同的视觉感触，例如垂直的线给人平稳、耸立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面切割，经过线的切割确保页面杰出的视觉次序，页面在直线的切割下，发生调和一致的美感；经过不同份额的空间切割，有时会发生空间层次韵律感。

面的形状除了规矩的几何形体外，还有其它一些不规矩的形状，能够说体现方法是多种多样的。面在平面规划中是点的扩展，线的重复构成的。面状给人以全体美感，使空间层次丰厚，使单一的空间多元化，在表达较宛转。

网页规划中点、线、面的运用并不是孤立的，很多时分都需求将它们结合起来，表达完美的规划意境。

六、三维空间指置有方

网络上的三维空间是一个设想空间，这种空间联系需借助动态改变、图画的份额联系等空间因素体现出来。

在页面中图片、文字方位前后叠压，或方位疏密或页面上、左、右、中、下方位所发生的视觉效果都各不相同。在网页上，图片、文字前后叠压所构成的空间层次现在还不多见，网上更多的是一些规划得比较规范化、简明化的页面，这种叠压摆放能发生强节奏的空间层次，视觉效果激烈。网页上常见的是页面上、左、右、下、中方位所发生的空间联系，以及疏密的方位联系所发生的空间层次，这两种方位联系使视觉流程生动而明晰，视觉注目程度高。疏密的方位联系使发生的空间层次赋有弹性，一起也让人发生轻松或紧迫的心思感触。

需指出，跟着网页的遍及和计算机技术的迅猛发展，人们对网页言语的要求也日益增长。人们已不满足于HTML言语编制的二维网页页面，三维世界的诱惑开端招引更多的人，虚拟现实要在网页网上展示其诱人的风采，于是VRML言语呈现了。VRML是一种面向对象一种言语，它相似网页超级链接所运用的HTML言语，也是一种基于文本的言语，并能够运行在多种渠道之上，只不过能够更多的为虚拟现实环境服务。VRML仅仅一种言语，关于三维环境的艺术规划仍需求理论和实践辅导。

七、多媒体功用的运用

最大资源优势在于多媒体功用，因此要尽全部尽力挖掘它，招引阅读者坚持留意力。因此画面的内容应当有必定的实用性，如产品的介绍乃至能够用三维动画来体现。

这里需求留意的问题是，由于网络带宽的限制，在运用多媒体的方法体现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接纳的下载时刻内是十分必要的。

专业网页规划理论

⒈ 网页规划理念

⑴ 内容决议方法
先把内容充分上，再分区块，再定色彩，再处理细节。

⑵ 先全体，后部分，最终回归到全体。
全局考虑，把能填上的都填上，占方位。然后定基调，分模块规划。最终调整不满意的几个部分细节。

⑶ 功用决议规划方向
看网站的用处，决议规划思路.商业性的就要杰出赢利意图；政府型的就要杰出形象和权威性的文章；教育性的，就要杰出师资和课程。
⒉ 网页配色根本概念

⑴ 白纸黑字是永久的主题，谁都说不出不好来。

⑵ 网页最常用流行色

兰色——蓝天白云，寂静整齐的色彩。

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

橙色——活泼热烈，规范商业色彩。

暗红——宁重、严厉、高贵，需求配黑和灰来压制影响的赤色，

⑶ 色彩的忌讳

忌脏——布景与文字内容比照不激烈，灰暗的布景令人懊丧！

忌纯——美丽的纯色对人的影响太激烈抗议，缺少内在。

忌跳——再好看的色彩，也不能脱离全体。脱离群众是自取其辱！

忌花——要有一种主色贯穿其间，主色并不时面积最大的色彩，而是最重要，最能提醒和反映主题的色彩，就象领导者一样，虽然在人数上居少量，但起决议效果。

忌粉——色彩浅当然显的干净，但假如比照过弱，整得苍白无力了，就象病夫一样无可救药。
蓝色忌纯，绿色忌黄，赤色忌艳

⑷ 几种固定调配

蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做装点。

绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做装点。

橙白红——橙为主调。白底，橙标题栏，暗红或桔赤色按钮或ICON做装点。

暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容布景为浅灰色。

网页制作界面美观与和谐性细则：

1. 长宽接近黄金点份额，切忌长宽份额失调、或宽度超越长度。

2. 布局要合理,不宜过于密集，也不能过于空阔，合理的运用空间。

3. 按钮巨细根本相近，忌用太长的称号，免得占用过多的界面方位。

4. 按钮的巨细要与界面的巨细和空间要和谐。

5. 避免空阔的界面上放置很大的按钮。

6. 放置完控件后界面不应有很大的空缺方位。

7. 字体的巨细要与界面的巨细份额和谐, 通常运用的字体中宋体9-12较为美观，很少运用超越12号的字体。

8. 前景与布景色搭合作理和谐，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑运用Windows界面色彩。

9. 假如运用其他色彩，主色要柔和，具有亲和力与磁力，坚决杜绝刺意图色彩。

10.大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。

11. 界面风格要坚持一致，字的巨细、色彩、字体要相同，除非是需求艺术处理或有特殊要求的当地。

12. 假如窗体支撑最小化和最大化或放大时，窗体上的控件也要跟着窗体而缩放；切忌只放大窗体而忽略控件的缩放。

13. 关于含有按钮的界面一般不应该支撑缩放，即右上角只要关闭功用。

14. 通常父窗体支撑缩放时，子窗体没有必要缩放。

15. 假如能给用户供给自定义界面风格则更好，由用户自己挑选色彩、字体等。

16. 规划具有自己共同风格的界面尤为重要。

17. 界面上应有自己的图标。

18. 主界面，最好是大多数界面上要有公司图标。

19. 坚持一向的界面风格，如布景色、字体、菜单摆放方法、图标、安装进程、按钮用语等应该大体一致。

四、总结

1：1024*768 现在以及未来适当长的时刻，将是主流的或不可忽视的分辩率。

2：运用CSS进行页面布局，能够用变宽的布局方法，灵敏地习惯阅读器的宽度。乃至能够运用特殊的“魔术布局”方法，使页面的板块排版方法都随宽度改变，不过这种比较复杂的方法，并不常见。

3：大多数专业的网站，仍然是运用固定宽度布局，因为变宽布局虽然有优势，可是也有缺陷，一行文字很宽再折行，读者阅览很不舒服。因此，变宽布局常见于网上商店这类卖东西的网站，希望充沛运用空间，而关于内容网站，大多数仍然运用固定宽度布局，比如几大门户网站，没有运用变宽布局的。