Div+CSS3.0网页布局案例精粹(升级版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.5 网页设计的原则

网页作为信息传播的一种载体,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合、内容与形式的统一。它要求设计者必须掌握以下几个主要的设计原则。

1.5.1 为用户考虑原则

为用户考虑原则实际上就是要求设计者要时刻站在浏览者的角度来思考问题,主要体现在以下几个方面。

1.使用者优先观念

无论什么时候,不管是在着手准备设计页面之前、正在设计之中,还是已经设计完毕,都应该有一个最高行动准则,就是使用者优先。使用者想要什么,设计者就要去做什么。如果没有浏览者光顾,再好看的页面都是没有意义的。

2.考虑用户使用的浏览器

要考虑用户使用的浏览器。如果想要让所有的用户都可以毫无障碍地浏览页面,那么最好使用所有浏览器都可以阅读的格式,不要使用只有部分浏览器支持的HTML格式或程序技巧。

如果设计师想要展现自己的高超技术,又不想放弃一些潜在的浏览者,可以考虑在主页中设置几种不同的浏览模式选项(如纯文字模式、Frame模式、Java模式等),供浏览者自行选择。

3.考虑用户的网络连接方式

要考虑用户的网络连接方式。浏览者可能使用ADSL(非对称数字用户线)或高速专线或小区光纤,但还有一部分用户使用手机上网。所以,在进行网页设计时就必须考虑这种状况,不要放置一些文件量很大、下载时间很长的内容。网页设计制作完成之后,最好能够亲自测试一下。

1.5.2 主题突出原则

视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者,以使主题在适当的环境中及时被人们理解和接受,从而满足人们的需求。这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力突出设计主题,如图1-15所示。

图1-15 突出设计主题

根据认知心理学的理论,大多数人在短期记忆中只能同时把握4~7条分类的信息,而对多于7条的分类信息或不分类的信息则容易产生记忆上的模糊或遗忘,概括起来就是,较小且分类的信息要比较长且不分类的信息更为有效和容易浏览。

这个规律蕴含在人们寻找信息和使用信息的实践活动中,它要求视觉设计者的设计活动必须自觉地掌握和遵从。如图1-16所示,页面上的每一类的分类信息都在7条以内,最多也只有7条。

图1-16 页面上的分立信息

网页艺术设计属于视觉设计范畴的一种,其最终目的是达到最佳的主题诉求效果。取得这种效果,一方面要运用逻辑规律对网页主题思想进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面要运用艺术的形式美法则对网页构成元素进行条理性处理,以更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进浏览者对网页内容的理解。只有将这两个方面有机地统一起来,才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题,也就是说,什么样的网站就应该有什么样的设计。例如,设计类的个人网站与商业网站的性质不同,目的也不同,所以评论的标准也不同。

网页艺术设计与网站主题的关系应该是这样的:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,也就是说,既要实现“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,在某些情况下,“功能”就是主题,或者“美”就是主题。

例如,谷歌作为一个搜索引擎,首先要实现“搜索”的“功能”,它的主题就是“功能”,如图1-17所示。而一个个人网站,可以只体现作者的设计思想,也可以仅以设计出“美”的网页为目的,它的主题只有“美”,如图1-18所示。

图1-17 谷歌网站的主题是“功能”

图1-18 个人网站的主题是“美”

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,也就不可避免地会出现平庸的网页设计或使网页设计以失败告终。

一般来说,我们可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握和运用,来达到使网页从形式上获得良好的诱导力并鲜明地突出诉求主题的目的。

1.5.3 整体性原则

网页的整体性包括内容上的整体性和形式上的整体性,本节主要讨论形式上的整体性。

网页是信息传播的载体,它要表达的是一定的内容、主题和观念,会在适当的时间和空间环境中被人们理解和接受,它以满足人们的需求为目标。设计网页时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并能使网页给人一种内部联系紧密、外部和谐完整的美感。强调整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听元素组成的。在设计网页时,强调页面各组成部分的共性因素或使各个部分共同含有某种形式特征,是保证整体性的常用方法。这主要从版式、色彩、风格等方面入手。

例如,在版式上,对页面中各视听元素做全盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也要经过深思熟虑;一个站点通常只使用2~3种标准色,并注意色彩搭配的和谐性;对于分屏的长页面,不能设计完第一屏,再去考虑下一屏。同样,整个网页内部的页面,应该统一规划、统一风格,让浏览者体会到设计者完整的设计思想。

从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,因此,在强调网页整体性设计的同时必须注意,过于强调整体性可能会使网页呆板、沉闷,以致影响浏览者的兴趣和继续浏览的欲望。故“整体”是“多变”基础上的整体。

1.5.4 内容与形式统一原则

任何设计都有一定的内容和形式。设计的内容是指主题、形象、题材等要素的总和,形式是结构、风格与设计语言等表现方式。一个优秀的设计必定是形式对内容的完美表现。

一方面,网页设计所追求的形式美必须适合主题的需要,这是网页设计的前提。只追求花哨的表现形式,以及过于强调独特的设计风格而脱离内容,或者只求内容而缺乏艺术的表现,网页设计就会变得空洞无力。设计者只有将这两者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出网页设计独有的感情和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要,不要为了炫耀而使用冗余的技术,那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感,才能实现形式与内容的统一。

据有关资料的保守估计,2018年年末,我国固定宽带和移动网络下载速率均超过20Mbit/s。

假设某个网页为了丰富其艺术性和追赶时尚而大量使用图像或其他多媒体元素,虽然达到了静态形式美的效果,却造成几十兆字节、几百兆字节甚至更大的网页数据,这样就使浏览者必须等待很长时间才能看到整个网页内容。这样的网页就不是一个优质的网页,因为它不符合网页传播信息的突出特性之一“快捷性”,使访客不能很快地浏览网页内容,从而影响了访问效果和质量,打击了访问者的兴趣和积极性。这种技术要素会影响信息传达的效果,也会影响形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变的处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,也不能忽视同一个主题下由多个分页面组成的整体网站的形式与内容的统一。因此,在网页设计中必须注意形式与内容的高度统一,如图1-19所示。

图1-19 内容与形式的高度统一

1.5.5 及时更新和维护原则

及时对网页进行内容或形式上的更新是保持网站鲜活力的重要手段,长期没有更新的网站是无法吸引人去浏览的。

如果想要经营一个带有即时性质的网站,除了要注意内容,还要每日更新资料,并且要考虑后期维护和管理的问题。建设一个站点可能比较简单,但维护和管理就比较烦琐了,这项工作往往重复而死板,但千万不能不做这项工作,因为维护和管理也是网站后期非常重要的工作之一。