基于DOM树和视觉特征的网页信息自动抽取

————————————

基金项目基金项目：：国家科技支撑计划基金资助项目(2011BAH11B01)；中国科学院重点部署基金资助项目(KGZD-EW-103-(5)) 作者简介作者简介：：黄武冠(1987－)，男，硕士研究生，主研方向：Web 信息抽取；朱 明，教授、博士生导师；尹文科，博士研究生 收稿日期收稿日期：：2012-08-10 修回日期修回日期：：2012-11-26 E-mail ：hwg123@https://www.wendangku.net/doc/434679412.html,

基于DOM 树和视觉特征的网页信息自动抽取

黄武冠黄武冠，，朱 明，尹文科

(中国科学技术大学自动化系，合肥 230027)

摘 要：针对生活信息服务网站的列表式商户信息，提出一种基于文档对象模型(DOM)树和视觉特征的网页信息自动抽取方法。利用商户信息列表页面中数据区域的DOM 树结构和视觉特征，搜索得到候选目标数据区域，再利用视觉特征识别真正目标数据区域，从而抽取其中的数据记录。对10个生活信息服务网站进行测试，结果表明，有8个网站的召回率和准确率达到100%，取得了较好的结果。

关键词关键词：：文档对象模型树；视觉特征；自动抽取；数据记录；数据区域；挖掘算法

Web Information Automatic Extraction

Based on DOM Tree and Visual Feature

HUANG Wu-guan, ZHU Ming, YIN Wen-ke

(Department of Automation, University of Science and Technology of China, Hefei 230027, China)

【Abstract 】This paper proposes an automatic extraction method based on Document Object Model(DOM) tree and visual features for Web information to extract businesses information in list pages of life information websites. By analyzing and using DOM tree and visual features of data regions in list pages, the method can get the candidate target data regions firstly. The method identifies the target data region by making use of visual features and extracts data records finally. The method tests ten life information websites and achieves 100% recall and 100% precision on eight websites. The results show that the proposed method can get better results.

【Key words 】Document Object Model(DOM) tree; visual feature; automatic extraction; data recording; data region; mining algorithm DOI: 10.3969/j.issn.1000-3428.2013.10.068

计 算 机 工 程 Computer Engineering 第39卷 第10期

V ol.39 No.10 2013年10月

October 2013

·开发研究与工程应用开发研究与工程应用·· 文章编号文章编号：：1000—3428(2013)10—0309—04 文献标识码文献标识码：：A

中图分类号中图分类号：：TP391

1 概述

随着互联网日新月异的迅猛发展，出现了诸如餐饮美食、购物、休闲娱乐、活动优惠等各类生活信息服务网站，这些网站提供了大量以列表形式呈现的商户信息，而该类列表网页是网站根据用户请求从后台数据库选取所需数据填充模板动态生成的，页面中包含样式、结构均相似的信息，每条信息称为数据记录，所有相邻相似的数据记录构成一个数据区域。因为有大量该类信息网站的存在，对多数据源的商户信息进行抽取、聚合就显得十分重要，它可以为用户提供统一的查询接口和比较导购、推荐功能，给用户带来极大便利，如当今的垂直搜索引擎。

为了抽取网页中的数据记录，人们提出了很多自动或半自动化的方法。文献[1]利用一组启发式规则和域本体进行全自动抽取。文献[2]对该方法进行了改进，设计了新的启发式规则且没有利用任何领域本体知识，但该方法的抽取准确率较低。

文献[3]提出一种自动挖掘数据记录的方法。主要分 3步：(1)构建HTML 标签树；(2)挖掘数据区域；(3)识别数据记录。但MDR 挖掘的是页面所有数据区域，没有区分出目标数据区域。

文献[4]针对商品数据记录的特点，通过记录中的文本、图片以及布局等节点类型信息计算节点值，然后根据节点值的相似度分组，最后从各分组中过滤得到数据记录的节点集合。但该方法对只限于文本的数据记录抽取效果不佳。

以上方法均无法令人满意地抽取商户信息数据记录，针对上述问题，本文分析归纳了商户信息列表页的特点，提出一种基于文档对象模型(Document Object Model, DOM) 树和视觉特征的网页信息自动抽取方法DVF 。利用视觉特征和DOM 树结构特点搜索候选目标数据区域，根据所占页面篇幅大小识别目标数据区域，最后抽取数据记录。

2 方法流程

DVF 方法主要分4步：(1)解析页面；(2)搜索候选目标

310 计算机工程2013年10月15日数据区域；(3)识别目标数据区域；(4)抽取数据记录。抽取

方法流程如图1所示。

第39卷第10期311 黄武冠，朱明，尹文科：基于DOM树和视觉特征的网页信息自动抽取

IdenDRs(Node,ST,WT)

输入Node为任意DOM树节点；ST为相似度阈值；WT为宽度阈值

输出DataRegions为由Node的孩子节点组成的候选目标数据区域集合

1 n=NumberOf (Node.Children)

2 c=Node.Children

3 LastNode=null

4 DataRegions=null

5 for i=1 to n?1

6 if c[i].width

7 continue

8 if TreeSimilar(c[i],c[i+1],ST)==false

9 continue

10 if c[i]!=LastNode

11 DR=(c[i],c[i+1])

12 DataRegions=DataRegions∪DR

13 LastNode=c[i+1]

14 else

15 DataRegions=DataRegions?c[i].DR

16 c[i].DR=c[i].DR∪c[i+1]

17 DataRegions=DataRegions∪c[i].DR

第6行、第7行表示的是利用视觉特性进行过滤噪音；第8行、第9行利用字符串编辑距离判断相邻兄弟节点的节点子树是否相似，从而对数据区域进行过滤；第10行~第13行表示发现了一个新的候选目标数据区域；第14行~第17行把一条新的数据记录添加到已有数据区域，并更新该区域至区域集合。

2.2.3 基于编辑距离的树相似度算法

由俄国科学家提出的编辑距离，又称Levenshtein Distance(也叫Edit Distance)，常被用以计算2个字符串之间的相似度。当编辑距离用于字符串比较时，指2个字串之间，由一个转成另一个所需的最少编辑操作次数。许可的编辑操作包括将一个字符替换成另一个字符，插入一个字符，删除一个字符。当编辑距离用于度量树的匹配程度时，指通过对节点的替换、插入、删除，将一棵树转换为另一棵树的最小操作代价[5-6]。文献[7]利用树编辑距离计算个体属性相似度性，从而进行身份识别。文献[8]用树编辑距离计算网页结构相似度，寻找模板网页。文献[9]分析网页结构主要用约束树编辑距离算法。文献[10]在利用子树模式挖掘网页语义块时，也用了树编辑距离对子树进行匹配计算。

本文将树编辑距离的计算转化为字符串编辑距离的计算，以此衡量树之间的相似性。这样做是因为字符串编辑距离算法比树编辑距离算法的空间复杂度和时间复杂度都要小得多，而且在需要多次进行节点子树比较的情况下可改善算法性能。具体方法是通过前序遍历DOM树，记录节点的标签，最后得到一个字符串数组，每个标签视为一个字符，对2棵树的字符串数组进行字符串编辑距离的计算，即可用以比较2棵树相似与否。具体算法如下：

TreeSimilar(Node1,Node2,ST)

输入Node1、Node2为2棵DOM树的根节点；ST为相似度阈值

输出true or false为2棵树是否相似

1 ArrayList s1,s2

2 GetTreeTags(Node1,s1)

3 GetTreeTags(Node2,s2)

4 n1=s1.size

5 n2=s2.size

6

n1n2

diff

max(n1,n2)

?

=

7 if diff >0.3

8 return false

9

max(n1,n2)StringEditDistance(s1,s2) Similarity

max(n1,n2)

?

=

10 if Similarity>ST

11 return true

12 else

13 return false

第1行中s1、s2是分别记录2棵树标签的字符串数组。第4行~第8行是说若2棵树的标签个数之差大于一定阈值，就表示它们不相似，这样可以减少后面对标签字符串编辑距离的计算，提高了效率。第9行~第13行给出了相似度的计算公式，并用以判断2棵树是否相似。函数String EditDistance将数组中的每个标签字符串当作一个字符进行比较，这样数组可视作字符串序列，利用动态规划算法计算字符串的编辑距离，Similarity值区间为[0,1]。由于算法中申请了一个12

n n×的二维数组进行存储并计算比较，因此时间复杂度和空间复杂度均可以表示为(12)

O n n×。函数GetTreeTags(Node,tags)前序遍历DOM树，获取该树的节点标签，算法如下：

GetTreeTags(Node,tags)

输入Node为DOM树根节点

ArrayListtags为记录DOM树标签的字符串数组

输出null

1 tags.add(Node.tag)

2 for each Child∈Node.Children

3 GetTreeTags(Child,tags)

2.3 目标数据区域识别

预过滤得到的候选数据区域可能还包含其他噪音，如广告、导航、标题等非目标区域，因此，需要从中识别出主要的目标区域。通过对列表页面的观察，可发现目标数据区域作为主要内容，一般所占的版面面积是最

312 计 算 机 工 程 2013年10月15日

大的。

设由前述SDRs 算法得到n 个候选目标数据区域12,,,n DR DR DR ?，根据各区域的长、宽计算区域面积分别为12,,,n S S S ?，排序得最大面积为：

12max{,,,},1t n S S S S t n =?≤≤

则对应的数据区域t DR 即为目标数据区域，其余视为噪音。 2.4 数据记录抽取

在确定了目标数据区域之后，抽取数据记录。一条数据记录包含在一个节点中，可用多种方法对节点进行抽取。如可首先利用商家名称在数据记录中字体最大这一视觉特征将其提取出来。由于商家名称往往是以锚文本形式呈现，且长度不一，因此字体最大可视为锚文本高度最大。假设数据记录中有m 个锚文本12,,,m a a a ?，高度分别为1,h

2,,m h h ?，可以求出最大高度为12max{,,,},s m h h h h =? 1s m ≤≤，则s a 中的文本为商家名称。地址、标签、价格等信息可在抽取出数据记录中的所有文本后编写相应正则表达式进行提取，如抽取地址的正则表达式为“地址: [^\s]*”

，标签用“标签:[^\r]*”，价格为“￥\d+”。 3 实验结果与分析

本文实验选取10个生活信息服务网站，前8个网站抽取20个商户信息列表页面，后2个因为页面数量有限，分别取14个、9个页面。选取宽度阈值WT =600，相似度阈值ST =0.8。采用召回率和准确率衡量结果性能，其中，召回率指抽取的数据记录条数占实际存在数据记录条 数的百分比；准确率指在抽取的数据记录中，正确的记录条数占总抽取数据记录条数的百分比。实验结果如表1 所示。

表1 实验结果比较

编号 网站

实际 记录 条数 抽取 记录 条数 正确

记录 条数

召回率/(%) 准确率/(%) 1 https://www.wendangku.net/doc/434679412.html,/ 300 300 300 100 100.0 2 https://www.wendangku.net/doc/434679412.html,/ 200 200 200 100 100.0 3 https://www.wendangku.net/doc/434679412.html,/ 200 200 200 100 100.0 4

https://www.wendangku.net/doc/434679412.html,/

180 180 180

100 100.0 5 https://www.wendangku.net/doc/434679412.html,/ 240 240 240 100 100.0 6 https://www.wendangku.net/doc/434679412.html,/

300 300 300

100 100.0 7 https://www.wendangku.net/doc/434679412.html,/ 400 420 400 100 95.2 8 http://www.dianping.sg/

400 360 360

90 100.0 9 https://www.wendangku.net/doc/434679412.html,/ 210 210 210 100 100.0 10

https://www.wendangku.net/doc/434679412.html,/

86 86 86

100

100.0

在表1中，第7个网站由于数据记录之间有相似结构的干扰项，导致误判此干扰项为数据记录，准确率降低。第8个网站则因为数据记录间有非相似的噪音存在，致使数据记录发生隔断、丢失，没有完整把所有数据记录包含进目标数据区域，导致召回率下降。但总体来说，实验取得了比较好的结果。

4 结束语

本文提出一种对商户信息进行自动抽取的方法DVF 。利用列表页的DOM 树结构和视觉特征实现对商户信息的抽取。实验结果表明，该方法能获得较高的召回率和准确率。但DVF 方法在抽取数据记录的部分信息时采用正则表达式，可能发生信息丢失、遗漏，后续工作将结合语义对其进行改进，从而改善抽取效果。

参考文献

[1] Embley D W, Jiang Yuan, Ng Y K. Record-boundary Dis-

covery in Web Documents[C]//Proc. of ACM SIGMOD Inter- national Conference on Management of Data. New York, USA: [s. n.], 1999.

[2] Buttler D, Liu Ling, Pu C. A Fully Automated Object

Extraction System for the World Wide Web[C]//Proc. of the 21st International Conference on Distributed Computing Systems. New York, USA: [s. n.], 2001.

[3] Liu Bing, Grossman R, Zhai Yanhong. Mining Data Records

in Web Pages[C]//Proc. of the 9th ACM SIGKDD International Conference on Knowledge Discovery and Data Mining. New York, USA: [s. n.], 2003.

[4] 杨 舟, 卓 林, 赵朋朋, 等. 一种针对商品数据记录的自

动抽取方法[J]. 计算机工程, 2010, 36(23): 262-265. [5] Reis D C, Golgher P B, Silva A S, et al. Automatic Web News

Extraction Using Tree Edit Distance[C]//Proc. of the 13th International Conference on World Wide Web. New York, USA: [s. n.], 2004.

[6] Tai Kuochung. The Tree-to-Tree Correction Problem[J]. Journal

of the ACM, 1979, 26(3): 422-433.

[7] 乔少杰, 唐常杰, 陈瑜等. 基于树编辑距离的层次聚类算

法[J]. 计算机科学与探索, 2007, 1(3): 282-292.

[8] 聂 卉, 黄贵鹏. 树编辑距离在Web 信息抽取中的应用与

实现[J]. 现代图书情报技术, 2010, (5): 29-34.

[9] 姜 波, 丁岳伟. 基于约束树编辑距离与导航树的信息采

集[J]. 计算机工程, 2009, 35(14): 75-77.

[10] 刘守群, 朱 明, 谭晓彬. 一种基于树匹配的网页语义块挖

掘算法[J]. 小型微型计算系统, 2009, 30(8): 1541-1545.

编辑 刘 冰

什么是视觉传达设计

什么是视觉传达设计： 视觉传达视觉传达设计（Visucl Communication Design）是指利用视觉符号来传递各种信息的设计。设计师是信息的发送者，传达对象是信息的接受者。 视觉传达设计这一术语流行于1960年在日本东京举行的世界设计大会，其内容包括：报刊杂志、招贴海报及其他印刷宣传物的设计，还有电影、电视、电子广告牌等传播媒体，它们把有关内容传达给眼睛从而进行造型的表现性设计统称为视觉传达设计电影海报，简而言之，视觉传达设计是“给人看的设计，告知的设计”——（日本《ザィン辞典》）。 从视觉传达设计的发展进程来看，在很大程度上，它是兴起于19世纪中叶欧美的印刷美术设计（Graphic Design,又译为“平面设计”、“图形设计”等）的扩展与延伸。随着科技的日新月异，以电波和网络为媒体的各种技术飞速发展，给人们带来了革命性的视觉体验。而且在当今瞬息万变的信息社会中，这些传媒的影响越来越重要。设计表现的内容已无法涵盖一些新的信息传达媒体，因此，视觉传达设计便应运而生。 视觉传达设计是通过视觉媒介表现并传达给观众的设计 体现着设计的时代特征和丰富的内涵，其领域随着科技的进步、新能源的出现和产品材料的开发应用而不断扩大，并与其他领域相互交叉，逐渐形成一个与其他视觉媒介关联并相互协作的设计新领域。其内容包括：印刷设计、书籍设计、展示设计、影像设计、视觉环境设计、（即公共生活空间的标志及公共环境的色彩设计）等。 视觉传达设计多是以印刷物为媒介的平面设计 又称装潢设计。从发展的角度来看，视觉传达设计是科学、严谨的概念名称，蕴含着未来设计的趋向。就现阶段的设计状况分析，其视觉传达设计的主要内容依然是Graphic Design 一般专业人士习惯称之为“平面设计”。“视觉传达设计”、“平面设计”两者所包含的设计范畴

智慧树知到《视觉素养导论》章节测试答案

第一章 1、什么是视觉空间智能？ 准确感觉视觉空间，并把所知觉到的表现出来 善于运用整个身体来表达想法和感觉，以及运用双手灵巧地生产或改造事物 辨别生物以及对自然世界的其它特征敏感的能力 察觉并区分他人的情绪、意向、动机及感觉的能力 答案: 准确感觉视觉空间，并把所知觉到的表现出来 2、对“信息时代，视觉素养不再仅仅是艺术工作者的专利”这句话的理解不正确的一项是摄影、电影、电视等大众传媒已经渗透于日常生活 各类设计人员同样需要具有一定的视觉素养 许多人看似缺乏艺术细胞，实际上却具有很强的视觉素养 艺术工作者具有很高的视觉素养 答案: 艺术工作者具有很高的视觉素养 第二章 1、颜色的三属性是？ 色相 明度 饱和度 答案: 色相,明度,饱和度 2、光色的三原色是？ 红、黄、蓝 红、绿、蓝

品红、黄、青 品红、黄、蓝 答案: 红、绿、蓝 3、色彩搭配的基本方法是？ 渐变与对比 中对比与强对比 前进与后退 答案: 渐变与对比 4、色是（）刺激人的视觉器官后所产生的一种心理感觉。 光 颜色 颜料 答案: 光 5、根据视觉负后像的原理，在一张白纸上放上一个绿色方块，让你凝视2分钟后突然移走绿色方块，你在白纸上能感觉到呈现出？ 黄色 红色 灰色 蓝色 答案: 红色 第三章 1、（）、色彩构成、立体构成合称“三大构成”，是艺术设计学科的基础课程。 平面构成

素描 白描 油画 答案: 2、平面构成的基本要素是点、线、（）？ 平面构成 素描 面 油画 答案: 3、平面形态的种类包括有机形、无机形和 非人工形 偶然形 人造型 可见形 答案: 4、那些对比因素怎样才能协调或比较协调（）？ 保留一个相近或相似的因素 使对比双方的某些要素相互渗透 利用过渡形，在对比双方中设立兼有双方特点的中间形态，使对比在视觉上得到过渡，也可以取得协调 答案:

视觉传达设计多元特征与表现

视觉传达设计多元特征与表现 多元化是视觉传达设计走向未来，走向世界的催化剂。现代视觉传达设计是建立在先进科学技术成果基础上的一种文化现象与艺术形式，其视觉传达设计的内涵已不是传统设计意义的“语言”，而是全方位的、综合性的一种多元艺术，更是社会文明与进步的一种全新表达。本文说明了视觉传达设计多元特征，阐述了视觉传达设计多元表现形式。 标签：视觉传达设计多元特征表现 1视觉传达设计多元特征 1.1多元视觉下回归传统的人性化 视觉传达设计是为现代商业服务的艺术，且起着沟通企业一商品一消费者桥梁的作用。视觉传达设计立足传统，让视觉表现出现出当代人对传统重新产生的兴趣，他们能真正的摆脱没有历史感”，使设计视觉既具有视觉艺术特征，透过一种建构在虚拟空间里的角色扮演。 1.2体现设计者对美的理解和时尚的追求 视觉传达设计是一种目的性很强的审美创造活动，在商品社会中，设计必须强调作用先于审美，功能信息是实用与审美的统一。优秀的视觉传达设计应该具备不同方面的表现内容。如：色彩在视觉传达中所表达的主题有所不同，或严肃紧张，或轻松幽默，或华丽典雅，或粗犷朴实;设计者用文字对画面进行点缀，不但起到了图形、图案的作用，同时还起到了说明性功能可见，把握特定设计个性化的意象品格，视觉设计的内涵与外在形式的融合，彰显其设计魅力，这也是创意的主要目的。 1.3视觉传达设计的动态化 视觉形象设计从静态向动态形式的转变不是笱单随意的变化，而是需要深入地对研究视觉形象的表现方式。如：二维动态的变化方式以动态播放的形式出现在二维空间中，给形象设计带来很大的发展空间。一是旋转，图形连续的旋转可增加视觉元素的活力和运动感。在动态形式中扩大动态形式的美感;变化，图形角度、节奏和光影上的变化打破了重复的单一性，这一动态变化过程体现了设计的鲜明特点和时代内涵，逐渐解构了固有的符号现象。 1.4多层面复合的综合性特征 随着视觉传达设计的不断发展，在进入高度发达和文明的今天，大众对于视觉传达设计的要求已不是人肉眼范围所能见的形态，而是包括心理学、物理学以至哲学的的真正形态。传统的视觉传达设计基本是信息环境，如：商业与贸易中，

网页设计中“点、线、面”的视觉构成

网页设计中“点、线、面”的视觉构成 此主题相关图片如下： 线的视觉构成 点的延伸形成线。 线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。 线是分割页面的主要元素之一，是决定页面现象的基本要素。 总的来说，线分为直线和曲线两种。这是线的总体形状。同时线还具有本体形状，两端的形状。 线的总体形状有垂直、水平、倾斜、几何曲线，自由线这几种可能。 线是具有情感的。比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。 线的放射，粗细，渐变可以体现三维空间的感觉。 将不同的线运用到页面设计中，会获得不同的效果。知道什么时候应该运用什么样的线条，可以充分的表达你所要体现的东西。 总之，线条是网页设计师必须熟练运用的最得力的表现工具。我们应该对他有一定的了解。下面我们用一些精彩实例来做具体的分析说明。

在这个页面中，水平线的重复排列形成一种强烈的形式感和视觉冲击力，能够在第一眼就产生兴趣，达到了吸引访问者注意力的目的。 自由曲线的运用，打破了水平线组成的庄严和单调，给网页增加了丰富、流畅、活泼的气氛。 水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比，从而将视觉中心有力的衬托出来。 值得提出的是，页面中点（按钮）的运用，使页面的形象更加活泼，丰满。 此主题相关图片如下： 线还具有两端形状。线的两端形状可以任意形的，它决定了线的本体形状。 在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特殊的肌理，表现了强烈的个性特征和艺术效果。 边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特殊并引人注目。在这里，字母也可以看做是构成页面的线条的一种。 底纹采用了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。 曲线（字母）的大小对比也可以丰富空间层次。 近实远虚的绘画原理，在这里得到了最充分地体现 此主题相关图片如下：

2020年智慧树知道网课《穿出时尚—服饰的色彩搭配艺术》课后章节测试满分答案

第一章测试 1 【单选题】(15分) （）的发现，开辟了色彩史上的新纪元。 A. 电磁波 B. 环境色 C. 七色光 D. 固有色 2 【单选题】(20分) 服装色彩的少色性主要是因其（）而决定的。 A. 面貌 B. 性质 C. 面积 D. 使用目的

3 【判断题】(25分) 色彩作为一种流行符号，反映着一个时代人们的消费情感、消费心理。（） A. 错 B. 对 4 【判断题】(20分) 色彩影响着人们的衣食住行。（） A. 错 B. 对

5 【判断题】(20分) 20世纪90年代流行自然色，表达了人们对环保、对回归自然的渴望。（） A. 错 B. 对 第二章测试 1 【单选题】(15分) 颜料或物体色的三原色混合在一起会变成（）。 A. 黑灰色 B. 白色 C. 灰色 D. 紫黑色

2 【单选题】(20分) 色光的三原色混合在一起会变成（）。 A. 灰色 B. 白色 C. 黑灰色 D. 紫黑色 3 【判断题】(25分) 西洋色彩学也把色彩分为两大类：无彩色系、有彩色系。（） A. 错 B. 对

4 【判断题】(20分) 高明度色彩和低明度色彩之间，只要降低的鲜艳度相同，便是相同的彩度。（） A. 错 B. 对 5 【判断题】(20分) 明度指色彩的明暗程度。（） A. 对 B. 错

第三章测试 1 【多选题】(15分) 色彩感受并不限于视觉，还包括其它的感觉参与，（）等都会影响色彩感觉心理的反映。 A. 味觉 B. 触觉 C. 嗅觉 D. 听觉 2 【多选题】(20分) 嫩绿、草绿象征着（） A. 生命 B. 希望

视觉传达设计的概念

视觉传达设计的概念 1、概念：是将要所表达的信息语言通过视觉形象借助媒介 来表现，并传递给行为个人的视觉感之设计。 视觉传达设计源于平面设计。随着印刷技术的发展，欧美等国家在19世纪中叶出现了为平面印刷服务的平面设计师群体（印刷美术设计、图形设计）这就是现代平面视觉传达设计领域的先导设计群体。爱德华·鲍斯·克里保、丹尼尔·巴罗尼。1960年，在日本召开的世纪设计大会，提出了“视觉传达设计”的概念。随着社会科技的发展视觉传达设计拓展到很多领域（互联网、IT 行业、会展事业、环境空间、影视广告、三维动画、商业广告等），形成相关产业链（电脑、电脑设计软件、数码喷绘的硬件及耗材、视频设备与技术、互联网和IT 行业的传送技术等。 2、构成要素。 （1）色彩：色彩非常容易易带有政治、经济、文化、宗教、情感等表达的意念。 在视觉传达过程中，色彩是第一信息刺激，视觉 传达信息接受者对色彩的感知和反射时最敏感和 最强烈的。色彩第一人烟刺激的最佳时间时0.7 秒。人眼对色彩的感知时强—弱—强的变化。人

眼对色彩喜厌反应时由满足—不满足—满足，这 是视觉心理因素的反应。要认识和掌握色彩的理 念，充分发挥的的作用。色彩构成是视觉传达设 计成败的关键。 （2）图形。 视觉传达设计时一个把概念（理念）视觉化、形 象化、信息化的表达过程，通过视觉形象（图形 语言）设计，传达、刺激视觉传达信息接受者， 使视觉传达信息接受者能迅速解读或产生联想来 认知视觉形象（图形语言）所表达的语言信息。 图形就具有语言信息的表达特性：三角形时锐角 ——具有好斗、顽强的感觉。六角形——给人平 静和灵活的感觉。圆形——给人平静的感觉。正 方形——表现出庄重、静止的特征。 图形在视觉传达中的特性： 1、表现性：视觉传达设计所应用的图形或符号应有明确的意思，使视觉传 达信息接受者，能够快速、准确地认知或解读图形信息。 2、功能性：在视觉传达设计中所表现的图形语言应充分刺激视觉传达信息 接受者的联想能力和视觉经验。图形语言的创作过程就是视觉形象再思 维的过程。要接受者完全理解所传达的语言信息。 3、象征性：在视觉传达设计时，采用或创作图形语言，应将图形的象征性 作为设计要素进行思考。象征性能使接受者理解和感知信息语言的目的 和效应。 （3）字符。 字符语言的视觉传达更为直接和明确。 中国汉字的基础时象形符号，古代中国人在社会

网页设计——从界面布局到视觉表现-教学大纲

《网页界面设计》课程教学大纲 一、课程名称：网页界面设计 课程代码： 课程负责人： 二、学时与学分：56学时，3.5学分 三、课程性质：必修 四、适用专业：视觉传达/数字媒体设计/网络与新媒体 五、使用教材： 余兰亭编.《网页设计：从界面布局到视觉表现（视频版）》．人民邮电出版社，2018年2月 六、参考教材： 陈洁、杨瑞梅编.《HTML+CSS+前端开发(慕课版)》.人民邮电出版社，2017年5月； 七、开课单位：艺术设计学院 八、课程的目的和任务： 网页界面设计为视觉传达专业的专业必修课程。通过对网站设计流程、网站交互及网页界面排版理论知识与经典案例的讲解，辅助PS、AI、Axure、DW软件的实践操作让学生能够独立设计及制作静态网页界面。在教学过程中鼓励学生自主收集优秀网站界面，在实践中能了解网页的设计原则，以及网页功能结构、交互设计、视觉设计的重要性。通过该课程的学习，培养学生的审美能力、创新能力、动手能力和自学能力以及分析能力和解决问题的能力。 九、课程的教学基本要求： 网页界面设计是一门集艺术设计与计算机专业相交叉的学科，涵盖的知识点广，本课程所针对的是网页设计中的网站建设、前端界面和交互设计。因此应在学习版式设计、Photoshop、Illustrator、界面与交互设计课程后，才能更有效地进行网页设计的教学。在辅导实战作业时，必须加强理论与实践的联系。 十、课程的主要内容： 第一章网页设计的概论 1.教学目标： ①掌握网站的基础概念。 ②熟悉网站的分类。 2.教学内容： 第一节认识网站 第二节网页界面空间的影响要素 第三节网站开发的团队与协作 第四节网页的制作流程 3.教学重点： 理解网站的基本理论知识。 4.教学难点：

智慧树知到《设计学概论》章节测试【完整答案】

智慧树知到《设计学概论》章节测试【完整 答案】 智慧树知到《设计学概论》章节测试答案 第一章 1、最著名的结构主义倡导者是法国人类学家是()。 莱维?施特劳斯 福柯 罗兰?巴特 索绪尔 答案:莱维?施特劳斯 2、中国工业设计协会成立于()年? 1987年 1988年 1989年 1990年 答案:1987年 3、英国著名艺术评论家和美学家()提出了“艺术是有意味的形式”的著名论点 罗杰?弗莱 亚里士多德 苏格拉底

克莱夫?贝尔 答案:克莱夫?贝尔 4、()从一开始就将艺术因素纳入整个设计教育结构体系中,将艺术与设计作为一个不可分割的有机体。 包豪斯 乌尔姆设计学院 德国工业同盟 荷兰风格派 答案:包豪斯 5、()是先秦最重要的设计著作。 《考工记》 《老子》 《墨子》 《孟子》 答案:《考工记》 6、设计就是设想、运筹、计划与预算，它是人类为实现某种特定目的而进行的创造性活动。设计的终极目的就是改善人的环境、工具以及人自身。 对 错 答案:对 7、混沌理论是要向我们说明，我们才刚刚开始理解自然界的复

杂性，即自然现象及其事件的连锁反应。 对 错 答案:对 8、我们一般将设计学划分为设计史、设计理论与()三个分支。 设计批评 设计评价 设计思维 设计美学 答案:设计批评 9、明代徐光启的《农政全书》与《齐民要术》、()一起被视为我国农业著述中的不朽丰碑。 《天工开物》 《汜胜之书》 《农桑辑要》 《农书》 答案:《天工开物》 10、()理论自60年代后期由法国哲学家德里达在其《论语法学》一书中确立 抽象主义 解构主义 立体主义

结构主义 答案:解构主义 第二章 1、()是指以古今纯艺术或设计艺术为对象，根据设计的需要，进行符号意义的分解，分解成语词、纹样、标识、单形、乐句之类，使之进入符号储备，有待设计重构。 创造 解构 借用 参照 答案:解构 2、()方法是以系统整体分析及系统观点来解决各种领域具体问题的科学方法。 结构论 控制论 信息论 系统论 答案:系统论 3、90年代的市场竞争主要是文化的竞争，而文化竞争又取决于()的竞争。 经济 设计

视觉与艺术答案有答案

见面课测验 语言是人类思维的主要工具吗? 逻辑思维与形象思维都是人类的思维方式这句话对吗? 第一章 中国2016年启动的世界最大口径射天望远镜在哪个省？ A甘肃 B贵州 C四川 D云南 人类创造的图形图像可概括分为几大类？A两大类 B四大类

C五大类 D三大类 人类个体之间视觉记忆的相互交流运用（）。A语言描述和图像描绘结合 B图像描绘 C语言表述 D三大类 每个人的经历、思想自然会成为人类或群体的记忆吗？ 视觉信息，是人类信息的主要部分? 第二章 1.“妙在似与不似之间”是（）的画语录，这句话揭示了造型艺术的基本规律B A刘海栗 B齐白石

C张大千 D徐悲鸿 2毕加索是后现代主义画家X 3杜桑给《蒙娜丽莎》画上小胡子的原因是A对艺术观念的革命 B一种幽默 C失误 4可以将世界不同文化体系下的视觉艺术作品放在一起比较，并判定它们的优劣之别X 5梵高是（）画家C A超现实主义 B现实主义 C后印象主义 D印象主义

第三章 1布德尔的雕塑追求的是雕塑造型的C A光线变化 B形体张力 C建筑感 2罗马尼亚雕塑家布朗库西的作品关注的是C A价值 B形象造型 C造型材料和工艺 3纪念性和象征性是雕塑艺术的特点之一吗? 4中国天津的泥人张，算是现实主义雕塑吗

? 5绘画适合表现象征性题材，雕塑适合表现情节性和故事性题材X 第四章 1宗白华先生在《艺境》一书中提到：“画所表现的境界特征,可以说是根基于中国民族的基本哲学，即（）的宇宙观。 A道德经 B诗经 C易经 2与西方绘画比较而言，中国画更重视D A色彩 B感情 C内容 D线条

3.一般来说，（油画）注重色相、色调、色度、原色、间色、补色等科学元素；（中国画）注重气色、面色、天色、春色、暮色、寒色等主观因素。 3（）注重气色、面色、天色、春色、暮色、寒色等主观因素A A中国画 B水彩画 C素描画 D油画 4世界上最抽象与最具象的画都在西画里面? 黄公望《写山水诀》：“李成画坡脚须要数层，取其湿厚。米元章论李光丞有后代，儿孙昌盛，果出为官者最多，画亦有风水存焉。

浅论电子商务中的网页视觉设计

浅论电子商务中的网页视觉设计 本文首先分析了电子商务中网页视觉设计需要关注的问题：图文的运用、FLASH的优化、编排符号的运用，然后探讨了网页视觉设计优化途径：界面色彩搭配简洁大方，色彩合理运用；界面布局清晰明白；设定网页设计的个性化；科学化导航系统，灵活有效。 标签：电子商务；网页；视觉设计 在高速发展的信息时代，互联网商业发展迅猛。在电子商务带动巨大利益下，消费与市场对于销售者而言至关重要。网络之中，网站是作为连接买主与卖主的枢纽。网站主要是由三部分组成，其中三部分分别是网站空间、域名与网站源程序。其中网站设计主要通过视觉影响消费者，所以电子商务逐渐在此基础之上进行相应的发展。 界面是一个网页内容的排版以及布局的整个表现形式，其中一个网页的视觉设计是吸引浏览者的主要特点，对于使用者的视觉生理形成有利的视觉冲击波，从而吸引浏览者的眼球。浏览者通过网页的视觉，进行相应的信息的查询、分析、操纵与判断。 1 电子商务中网页视觉设计需要关注的问题 1.1 图文的运用 网站通俗来说，主要是由文字与图片的编排组成，其中文字与图片的排列组合包含文字的多少、图片的大小与文字与图片的互动，使得浏览者能够直接或者间接地做出相应的消极与积极的反应。所以在电子商务之中网页视觉的设计需要关注的第一问题便是对网页进行图片与文字的编排，使得图片与文字能够符合主题并且各种色彩的方案能够更加吸引浏览者。 1.2 FLASH的优化 互联网本身有着迅捷、方便的特点，在实际的电子商务之中，因为影音的存在，电子商务之中FLASH的运用，可以为网站增色不少。购买者将实体的购物逐渐扩大到虚拟网络的购物，所以运用影音对于顾客进行视觉的影响，为卖主带来了很多便利。动态影音的插入以及位置的安排是网页视觉设计之中比较难解决的问题。 1.3 编排符号的运用 浏览者的审美逐步提升，为了能够满足浏览者不断提升的审美，设计的发展需要进行更加高层次的提升。需要抓住浏览者的眼球的设计，需要在页面的编排与编排之间进行有效以及完美的连接与安排。宏观设计界面，并且使得浏览者能

学习视觉传达课程的感想

学习视觉传达课程的感想 在新的学期里，我接触到了由叶双贵老师指导的视觉传达设计的课程。在此之前，我对视觉传达设计并无明确、清晰的概念，但通过叶老师详细的讲解，具体的举例，使我对视觉传达设计有了初步的认知。 视觉传达设计这一术语流行于1960年在日本东京举行的世界设计大会，其内容包括：报刊环境视觉设计杂志、招贴海报及其他印刷宣传物的设计，还有电影、电视、电子广告牌等传播媒体，它们把有关内容传达给眼睛从而进行造型的表现性设计统称为视觉传达设计电影海报，简而言之，视觉传达设计是“给人看的设计，告知的设计”——（日本《ザィン辞典》）。 视觉传达设计（VisualCommunicationDesign）是指利用视觉符号来传递各种信息的设计。设计师是信息的发送者，传达对象是信息的接受者。简称为视觉设计。什么是视觉传达？视觉传达是人与人之间利用“看”的形式所进行的交流，是通过视觉语言进行表达传播的方式。不同的地域、肤色、年龄、性别、说不同语言的人们，通过视觉及媒介进行信息的传达、情感的沟通、文化的交流，视觉的观察及体验可以跨越彼此语言不通的障碍，可以消除文字不同的阻隔，凭借对“图”——图像、图形、图案、图画、图法、图式的视觉共识获得理解与互动。视觉传达包括:“视觉符号”和“传达”这两个基本概念所谓“视觉符号”,顾名思义就是指人类的视觉器官――眼睛所能看到的能表现事物一定性质的符号，如摄影、电视、电影、造型艺术、建筑物、各类设计、城市建筑以及各种科学、文字，也包括舞台设计、音乐、纹章学、古钱币等都是用眼睛能看到的，它们都属于视觉符号。所谓“传达”,是指信息发送者利用符号向接受者传递信息的过程，它可以是个体内的传达，也可能是个体之间的传达，如所有的生物之间、人与自然、人与环境以及人体内的信息传达等。它包括"谁"、"把什么"、"向谁传达"、"效果、影响如何"这四个程序。） 视觉传达设计是通过视觉媒介表现并传达给观众的设计，体现着设计的时代特征图形设计和丰富的内涵，其领域随着科技的进步、新能源的出现和产品材料的开发应用而不断扩大，并与其他领域相互交叉，逐渐形成一个与其他视觉媒介关联并相互协作的设计新领域。其内容包括：印刷设计、书籍设计、展

基于用户体验的网页UI设计

基于用户体验的网页UI设计 【摘要】本文基于用户体验剖析网页UI设计，阐述了网页界面视觉设计和网页界面交互设计重要性。结合当前人们的生活方式、行为习惯及心理体验等方面论述如何进行网页UI设计。 【关键词】网页UI设计；视觉设计；视觉吸引；交互设计；交互艺术 随着信息化的深入，网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。在传统网页的界面设计中，人们认为网页界面设计就是美工，而美工就是单纯对网页进行装饰。随着网络技术的发展与普及，网页界面设计的技术在不断的进步，设计的理念也在不断的更新，网页界面设计不再是单纯的视觉设计，而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计，基于用户体验的网页UI设计是当前研究的热点。 一、网页UI设计及用户体验 UI即User Interface（用户界面）的简称，指对软件的人机交互、操作逻辑、界面美观的整体设计。网页UI设计用户体验（User Experience，简称UE）则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同，用户体验产品时会有不同的感受，一个好的UI设计要能充分满足大众的需求，使用户在体验过程中都能心情愉悦、操作流畅、交互高效。 就网页UI设计而言，用户浏览网页的需求是什么？抽象出来可以归纳为两点：一浏览信息，二操作数据。这里的数据是指在数据库中躺着的数据，用户在单纯浏览信息时，不会对页面背后的“数据”造成任何操作，但用户进行点击链接、跳转页面和处理信息时，就要和页面背后的数据进行交互。所以，在做网页UI 设计时候主要满足于用户的这两方面的需求，第一是用户在浏览信息时候，要有一个赏心悦目的界面，即网页界面的视觉设计要美观。第二是用户在操作数据时候要高效，即网页界面的交互设计灵活。 二、网页界面视觉设计 爱美之心人皆有之，漂亮的网页界面能吸引浏览者的眼球、提高网页的浏览量。传统网页美工设计，更注重网页的布局以及网页的颜色搭配，换言之，就是重在设计网页平面效果图和以及对网页进行装饰。随着人们生活节奏的加快，快餐文化日渐丰富，仅靠传统网页美工已不能适应当今网页发展的需要。那么，如何让你的网站跟上时代的步伐，满足当今用户的需求呢？ 从用户体验出发：什么东西能让我们从电脑屏幕上看到接近于现实世界的东西？是视觉吸引，视觉吸引是非常有效的提示工具，通常在用户第一次打开某个应用，或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤，把令人沮丧万

智慧树知到 《创意改变生活》章节测试答案

智慧树知到《创意改变生活》章节测试答案 第一章 1、以“人——自然——社会”构成的生活世界三要素为对象，可将设计分为三个领域，即A: 工业设计、艺术设计、现代设计 B: 产品设计、视觉传达设计、环境设计 C: 信息设计、展示设计、产品设计 D: 商品化设计、生态化设计、本土化设计 答案: 产品设计、视觉传达设计、环境设计 2、提高产品的附加价值的方法很多，最直接、最有效的一种方法就是 A:提高质量 B: 提高科技含量 C: 改良材料 D:设计 答案: 设计 3、哪个地区的工业设计既保留了自己民族的手工艺传统，又不断吸收现代科技中新的、有价值的东西，一直具有理性与人性相结合的独特个性。

A:英 B:美 C: 北欧各国 D:法 答案: 北欧各国 4、工业设计在提出和规划设计的过程中，一定要把握和遵循工业生产的“三化”原则，即A: 系列化、标准化、通用化 B: 个性化、多样化、趣味化 C: 综合化、标准化、批量化 D: 程序化、结构化、系统化 答案: 系列化、标准化、通用化 5、工业设计的基本思想是 A: 研究和解决产品的外观、功能、结构及技术等方面的和谐性问题 B:

研究和解决物与物之间的力学关系、能量利用、能量传递和能量消耗的问题 C: 研究和解决“人—物（产品）—环境”三者之间的和谐性问题 D: 好看就行 答案: 研究和解决“人—物（产品）—环境”三者之间的和谐性问题 6、苹果公司的首席设计官是乔纳森 A:对 B:错 答案: 对 7、（）设计公司的设计哲学是形式追随激情(Form follows emotion) A:青蛙 B:浩汉 C:洛可可 D:嘉兰图 答案: 青蛙 8、《为真实的世界设计》作者是维克多·帕帕奈克 A:对 B:错 答案: 对 9、20世纪初芝加哥学派建筑师路易斯沙利文提出形式追随功能，第一次在设计上确立了功

智慧树知到《影视剪辑》章节测试答案

智慧树知到《影视剪辑》章节测试答案绪论 1、“视觉暂留”被认为是一种（）的生理现象。 依赖于视力好坏 依赖于视觉经验 依赖于影像经验 普遍存在 答案: 普遍存在 2、剪辑思维提倡的是（）的思维方式。 1+1=2 1+1<2 c:1+1>2 1+1=0 答案: 1+1>2 3、广义的影视剪辑是（）。 上下镜头的连接 前后段落的连接 创作过程的一个环节 贯穿于整个创作过程 答案: 贯穿于整个创作过程 4、学习剪辑的几个阶段包括（）。 熟悉工艺流程 学习剪接技术

加强文学修养 掌握操作技术 答案: 熟悉工艺流程,学习剪接技术,加强文学修养,掌握操作技术 5、造成运动幻觉的因素包括（）。 视觉暂留 心理暂留 完形生理 完形心理 答案: 视觉暂留,完形心理 6、动态影像来自于人类独特的视觉生理现象。（） 对 错 答案: 错 7、每一次具体连接，都涉及相邻两个镜头或者两个段落，从而作用于整体结构。（）对 错 答案: 对 8、不论是狭义的剪辑还是广义的剪辑，都建立在连接的概念上。（） 对 错 答案: 对 9、必须等拍摄阶段完成后才能进入剪辑阶段

错 答案: 错 10、只有剪辑师才需要具有剪辑思维 对 错 答案: 错 第一章 1、 Premiere素材窗口中哪种方式可以清晰看到素材的分辨率信息？( ) 使用缩略图方式 使用列表模式 检查标签颜色 使用搜索功能 答案: 使用列表模式 2、使用出入点编辑法进行编辑操作时，如何给时间线加入一段素材并不影响时间线整体长度？( ) 使用插入功能 使用覆盖功能 直接将素材拖拽到时间线末尾空白处 使用出入点编辑法一定会影响时间线整体长度 答案: 使用覆盖功能 3、 Premiere是否能够使用某项工具完成抠除绿幕的功能？( ) 可以，使用键控工具

互联网 时代下的视觉传达设计分析

互联网+时代下的视觉传达设计分析 摘要：当前的时代是互联网的时代，任何工作都会受到互联网的影响。从客观的角度来分析，如果能够将互联网时代进行有效的利用，相信可以推动视觉传达设计的全面发展，无论是操作手段上，还是主观的态度上，都要进行较好的转变，为行业的进步做出更大的贡献。文章以互联网+时代为背景，针对视觉传达设计展开讨论。 关键词：互联网；时代；视觉传达设计 与一般的工作不同，视觉传达设计在很多方面都需要将技术、观念、操作手法等进行高度的融合，因此其具体操作过程，是比较复杂的。互联网+时代的到来，是互联网的一次较大变革，也是新时代的代表。视觉传达设计工作在目前受到了高度的重视，很多从业人员都必须要在互联网+时代的作用下，来开展相关的研究工作，无论是活动设计还是背景分析，亦或是相关的行业研讨，都要在一定程度上，将互联网+时代的内容有效融合，否则很容易导致视觉传达设计走向错误的道路。 一、视觉传达设计与互联网+时代的基本特征 （一）视觉传达设计特征 从理论上分析，视觉传达设计工作的落实，主要是应用

“可视”的形式，通过视觉的改变和和优化，给观众较强的冲击力、影响力，由此来实现特定事物的传播目的，在很多方面都可以对媒体界、时尚界、文化界产生较大的积极作用。在特征方面，视觉传达设计主要表现在以下几点：第一，视觉传达设计是以创意设计为核心的，相同的案例几乎很少见到。绝大部分的案例都是全新设计的事物，即便互相之间存在一定的相似之处，仍然可以寻找出细小的差异进行区分，由此来推动设计水平的进步。第二，视觉传达设计在具体的操作当中，其针对特定信息的把控、对视觉化的创意，都是符合潮流的。现阶段的社会活动中，有时候会出现一些特立独行的情况，虽然可以在大众之中脱颖而出，但并不意味着会得到欢迎。视觉传达设计工作的应用，可以在很多方面避免“哗众取宠”的现象。 （二）互联网+时代特征 互联网+时代的来临，对社会发展做出了极大的改变，这是一种必然的情况，几乎是无法改变的。从特征的角度来分析，互联网+时代主要是集中在以下几个方面：第一，在互联网+时代的影响下，数字化技术、多媒体技术、综合技术得到了极大的发展空间，并且获得了大众的欢迎，是主流技术组成部分。第二，互联网+时代的来临，意味着信息的传播速度、效率都获得了较大的提升。以往的信息传播和新闻发布，都需要特定的时间，甚至是需要经过再三考虑后才

视觉传达设计中的空间表现(视觉符号)

平面设计中的空间表现 空间是一个比较抽象的概念,但对于我们来说并不陌生,它充斥着我们生活的每一个部分,我们每一个人都生活在这样一个三度空间的世界里。小到我们上课的教室、校园,大到整个地球、无限大的宇宙,都符合空间这个概念。 平面设计中的空间是有限的,怎样在有限的平面空间中创造无限的遐想空间是设计师绞尽脑汁所要达到的审美情趣。 一、平面性空间 多个形象（只有高度和宽度）并置于画面中，与画面平行，各形象之间无前后远近之分，形象无厚度，并且包围这些形象的空间没有深度，这样的空间形式称为平面性空间，也称二维平面空间。平面性空间是多种空间形式中最单纯的一种，它的存在条件必须通过形态之间的空隙来体现。画面中的造型要素和空间要素，都采用平面的语言形式来表达，因而平面性空间关系显得格外单纯和强烈。 1、基本形之间关系的表现能够表达平面性空间。 形与形的分离、相遇、透叠、联合、减缺、差叠、重合都能表现平面性空间，但是形与形的重叠体现了形之间的前后或上下关系，带有空间纵深感，是三维立体空间的表现。 2、图底转换。 由于视线在图与底之间来回转换，使图与底的意义也随之转换，当原来的图退隐成为底时，原来的底则赫然成为图，这种图与底之间的反复转换，使画面中平面性空间的表现具有双重意义。当图与底面积相当时，立场的争夺非常激烈，由此带来图与底的不定性、波动性和它们之间的不断转换，无休无止。由图底转换带

来的动感与意趣使单纯的平面性空间显现出变化莫测的空间效果，增强了画面的可读性，使作品增添趣味和神秘感，视觉传达更具冲击力。 二、幻觉性空间 幻觉性空间是指，形象在画面中不与画面平行，并具有高度、宽度和厚度的立体感，在平面设计中，表现出长、宽、高三度空间关系的即是幻觉性空间，也称三维立体空间。在幻觉性空间里，形象之间有远近、前后之分，画面中的空 间有纵深感。 1、利用形的大小差异表现空间感。 大小相同的形象，由于远近的不同而产生大小不同的感觉，大的形象感觉离我们近，小的形象感觉离我们远，形成了形与形之间的先后远近感，也就体现了画面中的纵深空间。

网页设计的视觉要素分析

网页设计的视觉要素分析 摘要：随着网络的大众化发展，网页已经不再停留在简单的传达信息的单纯需求上。如何更好、更快的传达信息，让用户在使用网页的同时享受到最优质的信息服务成为当下设计者们思考的问题。本论文从视觉要素的角度对网页设计进行分析，立足于满足人们对情感和视觉审美的心理需求。了解网页设计的视觉元素有助于找到设计的问题和解决的方案。 关键词网页视觉要素情感 一、视觉中认知心理要素 人们对事物的认知源于对生活的接触和积累。即使没看过，没碰过，也能判断它的冷热，轻重，大小，肥瘦……尽管每个人的家庭生活背景，学习背景各不相同，但经过源于生活的归纳和秩序化的本能，大多数人的心底所不自觉自行积累的感官经验几乎是完全相似的。就现实生活而言，家庭宠物本身的外在并没有任何情绪，但由于人们的认知和经验的积累，才会让人感受到大宠物笨拙、小宠物灵敏、血统纯正的高贵、杂交的甚至会不受人喜欢，那么不同的颜色也会有不同的情绪象征意义。这说明，受众并不是对外界信息表示被动与消极，相反，他们是处理的主体，可以对自己的喜好和对更多信息主动的进行加工和选择。当人们面对某种事物时，心理和情感的诉求变得极为重要。如何正确的把握并利用这一要素成为了网页设计撼动受众的根本。 人们在浏览多种网页的同时会产生不同的视觉和心理感受，而这种直观的第一感受大部分来源于网页界面的视觉效果。为了使网页获得最大的视觉传达效果，使网络真正成为可读性强的媒体，设计师在进行网页设计时必须考虑到人们视觉流向的心理和生理特点，由此确定各种视觉构成元素之间的关系和秩序。视觉规律的形成是由人类的视觉特性所决定的。浏览者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本恒定的习惯。首先是水平扫描，常常是扫过网页内容的最上半部分，因此，上部和中上部被称为“最佳视域”，也就是最优选的地方；然后，向下移，浏览下面区域；最后，从网页左边的部分进行垂直扫描。 二、视觉中造型要素 网页设计就是指把造型、图形、视觉、色彩、信息等要素集于一体，在网页中表现出来。 （一）视知觉。 心理学的观点认为视觉是一种空间的感觉，我们通常把空间的感觉称为视空间，视空间又分为生理的第一次印象和经验的第二次印象。人们在观察物体时，视线有着一系列的跳动和注视，并不是沿着直线平稳的运动的，一般来说，物体的棱角处，或者轮廓发生变化的地方，或者细节很特殊的地方是我们视线最集中的地方，例如矩形的四个角是我们视线停留最多的地方。视线是有一定规律的，从上到下，或从左到右。所以，在进行网页设计时，强调其特点，以增强网页对大众的吸引。 （二）文字与图形。 在现实生活中，人们看到的任何物体都是相互依存的，文字是最初网页设计的基本构成要素，随后逐渐加入了图形，打破初期的单纯文字界面，也带来了新的直观表现形式。图形能引起人们的注意，并激发阅读兴趣，给人的视觉印象高

视觉传达设计多元特征与表现_余义虎

第20卷第3期甘肃联合大学学报(社会科学版) Vol .20,N o .32004年7月 Journal of Gansu Lianhe U niversity (Social Sciences ) July ,2004 【收稿日期】2004-03-30 【作者简介】余义虎(1950-),男,甘肃兰州人,兰州商学院艺术学院教授,从事美术、设计创作理论研究。 视觉传达设计多元特征与表现 余义虎 (兰州商学院艺术学院,甘肃兰州　730020) 【摘 要】视觉传达设计是现代设计的重要组成部分,它是现代社会信息传播的主要表现形式,其构成关 系、媒体形态和设计表现语言是现代传媒设计不断探索和完善的新领域。本文就设计形态、设计理念、环境空间创作意识以及艺术语言的表达进行深入的思考和论述,并就视觉传达设计在新的历史条件下的内涵作了多角度的探讨。【关 键 词】视觉传达设计形式;特征;表现 【中图分类号】J524.3 【文献标识码】A 【文章编号】1672-707X (2004)03-0070-04 The Multiple Features and Expression of the Design by Vision Transmission YU Yi -hu (The Art School of Lanz hou Commercial College ,Lanzhou 730020,China ) A bstract :T he design by vision transmission is a majo r component of mo dern desig n ,whose constituting relations ,media form and ex pressional language are the new fields discovered and perfected by moder n media design continuously .T his article goes into the deep consideration and statement on the concept and the form of desig n ,the creative idea of enviro nmental space and the ex pres -sion of artificial language .M eanw hile ,it makes a multiple discussion on the concept of the desig n by vision transmission in new histo rical conditio ns . Key words :the fo rm of the desig n by vision transmission ;feature ;expression 一、走向多元的设计形态与理念在现代社会中,源源不断的各类信息通过不同的媒介、不同的方式给我们营造着一个十分庞 杂的“信息环境”。理论上把这种传播称为特殊的“语言传达”即视觉传达、听觉传达和视听综合传达。而视觉传达以其信息量大、传播面积广、面向阶层多、速度快、存留时间长、重复性强和易记、易存阅等优点在诸种“传达”中独树一帜,占据着特殊位置。 “视觉传达”是近年来设计界、学术界常常引用的名词,它是一个既古老又年轻的概念,从它的行为看早已有之,从学科角度看却是比较新的一个领域。由于视觉传达设计在现代社会和生活中所发挥的巨大作用,从19世纪下半叶,西方国家就把它作为一门相对独立的学科来研究,并广泛 付诸于实践。视觉传达设计或称“视觉信息传达设计”、“视觉信息传播设计”,从字意可以理解为“具有视觉传达功能的设计”。比较宽泛的解释 是:视觉传达设计是将信息图像(形象、符号)作用于人的视觉,从而引发人的心理效应,产生积极的反映或联想,达到传递信息,导致一系列行为的创造性的设计活动。在现代商品社会中,视觉传达设计作为一门综合性的学科,其理论与实践涉及市场学、传播学、社会学、心理学、广告学、美学等诸多学科,设计语言突破了传统意义上的平面设计的局限和范围,它包括报刊杂志、书籍、广告、包装、标志、印刷、摄影、展示、电子灯箱、电视及计算机、多媒体、互联网等的设计。一般来说,视觉传达设计主要是通过大众传播媒介向社会发布信息,向受众传播信息,这种以媒介作为信息载体的传播方式与手段的多样性,不仅使传播对象具有社会的广泛性,同时也造就了多元的形态“语言”, — 70—

视觉传达设计基础试题.(DOC)

视觉传达设计基础（平面设计基础） 一、单项选择题(本大题共10小题，每小题2分，共20分) 在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.作为设计的最基本的领域是关于______的研究。 ( ) A.形与色B.点与面C.符号D.构想 2．下列有关基本形重复的说法不正确的是( ) A.基本形的形状、大小等元素始终不变，就是绝对重复 B.绝对重复时，基本形的方向、位置不可变动 C.基本形重复中的变化，主要是指其重复中基本形方向的变化 D.建筑中的窗和柱，地上砌的砖都属于基本形重复 3.二十四色相环每一色相间距为______度。 ( ) A.20 B.10 C.15 D.25 4.下列对基本色描述不正确的是( ) A.黄色光的光感最强，所以总能给人以光明、辉煌的印象 B.橙色在空气中的穿透力最强，色感比红色更暖 C.绿色光在可见光谱中波长居中，人的视觉最能适应绿色光的刺激 D.极色在适应的角度时反光敏锐，亮度很高，如果角度一变，亮度又会很低 5.正面看到的人体，汽车等物体，表现了平面构图中的哪种形式美法则？ ( ) A.对称B.比例C.反复D.平衡 6.国内现行通用的文字系统是( ) A.pt B.px C.pt和号 D.px和号 7.由于其固有缺点，一般只适用于字母不多的短句，变化不太复杂，基本字体简单清晰的一种拉丁字体是( ) A.等线体 B.书写体 C.变化体 D.光学体 8.商标设计的最终目的是( ) A.辨明商品 B.保证质量 C.树立形象 D.促进销售 9.以下不是产品包装的基本要求的是( ) A.包装需能保护产品 B.包装需能促销产品 C.包装应便于运输 D.包装应追求高档 10.广告编排的实质是( ) A.图片处理 B.文字加工 C.构成设计 D.增加内容? 二、名词解释(本大题共3小题，每小题5分，共15分) 1.单形 2.现代标志 3.编排 三、判断改错题（本大题共5小题，每小题3分，共15分）判断下列各题，正确的在题后括号内打“√”，错的打“╳”，并改正。 1.对下面基本形重复变化的图形说明正确的是①③④⑥。( ) 2.肌理都是用手可以摸得出来的。( ) 3.三个原色一起混合出的新色称为复色。( ) 4.广告标题应尽可能使顾客感到有利可图。( ) 5.方形、斜形、波形、涡线形、圆形都属于编排要素的基本形态。( )