文档介绍：网页设计流程分析与实例详解 ——旅游度假篇
传智播客
高级平面网页设计人才培训专家!
http://icd.
主讲:李晨
邮箱:kiorylee@
前言
网页设计按照内容分类大概有:综合门户、游戏/娱乐、卡通/漫画、企业/品牌、设计/艺术、风景/旅游、生活/时尚、个人主页、购物、学校/教育、体育、汽车、饮食、房地产、像集/摄影、影视、音乐、通讯、服饰等等。网页设计要根据设计对象的内容来选择合适的设计思路,这包括主页功能体现、整体设计风格、色调、版式等等。本节课,我们将着重讲解风景/旅游类网页设计,这类网页对网站整体风格的统一、配色、以及版式和交互性都有着相对更高的设计要,所以我们在学习了此类网站设计之后,将对以上问题会有所领悟,同时也应该把获得的知识灵活的运用到其它设计中去。
第一章分析与策划
首先,在设计网站之前,我们必须要深入了解我们将要服务的对象。这包括了对方所属的行业、功能、访客群体、产品定位以及客户的硬性要求等等。
在深入剖析了以上问题之后,我们将要对网站的整体进行一个初步的定位。整体规划部分首先要进行的是客户信息整合和意见修改,最终确定首页所要表达的全部信息,并且使得信息量和基本功能要求在设计师的预期范围之内。
当我们完成了以上工作之后,就可以对网站主页的设计进行初步的构想了。这其中包括主色调的选择,版式的设置,辅助色的搭配以及主页基本功能的实现。
实例分析
第一步——了解服务对象
行业、功能、设计成品将要面对的客户群体、产品定位以及客户要求等等。
我们可以通过客户提供资料或者网络查询等手段来尽可能多的寻找资料,
然后将这些资料进行整合、分析。
我们的实例这次是针对中国著名风景区——九寨沟,来作一个风景/旅游
类的网站,首先我们要分析行业特色:
由于是风景/旅游类网站,那么整体风格必须要自然统一,清爽大方,并能展现自然出宏大的自然风光与人文景观的完美结合。
整体色调和版式都要求自然、清爽和高度协调。
此类网站对交互性要求仅次于购物类,所以要着重留意此类模块。
网站要面对所有类别的客户群体,所以文字和导航要简洁明了,不宜繁复。
九寨沟为中国最富盛名的旅游景点之一,整体布局不宜过于紧凑,适当留白可提高档次。
第二步——总结分析结果
由于是旅游类网站,所以我们加入在线咨询和订购电子周刊版块。
内容区域我们根据要求分为五部分
A:欢迎词
B:图片新闻
C:行业新闻
D:资格认证
E:特色景区直通车
然后,我们对LOGO以及资料图片进行分析,来确定整体风格,这包括
主体色调和版式。
由于LOGO是单色,我们可以通过形象区域所要展示的大幅面图片来决定其他色调,当然我们也可以直接选择最接近自然的绿、蓝色系来进行设计。那么接下来我们就把主要色调和理想配色做一个小样。
既然我们趋向于选择蓝、绿,那么这在自然风景类图片中并不少见,主要问题是我们要加入人文景观,所以最终我选择了带人物和桥梁的图片,当然,主色调就是我们需要的蓝配绿。
很明显,这样一张貌不惊人的图片是不可能胜任表现网站主题和凸显宏
大又清新的九寨沟风光的,所以我们要处理一下。在处理之前我们要考虑它占用的幅面,由于要宏大,所以我决定以此来做背景。那么我们就需要将图片和后半部分的背景色和谐的衔接。
Photoshop的确是无所不能,右
边就是我们需要图片咯~
主页中将要扮演重要角色的大图片既然决定了,而且行业色我们
也知道了,那么就出个配色小样吧。
我们沾取其中几处饱和度较高,
或者幅面较大的颜色,然后搭
配一下看看是否和谐
由于是基色搭配,所以肯定不会让人太过反感,而且由于风景/旅游类网站的插图会很鲜艳,所以我们只需要选择两三种颜色就可以了。