网页艺术设计概论.ppt

网页艺术设计 ——第一章 概论 一、网页设计的发展趋势 1、网页创意 设计观念 设计方法 设计元素 2、网页的图形 图形创意分抽象类和具象类两种 3、个性化网页 设计风格的形成不是偶然的 二、优秀主页具备的六个条件 条件1 明示标题 条件2 明示信息 条件4 整理目录信息 条件5 传达信任感 条件3 表现欢迎态度 ——附加条件 条件6 加强说服力 ——附加条件 三、三个构成空间 画面空间 A 标题空间 B 欢迎空间 C目录信息空间 画面整体 A 标题空间 标题如同商店引人注目的招牌，要清楚，明确的表示出来，让访问者毫不犹豫、放心大胆的进入. B 欢迎空间 是被标题吸引进来的人在进入目录信息之前歇歇脚、休息一下的地方，相当于网页的玄关。在确认主页内容的同时，希望能够传达欢迎态度。 C目录信息空间 访问者希望能够总揽主页的全部信息，所以对大量信息的整理归纳、发掘共同点等为使网页更加引人入胜而下的工夫都是十分必要的。当然，最重要的是要让访问者感觉到这是你为他着想而做的整理。 检索型首页 I、标题空间（必要条件1明示标题） 标题就是商店的招牌和住宅的门牌。如同门牌的位置要固定一样，标题也有一定的位置。为了使初次访问者不会产生迷惑，它通常位于页面的上端或中央。写在哪、怎么写以及对题目本身的探讨暂且不论，为了使访问者安心，标题一定要清楚明确地表示出来。 标题应有的强度与网页风格相和谐的标题 A、大小、粗细要与标题相称 越大、越粗、越有力量 检查一下标题字号是否太小 B、通过高色价明示标题 鲜艳的色彩能够强化标题 强调主体性 所谓高色阶，是指鲜艳和耀眼的颜色 色彩越鲜艳、纯度越高，色阶就越高。相对的，与白色及黑色越接近．纯度越低．色阶也越低。另一方面，如果几种低纯度颜色之间的对比较强烈，色阶也会提高。例如黑和白的组合，虽然两方纯度都为0，但由于明度差最大，色阶也高。 C、通过宽阔的领地衬托标题 宽阔的领地起到强化标题的作用 通过扩展领地来强化弱效的标题 II、欢迎空间 （必要条件2明示信息 ） 标题与目录信息之间的部分是欢迎空间。这个空间是访问者被标题吸引进来后，看到目录信息前喘口气的休息场所。以餐厅为例，这里就是客人开门进来之后、被带到餐桌之前等候的地方。 欢迎空间的两个作用： 1、标明信息 2、表达欢迎的态度 明示信息——A、利用排版样式传递信息 排版样式是不说话的口信 明示信息——B、利用图片传递信息 图片具有强烈的信息性 看图的一瞬间，信息就被确定下来 明示信息——C、利用配色传递信息 色调与色相决定整体印象 错误的色调选择会破坏一切 II、欢迎空间 （辅助条件3表示欢迎态度） 用图片表示欢迎态度（花束和可爱的卡通人物是欢迎的象征） 欢迎过度，适得其反 III、目录信息空间（必要条件4整理目录信息 ） 首页所承载的文字信息有以下几类内容。无论网页的主题是什么，首页终归是菜单或表格之类的内容一览表。为了便于查询，应该采用最为通用的表现形式。 整理目录信息——首页的表示形式 从中型到简易型的多种形式 整理目录信息——利用留白和划线进行分组 什么是分组（群化） 将空白空间扩大并分别涂上颜色，一个一个小组就独立出来了。这种整理信息的设计手法就叫做“分组”，它是一项基本的排版作业。 整理目录信息——利用色块进行分组 版面空间不够时用色块分组最合适 IV、画面整体 (必要条件5传达信任感) 漂亮的排版遵循的原则： 传达信任感——漂亮的照片提升信任感 照片的质量产生信任程度的差别 合适的采光拍出精彩的照片 IV、画面整体（辅助条件6加强说服力） 有两种方法可以提高网页的说服力：一种是增强故事性，另一种是提高造型性的紧张感。“故事性”就是插图照片的信息性。它使得网页即使不运用强烈的色彩也能增强说服力；即使是静止的画面，也能让人印象深刻。另外，将主题放在动物和人身上时说服力最强，故事性也最强。例如，蓝色的天空上飘着白云。在云上加上风吹的图画，就能增强信息性，使观者对后面的景像和意义产生种种联想。这就是故事性的效果。 通过造型的紧张感加深印象 过强的说服力会产生负面影响 * 4个必要条件 2个附加条件 条件1 明示标题 条件2 明示信息 条件3 表现欢迎态度 ——附加条件 条件4 整理目录信息 条件5 传达信任感 条件6 加强说服力 ——附加条件 空间的作用 1、明示标题 2、明示信息 3、表示欢迎态度 4、整理目录信息 5、传达信任感 6、加强说服力 舒服的对称式