1.3 网站的筹划与定位
现在的网站已经不是之前那样简单地将页面串接起来就可以了,如今的网站不仅需要丰富的图文内容,还需要详细周密的计划,其设计、链接、发布等更为复杂。所以,创建一个好的网站是一个极具挑战的大工程(如图1-31~图1-34所示)。
图1-31 照片集为主题的网页设计
图1-32 TechEd网页设计
图1-33 INTRACE网页设计
图1-34 粉刷材料的网页设计
1.3.1 网站整体筹划
网站筹划是个很复杂的过程。随着时代的发展与网络技术的突飞猛进,网站的内容及个性也丰富多样了起来,但无论是内容还是风格,都要以满足用户的需求为主要目标,来进行规划设计。我们首先要给网站定位和确定传播的内容,再筹划创建界面等。网站整体流程主要分为计划、开发、测试及维护。
1.计划阶段
计划阶段首先要确定网站页面、内容、功能,还有针对用户的分析、网站的计划与建议。
2.开发阶段
开发阶段是对网站内容与页面的设计。这是一项显现技术与艺术的阶段,不仅要熟练网站制作的操作,还要将网站页面设计得美观大方,易吸引用户关注。同时还要满足客户的一些特殊要求。网页在具体设计制作开发阶段可以从以下几方面考虑。
(1)用户分析
为了减少网站建设的失败风险,在建设前要对网站的目标和需求进行一个基本的估量。对在网站设计中所遇到的问题和达到的目标能够有一个清晰的概念。在进行网站需求分析中,首先要考虑的是用户——用户是网站的使用者,了解用户的需求、理解用户的愿望,才能够为网站设计提供依据和参考,使得网站设计更加适合各类用户的使用需求(如图1-35~图1-38所示)。
图1-35 笔记本样式的网页设计
图1-36 产品促销的网页设计
图1-37 网络游戏宣传的网页设计
图1-38 小游戏的网页界面
(2)内容组织
明确网站内容,要知道网站中文本、图像、动画及影像等内容在页面中占据的比例是多少,以及起到什么样的作用。
我们可以先勾勒出站点的草图,将客户需要显示的内容信息布局,理清页面与页面之间的直接关系。其次对网页的整体结构进行设计,不仅页面要求美观,结构也要清晰、内容也要明确,还要便于用户使用,令用户能够快速准确地找到自己所需要的内容。
(3)风格定位
在了解网站类型后,应确定网站界面的整体风格,不同类型的网站其设计风格也不一样。搞清楚内容,明确定位,这样在设计界面的时候,颜色、字体、图形都会有个大致的范围要求(如图1-39所示)。
图1-39 生态园林的网页介绍
3.测试阶段
测试阶段是对网站外观、内容、功能、系统及浏览器的测试。修改网站中的错误链接与程序,一步步进行测试修改,做到运转正常,才能进行发布。
4.维护阶段
维护阶段是网络技术人员与设计人员对网站运行中出现的问题进行维护,以保证网络内容与链接能够及时更新。
1.3.2 导航设计
网站中的导航功能就是指引用户迅速有效地查阅到自己需要的内容,并且可以快速地切换页面,跳跃浏览。所以在设计导航的时候要考虑到用户的需求,从而设计出有效的信息指引(如图1-40和图1-41所示)。
图1-40 沙发宣传的网页设计
图1-41 创意网页设计
1.导航的位置
导航的位置取决于网页的风格和形式。导航放置的位置有5种,分别是顶部、底部、左侧、右侧、中心(如图1-42和图1-43所示)。
图1-42 创意造型网页设计
图1-43 个人介绍主页界面
顶部:大多数网站都是将导航放置在页面的顶部,这样能最先将元素展现给用户,而且人们在浏览网站的时候都是习惯采取从上往下的浏览顺序,所以将导航放在页面顶部是个很好的选择。
底部:通常情况下,很少会将导航放在底部。因为导航元素需要在用户滚动页面的时候才能全部显示出来。底部的位置更加适合放置一些文本链接,或者是公司的品牌标志和宣传等。
左侧:将导航放置在左侧是很普遍的一种设计形式,因为顺应了用户从左到右的浏览习惯,但同时缩小了正文显示的空间。
右侧:将导航放置在右侧也是很不错的选择,因为用户可以在没有视觉干扰的情况下专注地阅读正文内容。在选择内容切换的时候再去选择导航中的指示,但是也有些人认为这样的摆放不符合人们的视觉流程。
中心:一般来说,只有网站的首页才会将导航放置在页面中心,其主要目的在于强调导航。这样可以让用户更好地选择,快速进入需要浏览的页面中。另外导航放置在中心,不仅增加设计感,同时也能够迅速捕捉人们的视觉,让用户对导航元素及网站留下深刻的影响(如图1-44~图1-46所示)。
图1-44 趣味性网页设计
图1-45 简洁风格的网页设计
图1-46 网页互动界面
2.导航的风格
无论导航在哪个位置上、所用形式是什么样的,都需要与网页的整体风格相一致。如果导航栏都不一致,那么用户在浏览信息时便容易产生混乱,在功能上也会表达不清。
1.3.3 Web的定位
Web可以分为不同专题的网站,有娱乐性的、商业性的、教育性的、综合性的等。不论是哪种类型的网站都应该以满足用户为前提来进行规划设计。网站的定位其实就是以用户的需求来定位,只有真正满足用户需求的网站,才能很好地与用户进行交互(如图1-47和图1-48所示)。
图1-47 滑轮的网页介绍
图1-48 规划设计的网页介绍
1.网站的类型
网站的类型可以分为交互型、静态型和动态型3种。
(1)交互型
交互型的网站是最为直接的类型,能够直接将内容展现给用户,让用户浏览到全部的内容,从而进行交流。用户是可以对其外观、内容自行添加改动,人与人之间也可以通过网址进行互动和相互关注等。
(2)静态型
静态型的网站中的内容是固定的,主要是用来浏览网站中的内容,就像一本电子杂志一样,可以从头到尾地翻阅。用户是没有办法改动其中的内容及外观的。
(3)动态型
动态型的网站会根据读者的需求而产生变换,譬如网页浏览次数的增多等(如图1-49和图1-50所示)。
图1-49 简洁明了的网页设计
图1-50 运动产品的网页宣传
2.定位观
Web站点要有自己的设计定位,要根据访问者的需求安排特定的主题内容,做到内容、技术与效果的完美结合。
(1)风格定位观
一个网站的风格决定了这个网站是否能够吸引用户,这里的风格展现出的是网站的特点及整体感觉。具有特色的网站可以提升浏览者的兴趣,加深读者印象,从而吸引读者来阅读网页中的内容。当然,一个没有充足内容的网站,即使具有一定的风格也没有什么意义。
每个人喜爱的风格不一样,每个网站的内容也不一样。随着人们不断地浏览各式各样的网站,人们的眼光、品味及知识量也在不断提升,所以网站风格定位时要考虑以下几点。
① 要确保整体风格统一。页面中的文字、图像、背景色、字体及标题等都要与界面整体风格统一。
② 界面要清晰、简洁、美观、大方,还要有条理,便于用户查阅资料。
③ 确保视觉元素的合理安排,使读者在查阅信息的时候体验到视觉的秩序感与节奏感(如图1-51和图1-52所示)。
图1-51 订购产品网页设计
图1-52 数码产品宣传网页
(2)功能定位观
在网站设计中,它的功能也应该符合不同层次人群的需求,仅仅在艺术性上赢得读者是远远不够的,要站在读者所能理解的层面上对网站进行设计。一味尝试新奇的元素,很有可能不被大众所认可。
(3)人本定位观
在网页界面的设计中,如果忽略了读者的需求,得不到读者的喜爱与欢迎,是不成功的。我们要对客户进行调查和分析,重视读者的偏好和需要,这样才会提高网站的设计质量和效率。在网页设计时应注意以下几点。
① 在网页设计的时候应该提供位置信息,让访问者知道自己网点的位置。
② 有明确的导航与索引。能够通过清楚的导航与索引来帮助用户快速获得自己所需要的内容。
③ 优化信息的加载与显现。读者在切换网页或者打开网页链接时,要有等待或加载信息的显示。