网站页面结构设计

发布：2018-10-20 16:03:47 浏览：3448

经验丰富的Web设计师，诸如才华横溢的报纸艺术总监，能欣然接受自己从事的项目带有标题、栏和页脚的事实。她的工作不是抱怨这些新兴的共性，而是使用它们来创建独特的、浑然天成的、符合品牌定位的有些许纪念意义的、娴静而又明艳动人的页面.

图书设计和印刷工艺是古老的、值得尊敬的设计学科。它们都有一个悠久的创造性历史，这个历史与我们对“图书形式、页面布局、字体设计、版面设计，以及那些构成最佳印刷设计的视觉设计和内容的完美融合”的期盼是紧密相关的。这些富有创造力和聪明才智要求的手艺没有受到《芝加哥格式手册》书中长达950页的规则和惯例的约束。图书设计、版面设计以及印刷出版行业都是由创建好的印刷出版惯例和标准引导的。如今，有了创建网站的“Web标准”方法，有经过仔细验证、能为人们广泛访问的XHTML和CSS，我们拥有了很多出色技术标准。遗憾的是，我们仍处于Web发布、编辑和设计标准的这样一个尴尬不成熟的阶段，让人欣慰的是混乱中还浮现了明确的样式以及用户期望。关于“设计”，采用对标准、规则和惯例的诉求作为开头看起来很有些奇怪，不过，网站项目通常会在设计阶段受挫，这是因为忽略了很多关于传统出版、编辑标准以及规范，而过多地追求图形、技术的手法而导致的。“宁可循规蹈矩不得标新立异。”

1.结合环境进行网站设计

网站由众多元素层级组成，这些元素作为一个整体共同协作来满足用户的期望。你将基于网站设计这个起点，规划网站的信息架构、导航元素以及用户界面框架，并且着手采用HTML和Css来构建一个真实的网站。不过，在开始这个过程之前，需要让网站适合Web环境和企业环境。

1.1万维网

更大的Web环境造就了用户对所有网站的期望。你的调看者的要时间都花费在(你网站之外的)其他网站之中。所有的网站设计都应当考虑大量的设计规范以及用户对Web的期望，避免在界面和设计创新上进行太多自我的尝试。如果网站提供了大量的内容和服务，自然会成功，也自然会吸引访问者和顾客。没有哪个网站会因为自己前者的主页面成功的。如果你忽略了用户的期望，为内容创建了一个奇特的与众不同的框架，网站很容易失败。

1.2企业Web标识

如果你在某个大型企业就职，通常，明确与该大型企业的关系是网鈷设计中的一个清晰而有意义的部分。如果机构对标识程序或者Web模板体系进行了规定，则请使用之。采纳大型企业的设计标准不但可以省时还可以省钱。通常，因为拙劣管理而名声不佳的机构(大学、政府机关以及大型非盈利机构)，其网站也会十分混乱不堪。有时候，大型公司也存在同样的问题，但是商界针对企业标识程序的标准和规范做出了良好的规定，大多数企业网站的初衷都是让所有人共享个共同的外观、感觉和用户界面，每一个子公司网站都要反映出与母公司的清晰的关系。

2.页面结构和网站设计

网站是完全抽象的一它们只存在于你头脑之中。在定义这样的网站时，我们真正描述的是共享着相同图形、导航外观和感觉的多个链接页面的集合。页面共同的设计特征使得整个“网站”看似相当连贯。单个HTML页面以及页面设计和链接原理是网站的基本构成元素，所有用来描述网站架构特征的元素都应该在页面模板中出现。经历了十几年的发展后，Web已经逐步成熟，在以文本信息为主的网站中，Web页面结构已经变得相当规范。尽管不是所有的Web页面都采用了与此处描述的完全相同的布局和功能，但是大多数Web网页都已经在Web用户熟悉的页面位置采用了此处列举的部分或者全部的基本元素。

2.1页眉

页眉就像是那些位于各个页面顶部的微缩版主页，它的很多功能都与主页相似，唯一不同的就是空间更小。页眉为网站设计提供了标识和全局导航，以及搜索成者其他工具。虽然这些组件的准确位和排列方式因网站而异，但整体样式已经相当趋同。页眉是网站标识中可见性最好的部分。眼见为实:那些共享页眉的页面集都被认为是一个“网站”，即便这此页面采用不同的技术材作面成.