网页艺术的设计概论文档资料.ppt

网页艺术设计网页艺术设计——第一章 概论一、网页设计的发展趋势一、网页设计的发展趋势•1、网页创意、网页创意 •设计观念•设计方法•设计元素 •2、网页的图形、网页的图形 •图形创意分抽象类和具象类两种 •3、个性化网页、个性化网页 •设计风格的形成不是偶然的 二、优秀主页具备的六个条件二、优秀主页具备的六个条件 •4个必要条件 2个附加条件•条件条件1 1 明示标题明示标题 •条件条件2 2 明示信息明示信息 •条件条件3 3 表现欢迎态度表现欢迎态度 ——附加条件•条件条件4 4 整理目录信息整理目录信息•条件条件5 5 传达信任感传达信任感 •条件条件6 6 加强说服力加强说服力 ——附加条件 条条件件1 1 明明示示标标题题条条件件2 2 明明示示信信息息条条件件4 4 整整理理目目录录信信息息条条件件5 5 传传达达信信任任感感•条件条件3 3 表现欢迎态度表现欢迎态度 ——附加条件•条件条件6 6 加强说服力加强说服力 ——附加条件三、三个构成空间三、三个构成空间•画面空间画面空间 •A 标题空间 •B 欢迎空间•C目录信息空间• 画面整体 •空间的作用空间的作用 •1、明示标题•2、明示信息•3、表示欢迎态度•4、整理目录信息•5、传达信任感•6、加强说服力 •A 标题空间标题空间•标题如同商店引人注目的招牌，要清楚，明确的表示出来，让访问者毫不犹豫、放心大胆的进入.•B 欢迎空间欢迎空间•是被标题吸引进来的人在进入目录信息之前歇歇脚、休息一下的地方，相当于网页的玄关。

在确认主页内容的同时，希望能够传达欢迎态度 •C目录信息空间目录信息空间•访问者希望能够总揽主页的全部信息，所以对大量信息的整理归纳、发掘共同点等为使网页更加引人入胜而下的工夫都是十分必要的当然，最重要的是要让访问者感觉到这是你为他着想而做的整理 检索型首页检索型首页舒服的对称式首页舒服的对称式首页I、、标题空间（必要条件标题空间（必要条件1明示标题）明示标题） • 标题就是商店的招牌和住宅的门牌如同门牌的位置要固定一样，标题也有一定的位置为了使初次访问者不会产生迷惑，它通常位于页面的上端或中央写在哪、怎么写以及对题目本身的探讨暂且不论，为了使访问者安心，标题一定要清楚明确地表示出来 标题应有的强度标题应有的强度与网页风格相和谐的标题与网页风格相和谐的标题 A、、大小、粗细要与标题相称大小、粗细要与标题相称•越大、越粗、越有力量越大、越粗、越有力量 •检查一下标题字号是否太小检查一下标题字号是否太小 B、、通过高色价明示标题通过高色价明示标题 •鲜艳的色彩能够强化标题鲜艳的色彩能够强化标题•强调主体性强调主体性  所谓高色阶，是指鲜艳和耀眼的颜色所谓高色阶，是指鲜艳和耀眼的颜色•色彩越鲜艳、纯度越高，色阶就越高。

相对的，与白色及黑色越接近．纯度越低．色阶也越低另一方面，如果几种低纯度颜色之间的对比较强烈，色阶也会提高例如黑和白的组合，虽然两方纯度都为0，但由于明度差最大，色阶也高 C、、通过宽阔的领地衬托标题通过宽阔的领地衬托标题•宽阔的领地起到强化标题的作用宽阔的领地起到强化标题的作用 •通过扩展领地来强化弱效的标题通过扩展领地来强化弱效的标题 标题的领地是指将标题周围的图像和文字移远而得到的空白部分空白的部分为标题的支配空间，也就是我们所说的领地领地越广阔，标题越醒目，主体性也就越强 II、、欢迎空间欢迎空间 （必要条件（必要条件2明示信息明示信息 ）） • 标题与目录信息之间的部分是欢迎空间这个空间是访问者被标题吸引进来后，看到目录信息前喘口气的休息场所以餐厅为例，这里就是客人开门进来之后、被带到餐桌之前等候的地方 欢迎空间的两个作用：欢迎空间的两个作用：•1、标明信息、标明信息•2、表达欢迎的态度、表达欢迎的态度明示信息明示信息——A、、利用排版样式传递信息利用排版样式传递信息排版样式是不说话的口信排版样式是不说话的口信 慎重选择排版样式慎重选择排版样式明示信息明示信息——B、、利用图片传递信息利用图片传递信息 •图片具有强烈的信息性图片具有强烈的信息性 •看图的一瞬间，信息就被确定下来看图的一瞬间，信息就被确定下来 明示信息明示信息——C C、、利用配色传递信息利用配色传递信息 •色调与色相决定整体印象色调与色相决定整体印象 •错误的色调选择会破坏一切错误的色调选择会破坏一切 II、、欢迎空间欢迎空间 （（辅助条件辅助条件3 3表示欢迎态度表示欢迎态度））• 用图片表示欢迎态度（花束和可爱的卡通人物是欢迎的象征） 欢迎过度，适得其反欢迎过度，适得其反IIIIII、、目录信息空间（必要条件目录信息空间（必要条件4 4整理目录信息整理目录信息 ））• 首页所承载的文字信息有以下几类内容。

无论网页的主题是什么，首页终归是菜单或表格之类的内容一览表为了便于查询，应该采用最为通用的表现形式 整理目录信息整理目录信息——首页的表示形式首页的表示形式 •从中型到简易型的多种形式从中型到简易型的多种形式 整理目录信息整理目录信息——利用留白和划线进行分组利用留白和划线进行分组 •什么是分组（群化） 将空白空间扩大并分别涂上颜色，一个一个小组就独立出来了这种整理信息的设计手法就叫做“分组”，它是一项基本的排版作业整理目录信息整理目录信息——利用色块进行分组利用色块进行分组 版面空间不够时用色块分组最合适版面空间不够时用色块分组最合适IVIV、、画面整体画面整体 ( (必要条件必要条件5 5传达信任感传达信任感) ) •漂亮的排版遵循的原则：漂亮的排版遵循的原则： 传达信任感传达信任感——漂亮的照片提升信任感漂亮的照片提升信任感 •照片的质量产生信任程度的差别照片的质量产生信任程度的差别 •合适的采光拍出精彩的照片合适的采光拍出精彩的照片 IVIV、、画面整体（画面整体（辅助条件辅助条件6 6加强说服力）加强说服力）• 有两种方法可以提高网页的说服力：一种是增强故事性，另一种是提高造型性的紧张感。

故事性”就是插图照片的信息性它使得网页即使不运用强烈的色彩也能增强说服力；即使是静止的画面，也能让人印象深刻另外，将主题放在动物和人身上时说服力最强，故事性也最强例如，蓝色的天空上飘着白云在云上加上风吹的图画，就能增强信息性，使观者对后面的景像和意义产生种种联想这就是故事性的效果•通过造型的紧张感加深印象通过造型的紧张感加深印象 •过强的说服力会产生负面影响过强的说服力会产生负面影响 。