8.4.1 Web设计的理念
1.网站设计特别讲究其编排结构和布局,要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。
2.在网页设计中,网页设计师应根据和谐、均衡和重点突出等原则,将不同的色彩进行组合、搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。
3.为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
4.要格外注意网站导航清晰,导航设计使用超文本链接或图片链接,使人们能够在你的网站上自由前进或后退,而不会让他们使用浏览器上的前进或后退。
8.4.2 Web设计的定位
网站设计应建立在目标明确的基础上,完成网站的构思创意即总体设计方案,对网站的整体风格和特色做出定位,根据定位再规划网站的组织结构。
网络站点应针对所服务对象(机构或人)的不同而具有不同的形式。为了做到主题鲜明突出,要点明确,我们将按照需求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,展示网站的特点。
8.4.3 网页制作的规划
网页制作之前应全面仔细规划架构好自己的网站,不要急于求成。规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,费时费力。大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形、树形或网状链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
8.4.4 网页设计的布局理念
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型等。
(1)“国”字型
也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
(2)拐角型
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及一些横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
(3)标题正文型
这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这类。
(4)左右框架型
这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的。这种类型结构非常清晰,一目了然。
(5)上下框架型
与上面类似,区别仅仅在于是一种上下分为两页的框架。
(6)综合框架型
上面两种结构的结合,是相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
(7)封面型
这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站、个人主页和有些课程网站的进入界面,这类网页会给人带来赏心悦目的感觉。