第二章：网页设计——前期准备.pptVIP

第二章：网页设计—— 前期准备 电脑艺术设计 张红 2011-2012学年上学期 第一节、客户需求分析 客户需求 客户的需求往往是多方面的、不确定的，需要去分析和引导。客户的需求是指通过买卖双方的长期沟通，对客户购买产品的欲望、用途、功能、款式进行逐步发掘，将客户心里模糊的认识以精确的方式描述并展示出来的过程。 客户需求分析的作用： 有助于我们网站内容的组织，设计风格的确定、页面的设计等。 第二节、网站风格定位 一、色彩 网页配色实施步骤 步骤1　确定网站的色调 从视觉角色主次位置把网站色调分为主色调、辅色调、点睛色和背景色，如图6–3–2所示 步骤2　色彩的象征感情 ● 红色：红色是强有力的色彩，是热烈、冲动的色彩。瑞士画家、理论家和色彩家约翰·伊顿教授描绘了受不同色彩刺激的红色。他说：在深红的底子上，红色平静下来，热度在熄灭着；在蓝绿色底子上，红色就像炽烈燃烧的火焰；在黄绿色底子上，红色变成一种冒失的、莽撞的闯入者，激烈而又寻常；在橙色的底子上，红色似乎被郁积着，暗淡而无生命，好像焦干了似的。 步骤3　三种以上的色彩搭配 一般来说，一个网站的标准色彩不宜超过三种，太多会使人眼花缭乱。 如果超过三个颜色，就要注意搭配技巧，使其看起来不花 如：① 使用纯度较高的颜色，搭配纯度较低、明度较高的颜色，使各色彩之间比较和谐。 ② 不同色相以及所占不同面积、位置的主次关系，形成有韵律的视觉音符。 ③ 白色背景衬托前景，效果显得更清爽、明快，整体更统一。 二、排版(网页版式规划） 网页设计中版式规划是最重要也是最关键的一个步骤，网站的版式规划要根据不同的行业、不同的主题规划最适合的网页版式。同时还要考虑到以后用dreamweaver布局时的方便性。 三、定位网站CI形象 CI形象是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。企业一般都要通过CI形象的策划来提高知名度，它是一种营销战略。。一个网站，和实体公司一样，也需要整体的形象包装和定位准确的、有创意的CI 设计，这样对网站 的宣传推广有事半功倍的效果。网站主题和名称定下来之后，需要思考的就是网站的CI形象设计。网站的CI形象设计和企 业的CI形象设计的内容相似，主要包括： 1、版块（频道）划分 把网站的内容按照一定的逻辑关系分类，形成网站的内容版块。可按照内容的属性、内容的媒体形式、等进行分类，分类的依据和逻辑关系要让浏览者一目了然，这样浏览者根据版块结构就知道网站整体内容结构，明白了是否有他需要的信息以及应该在哪个版块去浏览他需要的信息。 版块划分应该注意的问题： （1）版块的数目不宜太多 网站的版块并非越多、分得越细就越好，只要分类明确，应该尽可能少一些。一方面分得过细显得结构不紧凑，另一方面通常版块信息要带到它的下级的各个栏目中，要占掉非常宝贵的屏幕空间。 （2）给版块起一个好的名称 版块的名称是该版块内容的综合体现，一要看它是否能体现出版块内容；二是准确没有歧义；三是字数要少，要简练，并且各版块名称的字数最好一致；四要通俗易懂。 （3）版块要独立 版块间没有包容关系；版块间没有交叉关系 （例如：娱乐和观看电影——包容关系 美女和影星——交叉关系） 网站内容在版块之下再分栏目，如果内容很多，还可以在一级栏目之下再分二级栏目，就像书的章下面分节，节下面再分点一样。栏目的级数不宜太多，一般不超过三级。栏目级数越多，网站的结构就越深，浏览者要通过多次点击才能看到，这是浏览者不愿意的。栏目是版块内容和功能的具体体现，除信息内容栏目外，还有一些功能栏目，如“在线留言、下载专区等“ 一般的个人站点内容少，只有主栏目(主菜单)就够了，不需要设置版块。如果你觉得的确有必要设置版块的，应该注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面，主要是门户站点等较大网站需要考虑的问题 1、网站logo设计 即网标。和商品的商标、企业的标志一样，网标是站点特色和内涵的集中体现，看见它就让人联想到它所代表的站点。如新浪网的网标就体现出新浪网的快捷、准确、精华的特色。 标志图形可以只由中文、英文字母构成，也可以只由符号、图案（动物、植物、人物、几何）构成，还可以由文字和图形构成。如：新浪用字母sina和眼睛作为标志。 标志的设计创意来自网站的名称和内容。 设计方法： 1）以用与网站名称相关的人物，动物，花草等作为设计的主体对象，通过抽象、概括、变形等手法，使之艺术化、标志化，如迪斯尼的米老鼠、搜狐的卡通狐狸等。 2）专业性较强的网站，可以以本专业有代表的物品作为设计的主体