视觉设计初步视觉语言基础实用教案

1、视觉设计初步 （认识设计） 第一章：造型语言基础 （24课时） 一、造型语言元素及特征 二、型语言想象力 三、造型语言形式表现图形构成 第二章：认识文字 （12课时） 一、文字与设计 1、东方语系字体 2、西方语系字体 二、文字与意象 三、容易阅读的文本 第二章：认识版面(bnmin) （12课时） 一、视觉的导向 二、版面(bnmin)基本构图 第1页/共131页第一页，共131页。设计 design; project; scheme 按照任务的目的和要求,预先定出工作方案和计划, 绘出图样，为解决这个问题而专门设计的作品与展示。设计这一过程包括了艺术设计所有的门类，甚至(shnzh)艺术的

2、所有门类。第2页/共131页第二页，共131页。 造型(zoxng)第3页/共131页第三页，共131页。 方案(fng n)和展示第4页/共131页第四页，共131页。 方案(fng n)和展示第5页/共131页第五页，共131页。 方案(fng n)和展示第6页/共131页第六页，共131页。 方案(fng n)和展示第7页/共131页第七页，共131页。 方案(fng n)和展示第8页/共131页第八页，共131页。艺术设计专业的基本素养：创造力、策划能力、展示能力基础 造型、版面(bnmin)、文字第9页/共131页第九页，共131页。第一章造型语言(yyn)基础第10页/共131页第

3、十页，共131页。一、造型基础 视觉语言的基础首先是二维形态的基础（平面构成），是创造(chungzo)形态的一种表现手法，是研究造型形态学的基础部分，目的是训练设计思维与设计方法，为创作开拓新的设计思路。第11页/共131页第十一页，共131页。第12页/共131页第十二页，共131页。第13页/共131页第十三页，共131页。第14页/共131页第十四页，共131页。第15页/共131页第十五页，共131页。第16页/共131页第十六页，共131页。1、造型基础语言 把自然界中的复杂物象和过程，化解为最简洁的点、线、面，并研究各种物象的构造，分析其特征，利用大小不同、形状不同的形象之间的相

4、互关系和形象与空间之间的关系，进行分解、组合、重构、变化，创造理想的新视觉形象，并以此(y c)为基础进行构思和设计。第17页/共131页第十七页，共131页。 点、线、面、体等是二维设计中的基本(jbn)要素。是大多数形态中共同存在的基本(jbn)形态。 点、线、面、体的特点：相对性。（极细小的形象就是点 ；极狭长的形象是线；形成一定量感的点、线，就是面；面的转折就形成了体。）第18页/共131页第十八页，共131页。A A、 点：点：定义：几何学上表示位置。是无面积、厚薄的，在平面上只定义：几何学上表示位置。是无面积、厚薄的，在平面上只 提示形象存在的具体位置。提示形象存在的具体位置。 相

5、对于周围空间，点的面积越小就越具有点的特性。相对于周围空间，点的面积越小就越具有点的特性。 点具有很强的向心性，能形成视觉的焦点和画面的中点具有很强的向心性，能形成视觉的焦点和画面的中心，显示积极心，显示积极(jj)(jj)的一面；另一方面点也能使画面空间呈的一面；另一方面点也能使画面空间呈现出涣散，杂乱的状态，有消极性。现出涣散，杂乱的状态，有消极性。第19页/共131页第十九页，共131页。 a.点的大小： 相对(xingdu)的，与相对(xingdu)给定的背景有关。第20页/共131页第二十页，共131页。第21页/共131页第二十一页，共131页。 b. 点的形态： 各种形式(xng

6、sh)表示，不受限制。 第22页/共131页第二十二页，共131页。 c. 点的特性： 聚集性较强，性质(xngzh)较活泼。第23页/共131页第二十三页，共131页。 单独的一点在平面上，会吸引(xyn)大部分的视线。运动感最易产生(chnshng)。第24页/共131页第二十四页，共131页。 点的连续会产生线的感觉。点的集合( jh)会产生面的感觉。点的大小、虚实会产生深度感。几个点之间会有虚面效果。 流动(lidng) 飞舞第25页/共131页第二十五页，共131页。点的流动(lidng)形成了线第26页/共131页第二十六页，共131页。点的集合(jh)形成了面第27页/共131页

7、第二十七页，共131页。生活(shnghu)中的点第28页/共131页第二十八页，共131页。第29页/共131页第二十九页，共131页。第30页/共131页第三十页，共131页。第31页/共131页第三十一页，共131页。第32页/共131页第三十二页，共131页。练习作业1： 10幅点的发现与创造 要求： 各种( zhn)不同的点，可以是制作创造的, 也可以是图片照片。各种( zhn)材料及手段不限。注意点的联想,点的空间体验,点的动势,点的向心性。 尺寸：10-10厘米单个，拼贴在A3黑纸上第33页/共131页第三十三页，共131页。 B. B.线：线： 点的移动轨迹点的移动轨迹(guj

8、)(guj)形成线。形成线。几何学的定义: 线没有粗细之分,只有长度(chngd)与方向。第34页/共131页第三十四页，共131页。 线有宽度线有宽度(kund), (kund), 线的宽度线的宽度(kund)(kund)必须比长度小必须比长度小许多许多, ,比例最悬殊比例最悬殊, ,线的感觉越强。线的感觉越强。第35页/共131页第三十五页，共131页。a. a. 线的形态：直线线的形态：直线(zhxin)(zhxin)、曲线、曲线直线：当点总是朝一个方向 移动时为直线。曲线(qxin)：方向改变时。折线：介于两者之间。第36页/共131页第三十六页，共131页。b. b. 线的特性线的特

9、性(txng)(txng)直线类：直线： 肯定、强性、明晰(mngx)、单纯、男性化。粗直线： 厚重、稳定、坚强、笨拙。细直线： 神经质、明锐、不牢。锯齿直线：不安定、焦虑。第37页/共131页第三十七页，共131页。曲线类：几何(j h)曲线：包括圆、椭圆、抛物线等。 具有女性化、理性、明确、活泼、圆润、柔美等 特点。其中，圆是最完美的曲线。第38页/共131页第三十八页，共131页。自由曲线：个性化的曲线，表现丰富。如有力、无力、优美、 不规则或凌乱时会(sh hu)有烦乱、紧张等等。第39页/共131页第三十九页，共131页。第40页/共131页第四十页，共131页。第41页/共131页

10、第四十一页，共131页。水平水平(shupng)方向：方向：平和、稳定、平和、稳定、 寂静、沉闷。寂静、沉闷。垂直(chuzh)方向：严肃、崇高等。斜线方向：不稳定(wndng)、运动、活泼等特点。第42页/共131页第四十二页，共131页。线的运用(ynyng)第43页/共131页第四十三页，共131页。第44页/共131页第四十四页，共131页。第45页/共131页第四十五页，共131页。第46页/共131页第四十六页，共131页。第47页/共131页第四十七页，共131页。练习作业2： 10幅线的发现(fxin)与创造 要求： 各种不同的线，可以是制作创造的, 也可以是图片照片。各种材料

11、及手段不限。注意曲直浓淡对比的线，优雅与粗犷的线，有秩序无秩序的线，表现心情的线。 尺寸：10-10厘米单个，拼贴在A3黑纸上第48页/共131页第四十八页，共131页。C. C. 面：面：面的几何定义： （平）面具有(jyu)位置、长度、宽度而无厚度。 面是转折体的表（平）面。 点的扩大、集结、排列(pili)，线的移动轨迹都可以成为面。（其移动可以是规则的和无规则的，形成的面如通过切断组合又可获得新的面。）第49页/共131页第四十九页，共131页。b. b. 面的形态面的形态(xngti)(xngti)、特性：、特性： 直线形面可分为： 几何直线形面：特点为：理性、简洁( jinji)、

12、有序、坚固、 安定、明快、冷漠。根据(gnj)构成的线的形态不同，面可分为直线形面和曲线 形面。第50页/共131页第五十页，共131页。自由直线形面：自由直线形面：强烈、大胆、直接、强烈、大胆、直接、过于过于(guy)(guy)活活泼等。泼等。几何曲线形面：具有(jyu)数理性和逻辑性，同时又有优美、自由明了等特点。第51页/共131页第五十一页，共131页。自由曲线形面：自由曲线形面：因不具有几何次序，可表现两个极端。因不具有几何次序，可表现两个极端。女性化女性化 ，柔美，柔美(ru mi)(ru mi)、优雅、优雅、活力、丰富散漫、杂乱、无序等活力、丰富散漫、杂乱、无序等偶然(u rn)

13、形面：其形成有不确定性。第52页/共131页第五十二页，共131页。黑白两色方形通过错位，切割，重叠等获取新的面积(min j)对比图形第53页/共131页第五十三页，共131页。第54页/共131页第五十四页，共131页。第55页/共131页第五十五页，共131页。练习作业3： 完成点与线、点与面、线与面、面与面形态构成练习各3张 要求： 以点的形态入手，得到线的视觉效果；以线为形态得到面的视觉效果；以点为形态得到面的视觉效果；以面为基础(jch)得到更多面的效果。强调形态特征，注意形态组织与关系元素。 尺寸：10-10厘米单个，拼贴在A3黑纸上第56页/共131页第五十六页，共131页。第

14、57页/共131页第五十七页，共131页。第58页/共131页第五十八页，共131页。第59页/共131页第五十九页，共131页。第60页/共131页第六十页，共131页。第61页/共131页第六十一页，共131页。第62页/共131页第六十二页，共131页。第63页/共131页第六十三页，共131页。第64页/共131页第六十四页，共131页。二、造型(zoxng)语言的想象力 想象力比知识更重要爱因斯坦 想象的空间有多大宇宙的空间就有多大，对于一个从事创造的人来说，想象力越丰富，他的可支配的资源就越多。第65页/共131页第六十五页，共131页。一、想象力创意的魔法石二、联想的特点在抽象和

15、具象之间，思维是自由的。思维的不确定性会给我们(w men)自由想象的空间。第66页/共131页第六十六页，共131页。想象力测试(csh) 有几种可能性？第67页/共131页第六十七页，共131页。三、联想的方式 联想可以是回忆和想象，在蒙太奇镜头画面之间，从分析到综合，部分到整体进行艺术思维。1、类似联想：在不同元素之间采用(ciyng)相似的手法或表现相似内容。2、对比联想：其不同元素之间在形式或者内容在呈对立状态，从相反的角度表现同一主题，并使主题给人留下更深刻的印象。3、接近联想：通过同时或相继成立的条件反射将空间、时间相接近的元素连贯起来，从而引起人们的联想并思索其内涵。第68页/

16、共131页第六十八页，共131页。快题：想象力训练1、符号的联想 自选固定的方、圆、三角(snjio)、曲线、椭圆、直线等类型中选三种为不变形，加简单的点线等使抽象的符号转换为具象的图形，从而完成形态联想。每个完成10种不同注释，不破环始形。形态力求随意，生动、终形要求特征鲜明(xinmng)，一目了然。建议在A4上先打印10个始形数张，或减下不变型纸片，用笔或其他工具加简单的笔画或拍摄成具象的图形。第69页/共131页第六十九页，共131页。第70页/共131页第七十页，共131页。第71页/共131页第七十一页，共131页。第72页/共131页第七十二页，共131页。第73页/共131页第

17、七十三页，共131页。第74页/共131页第七十四页，共131页。第75页/共131页第七十五页，共131页。2、特定元素的视觉想象 以生活中的一个常见物体做基础做视觉想象，如羽毛球拍、牙刷、笔、手、眼镜等等，根据始形的基本特征(tzhng)展开想象，又超越于始形的含义。 要求:生动、简练，图形表达准确，特征(tzhng)鲜明。视觉想象在于丰富的想象力，趣味性和表达力。 可用比喻、拟人、接近联想、类似联想、对比联想、超现实主义、蒙太奇、借代、异质同构等手法展开。数量:20个，用黑白画在A4纸上第76页/共131页第七十六页，共131页。第77页/共131页第七十七页，共131页。第78页/共1

18、31页第七十八页，共131页。第79页/共131页第七十九页，共131页。第80页/共131页第八十页，共131页。第81页/共131页第八十一页，共131页。三、造型语言构成的形式 构成的形式有很多种，依主要的形式特征而分成： 群化、重复、近似、连续、渐变、发射、结集、对比、统一、特异、空间、图底以及(yj)肌理。第82页/共131页第八十二页，共131页。1. 1. 重复重复(chngf)(chngf)：概念：指在同一设计中，相同的形象（单形）出现过两次以上（一个完整(wnzhng)、独立的形象被称为单形。） 重复能够加深形象的印象(ynxing)，形成节奏感、统一感。所谓相同：形状的相同

19、，色彩、大小、方向、肌理等 重复中的基本形：每一基本形为一个单位，以重复的手法进行设计。基本形不宜复杂，以简单为宜。如基本形过于复杂，不仅不易组合，也容易使画面散乱不整。 第83页/共131页第八十三页，共131页。第84页/共131页第八十四页，共131页。第85页/共131页第八十五页，共131页。第86页/共131页第八十六页，共131页。、近似(jn s)：概念：指相似和相近的形态进行规律地排列组合，是重复构成的轻度(qn d)变异。（近似构成能较好地达到变化丰富而又统一调和的效果。 ）获得(hud)近似形态的方法有： a对选定的基本形进行方向、正负形、大小、加减等的轻度变化。 b.

20、用种类相同、形状不同的近似物象进行有序排列。 c用相似的形进行组合。 第87页/共131页第八十七页，共131页。第88页/共131页第八十八页，共131页。第89页/共131页第八十九页，共131页。第90页/共131页第九十页，共131页。4、渐变(jinbin)：概念(ginin)：是指基本形（单形）进行规律性的变化组合。渐变(jinbin)的形式有：大小渐变、方向渐变、形状渐变、色彩渐变等。第91页/共131页第九十一页，共131页。渐变(jinbin)：第92页/共131页第九十二页，共131页。第93页/共131页第九十三页，共131页。第94页/共131页第九十四页，共131页。

21、第95页/共131页第九十五页，共131页。5、发射(fsh)概念：是形态围绕(wiro)某个中心扩展的一种构成方式，它有较强的律动感、放射性。发射(fsh)的构成可分为：a向心式：向中心渐近。b离心式：从中心扩散。C渐层式：层层围绕中心变化。第96页/共131页第九十六页，共131页。第97页/共131页第九十七页，共131页。第98页/共131页第九十八页，共131页。6、特异(ty)：概念：是在重复、近似及渐变的规律中出现少许差异，或在局部(jb)的形态进行突破的构成。特异的基本方式(fngsh)：大小特异、位置特异、实态特异、色彩特异等。特异构成使整体中有小局部的形态或秩序的突变，使人

22、产生奇特、震动、好奇、新鲜的感觉，具有很强的视觉冲击力。（特异构成手法在招贴等中运用较多。）第99页/共131页第九十九页，共131页。第100页/共131页第一百页，共131页。第101页/共131页第一百零一页，共131页。第102页/共131页第一百零二页，共131页。7、密集(mj)：概念：是自由的构成方式，它的单位(dnwi)形态自由地构成，形成有疏有密、有聚有散、无规则的构成方式。密集构成是指比较自由性的构成形式，预置(y zh)形密集与无定形密集两种。第103页/共131页第一百零三页，共131页。第104页/共131页第一百零四页，共131页。8、空间(kngjin)：概念：通

23、过点、线、面构成具有空间透视关系，如：远近、高低、凹凸、虚实等的感觉(gnju)。（实质上，这只是视觉上的假象和幻觉。空间构成能创造意境，使人产生联想。）在平面(pngmin)构成中建立三次元的一般表现手法有：a透视表现的空间构成：严格按照并强调透视来处理画面中出现的一切基本形，以营造一个真实的视觉空间。第105页/共131页第一百零五页，共131页。第106页/共131页第一百零六页，共131页。9、矛盾(modn)空间：概念：通过视平线和消失点的增减，使画面的透视角度(jiod) 产生多变，利用平面的局限性以及视觉的错视， 形成在现实中无法存在的空间。第107页/共131页第一百零七页，共

24、131页。第108页/共131页第一百零八页，共131页。10、图与底概念：是一种(y zhn)在对比、衬托之中产生出来的关系。图的特征(tzhng)：有明确的形象感，给人强烈的视觉印象，画面中较为突出。底的特征：没有明确的形象感，给人模糊的视觉(shju)影象，没有形体的轮廓。第109页/共131页第一百零九页，共131页。第110页/共131页第一百一十页，共131页。第111页/共131页第一百一十一页，共131页。图与底在设计中的运用：在图面中产生正图感有以下(yxi)特点：1、色彩明度(mn d)较高的有图的感觉；2、凹凸变化(binhu)中凸的形象有正图感；3、面积大小的比较中，小的有图感；、在空间中被包围的形状有图感；5、在静与动的两