网页艺术的设计概论-文档资料优秀PPT.ppt

网页艺术设计网页艺术设计第一章 概论一、网页设计的发展趋势一、网页设计的发展趋势1、网页创意、网页创意 设计观念设计方法设计元素 2、网页的图形、网页的图形 图形创意分抽象类和具象类两种 3、特性化网页、特性化网页 设计风格的形成不是偶然的设计风格的形成不是偶然的 二、优秀主页具备的六个条件二、优秀主页具备的六个条件 4个必要条件 2个附加条件条件1 明示标题 条件2 明示信息 条件3 表现欢迎看法 附加条件条件4 整理书目信息条件5 传达信任感 条件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表示欢迎看法）表示欢迎看法）用图片表示欢迎看法（花束和可爱的卡通人物是欢迎的象征）欢迎过度，适得其反欢迎过度，适得其反IIIIII、书目信息空间（必要条件、书目信息空间（必要条件4 4整理书目信息整理书目信息 ）首页所承载的文字信息有以下几类内容。无论网页的主题是什么，首页终归是菜单或表格之类的内容一览表。为了便于查询，应当接受最为通用的表现形式。整理书目信息整理书目信息首页的表示形式首页的表示形式 从中型到简易型的多种形式从中型到简易型的多种形式 整理书目信息整理书目信息利用留白和划线进行分组利用留白和划线进行分组 什么是分组（群化）将空白空间扩大并分别涂上颜色，一个一个小组就独立出来了。这种整理信息的设计手法就叫做“分组”，它是一项基本的排版作业。整理书目信息整理书目信息利用色块进行分组利用色块进行分组 版面空间不够时用色块分组最合适版面空间不够时用色块分组最合适IVIV、画面整体、画面整体(必要条件必要条件5 5传达信任感传达信任感)美丽的排版遵循的原则：美丽的排版遵循的原则：传达信任感传达信任感美丽的照片提升信任感美丽的照片提升信任感 照片的质量产生信任程度的差别照片的质量产生信任程度的差别 合适的采光拍出精彩的照片合适的采光拍出精彩的照片 IVIV、画面整体（协助条件、画面整体（协助条件6 6加强劝服力）加强劝服力）有两种方法可以提高网页的劝服力：一种是增加故事性，另一种是提高造型性的惊惶感。“故事性”就是插图照片的信息性。它使得网页即使不运用猛烈的色调也能增加劝服力；即使是静止的画面，也能让人印象深刻。另外，将主题放在动物和人身上时劝服力最强，故事性也最强。例如，蓝色的天空上飘着白云。在云上加上风吹的图画，就能增加信息性，使观者对后面的景像和意义产生种种联想。这就是故事性的效果。通过造型的惊惶感加深印象 过强的劝服力会产生负面影响