教学课件 设计基础一教案

艺术设计分院专业课程教案

课程名称设计基础（一）

教材《二维设计基础》

教案

授课日期：2014年2月20日教案编号：01

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第一节绪论

教学目的与要求：了解设计的本质，把握设计创新的过程，明确设计基础的重要性。

教学内容与教学组织设计：

课程导入：课程开始首先介绍一个有趣的网站SquaresspaceLogOo

YISHU心Jlk

YISHU

A▼►8

<•★

从名字就可以看出这是一个与标志有关的网站。该网站是2004年推出的，目的在于为

那些没有充足资金的企业提供服务，帮助他们在没有设计背景的情况下进行商标设计。因为

我们不是付费用户，所以现在只能简单的进行体验设计商标的过程。实际上，网站提供了

7000个图形，可以从颜色、形状等方面进行修改。正因为如此，这个网站受到了平面设计

师的大力吐槽。但是网站的初衷与设计师是一样的，就是让大家意识到设计的重要性。

这就引出了我们绪论的一个问题：什么是设计？

（与同学进行简单的讨论）

一、设计定义

设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。对于概念的理

解，只需要抓住关键词。对于设计的概念中，“计划、规划、设想”、“视觉的形式”。

对于我个人而言，对于设计概念的理解会更加简单和极端一点。我记得在《设计的精

神》这本书中，一位英国设计师在接受采访的时候说，设计就是创造差异。非常简单，但直

接点出了设计的本质。当然了，这种差异漆面有很多的形容词，需要大家在实际设计中根据

理念自己。

（通过两个工艺广告来简单讲解。）

二、设计种类

平面设计、工业设计、建筑设计、环艺设计、服装设计、影视动漫设计、网络媒体设计

等

（提问大家都想选择哪类的设计专业？）

三、设计创新与设计过程

1、成功的产品不仅能产生视觉效果，还能传达一种思想和情感。关键词是“思想与情

感”，艺术作品中的任何元素都都可以用来交流。纯粹抽象的线条、色彩和开关都能有效地

表达思想和情感。

创造性的现象力对作品的成功是至关重要的。

2、设计是一个创造创新的过程，包括观察、构思、实践。创造的前提是通过看、记等

方式对知识的积累。

•观察：是意识研究和视觉反映的综合体验，我们希望发现的是形成我们自己视觉语

言的视觉元素。观察的对象包括：自然、历史文化、社会。（随后播放一小段纪录

片《objection》的片段，关于美国博物馆馆长评论牙签与日本文化。）

•构思：是设计过程中最重要的组成部分。

•实践：在实践中不断地观察和思考。

通过一个标志设计讲解构思与实践的过程

四、设计基础课程与设计的关系

1、设计基础与设计的关系：

•设计基础是专业设计的重要基石。

•是提高设计眼光，培养艺术修养的重要途径。

•较全面的学习相关设计语言，接触各种工具。

•开拓设计思维，培养创新能力。

设计基础，或者说三大构成起源于1919年的德国包豪斯•包豪斯是学徒制，每个学生

到相应的工作室内学习。

2、课程内容：

(1)、设计基础1,设计元素：点、线、面、色、质、体。

(2)、设计基础2,设计原则：统一、变化、比例、均衡

(3)、设计基础3,设计感知：色彩感知、重点与焦点、韵律与动感、空间营造

(4)、课程综合创作

设计基础课程是继承了《设计素描》、《设计色彩》，开始走向抽象的设计领域。

五、认识/感受工具

可以说，凡事能够在“画面”上留下痕迹的物件都可以被称为工具。工具可以分为商

店里买的到的工具，也有自己制作的工具，如树枝等。

1、使用不同的工具，得到不同的构成效果。

2、善用工具，巧用工具，得到意想不到的画面感。(播放一个用刷子和刀作画的视频)

3、工具成为画面的一部分。

课堂教学小结：

作业题：用不同的工具进行表现，感受不同工具的痕迹。4张(20cm*9cm)

课后反思：

答疑、质疑记录：

教案二

授课日期：2014年2月20日教案编号：02

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目(章、节)第二节点

教学目的与要求：掌握点的形态特征、心理特征、视错觉等知识,采用不同工具和不同

形态的点进行画面构成。

教学内容与教学组织设计:

课程导入：

［提问

•这个教室中找到哪些点？

•墙上的插座到底是算点还是算面？

•木棍面所包含的点与太平洋所包含的点哪个更多？］

一、点的定义

点可以看作是一切形态的开始，它是一种具有空间位置的视觉单位，并具有矢量化的特

征。点是最小的设计单位，设计过程中最基本的元素。

通过图片感受生活中的点与创作中的点。

二、点的形态特征

1、点是相对的，包括点的大小、点的形状。

(1)、大小超过一定比例的点，就转化为其他形态元素。点的视觉强度并不和面积大小

成正比，太大、太小都会弱化点的感觉。

消失-----------------------点-------------------------面

(2)、点的形状是多样的，无任何限定，可以分为几何形态与自然形态。点形态可以是

自然具象的无限缩小。

O□

大实最浓聂•宾几何尤点

小空白液彩*虚有机毛・

2、无面积性。

3、无方向性。

三、点的心理特征

点是视觉的中心，也是力的中心，有着很强的视觉吸引力，具有聚合、集中注意力的

心理特征，也具有休止和休息的效果。

［当画面中只有一个点时，人们的视线就会集中在这个点上。

因此，点在画面的空间中，具有张力作用。它在人们的心理上，

有一种扩张感。］

［商品广告中的商标，就是起到点的作用。按照这一原理，在

设计时将商标放在较宽阔的空间中，不仅发挥其占据空间的作用，

而且还会更加突出商标的形象。］

(2)、如果点的位置偏移，就会给人一种不安定的视觉感觉。单点处于左右平衡，位于

靠上式，中心上移，有下坠感；反之，有踏实的安定感。单点处于左上或者右上时，具有强

烈的不安定性；反之，则有加强动感，改变空间的视觉效果。

2、多点

(1)、点的线化：点的张力作用，会在心理上将点连接起来。当许多点靠近，就会形成

线的感觉。对于两点在原单点的基础上还存在另外的一种视觉张力，会引导视觉移动，形成

视觉流程。三个以上的点可以称为多点，多点的并置可以形成虚面。

距离较近的点之间的张力比距离较远的点来的更强，因此，如果有计划的加以处理，则

能表现一定的形。

有一定的流动性，体现出一种空间感。

(3)、点的空间感：大小悬殊的点在同一版面上，视线先被大的吸引，再向小的转移,

形成方向感。

......

.•・.•.•.・.・.・・••••

•・•・・・•••*-1

•不同大小的点产生前后空间感。

•同方向的渐变点产生空间进深感

•不同方向的渐变点产生空间回旋感

三、点的视错觉

1、明亮的点或者是暖色的点有处于前面的感觉，黑色的点或者是冷色的点，有后退的

感觉。

2、由于周围点的大小不同，就使中间两个相同的点产生了大小不同的错觉

3、相同的点由于受到夹角的影响，会产生大小不同的感觉。

四、点在设计中的应用

利用点的大小、方向、位置的变化产生丰富的聚散效果。

五、总结

对课堂内容的总结借用作业练习进行。

［提问作业练习的重点是什么？］

练习的重点是感受点的存在以及点组成的画面。点构成的重点是所构成的画面是否具

有变化。形成这种变化主要可以通过三点获得：

1、运用不同的工具或手段获得点的变化。

2、通过改变点的大小、形态获得变化。

3、通过考量点与点所形成的画面感、空间感，获得画面的变化。

课堂教学小结：

作业题：

1、利用不同的工具、不同的表现手法进行以不同点为基本元素的图形组合。4张(9X9CM)

2、选定一个字母、数字或者汉字，以此为内容，用不同工具、形态的点来表现。1张(9

X9CM)

课后反思：

答疑、质疑记录：

教案三

授课日期：2014年2月21日教案编号：03

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第三节线

教学目的与要求：掌握线的形态、线的性格、线的作用、线的视错觉等知识，采用不同

工具和不同形态的线进行画面构成。

教学内容与教学组织设计：

课程导入：

提问什么是线？每个同学小时候，大概4、5岁的时候，都喜欢拿起蜡笔画画。可以说，

线是我们接触到的第一个基本元素，因为线的围合就能形成不同的形状。

通过几张图片让大家对线有个大概的印象。

一、线的形态

•线是点运动的轨迹，当点在一定方向上足够密集时，就形成了线。

­线存在于面的边缘，转折或相交之处。

线是艺术创作中常用的手法，其表现形式也是多种多样的。

•概括并表现存在的事物

•表现对事物的印象与理解

•表达一种思想或情绪

线具有一定的长度和位置，没有宽度和厚度。当线足够短就成了点，当面足够宽就成

了面。线具有方向性。线的形状是多样的，不同形态的线条给我们传递着不一样的讯息。

根据线的形态进行分类：

基本形态：直线（水平线、垂直线、斜线、折线）；曲线（几何曲线、自由曲线）

虚实：实线、虚线

二、线的性格

不同线条具有不同的情感特征与个性，从大类上讲：

•直线具有大方、公正、刚直、强硬、明朗的性格特征。（男性相关词汇）

•曲线则具有休闲、时尚、变化、秀丽、活泼的个性。（女性相关词汇）

线条的粗细也会给人不同的感受

•细线使人感觉到精致、挺拔、锐利，

•粗线则是使人感觉到厚重、朴实、悲壮。

线形性格

直线：具有简粗直线：表现强力、豪放、钝重；

洁明了、直率细直线：表现秀气、敏感、神经质；---------

的性格，能表锯齿直线：有焦虑、不安定和躁动等。/VWV

现出一种力量规则的线：带有机械性的感情性格，表现较为理性；

的美，是男性徒手画的线：带有很浓的人情味，表现更为感性和情绪化。

化的象征。垂直线：使人联想起庄重、严肃的场面，具有高尚、坚挺、强直的性格，

给人明确、刚毅、沉着、富于力度感、有延伸的感觉，同时带有较强的

紧迫感。

水平线：使人联想到无限扩展的地平线及大地，表现安定、平和、稳重、

永恒的性格特征，同时带有保守、寂寞、疲劳等感觉。

斜线：失衡产生不安定感，有飞跃、向上或冲刺向前的感觉，给人以动

势和冲击，同时不安定中透露着青春的活力。

曲线：较直线几何曲线：指圆弧线、椭圆线、卵圆线、抛物线等，是使用工具绘制出

更具动感、变来的曲线，典型表现是圆周，有对称和秩序的美，极富现代性。具温情

化、柔和、优的性格，是动力和弹力的象征，既有直线的简明又具有曲线本身特有的

美、优雅、具柔软、运动的双重性格，但缺少个性，是可以复制出来的曲线。

有女性的特

征，是流动、

活泼的性格反

映，并有较强

的柔韧性和速

度感。

自由曲线：是不借助任何工具，随意徒手而成的曲线，是自由、富于个

性、不易重复制作的曲线形式。较几何曲线更显圆润，富有弹性，其美

感主要体现在自然的伸展，潇洒、随意、轻松自如体现流畅、优美、富

于变化的性格。

三、线的作用

•线有分割和限制作用

­线的面化

•线的分化

­线的空间感：

1、通过线的粗细、疏密变化，表现透视空间。

2、线的秩序变化形成立体感。

五、线的视错觉

1、平行线在不同的附加物的影响下，显得不平行。

2、直线在不同附加物的影响下呈现弧线状。

3、同等长的直线，由于两端的形不同，感觉长短也不同

4、同样的直线，竖直线感觉要比横直线长。

六、线的应用

不同的线条不仅带来不一样的视觉效果，也传达着不同的情感讯息，恰如其分的运用

好线条，会使我们的设计事半功倍。用心体会线条，我们就能感悟到线条的真正魅力。

课堂教学小结：

作业题：

1、在校园中寻找有趣的“线条”，拍下来，最终打印4张9X9cm大小的照片

2、用不同的工具、运用线的构成原理，完成不同线的构成。12张(9X9CM)

课后反思：

答疑、质疑记录：

教案四

授课日期：2014年2月27日教案编号：04

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第四节面

教学目的与要求：理解面的形态特征、面的性格、面的视错觉等知识，掌握形与形的8

中关系，以及形的构成方法。

教学内容与教学组织设计:

课程导入：

面的形态

面的概念。面试线的连续移动的轨迹所产生的结果。

实面：点或线经过扩张可以形成面；线的围合可以形成面。

虚面：点或线的有序排列也可以形成面。

二、面的性格

面也被称为“形状”，面的形态是多种多样的。

［从概念上我们知道，面试线的围合，因此面的个性与线有着密不可分的关系］

平面上的形，大体可以分为三类：即直线形、曲线形和偶然形。

•直线形的面——具有直线所表现的心理特征。，如方形、矩形、三角形、四边形，

有简洁、明了、安定、秩序感，男性的性格；

•曲线形面，具有柔软、轻松、饱满的感受，女性的象征。可以分为集合曲线形的面、

自由曲线形的面。

令几何曲线形的面——以严谨的数学方式构成的几何性质的面。比直线形柔软，

有数理性的秩序感。特别是圆形，能表现几何曲线的特征。但，由于正圆形过

于完美，则有呆板和缺少变化的缺陷。

令自由曲线形的面——是不具有几何秩序的曲线形。这种曲线形能较充分地体现

出者的个性，所以，是最能引发人们兴趣的造型，它是女性特征的典型代表.

在心理上能产生幽雅、魅力、柔软和带有人情味的温暖感觉。

令偶然形的面——以特殊方法构成的意外的形态。具有其它形态表现不出来的、

独特的视觉效果。用手撕开纸张所产生的形；用颜料喷洒所产生的形；用“油

水分离法”产生的形等等。

4奉拳W

面的视错觉

1、用等距离的垂直线和水平线组成两个正方形，它的长款感觉不一样。

2、同样大小的圆，感觉上面大下面小，亮的大些，暗的小些。因此，在书写一些类似

于“8”“3”以及字母的时候,会故意把上面写得小一点，达到一种结构的合理性。

四、面与形

1、形与形的8种关系：分离、接触、联合、减缺、覆盖、透叠、差叠、重合

2、形与底：图有正、负之分。在看到图的“正像”的同时，要顾及它的“负像”

“底二

五、形的几种构成方法

方形叠切两形叠切、三形叠切、多形叠切。

单形切割单形：是只包括一个主体的形象，是自成一体而又有别于其他形象的单独形

状。单形可以是简洁的几何形，也可以由较小的形象联合而成，其强调的是

形象的独立性，是独立图形的一种。

•切割手法：剪、切、挖、镂……

•构成形式：对称形式——反射、移动、反转、扩大

对比形式——大小、曲直、方向、疏密

•构成方式：分离、错位、重叠、透叠、减缺…“

单形切除要领：

1、不要过于复杂，一般以几何图形为佳。

2、一个单形内，不要使用过多的手法、形式、次数

3、切除部分小于保留部分。

4、单形切除部分，根据需要可以返回。

形的群化是基本形重复构成的一种特殊表现形式。它不同于重复构成，是不依赖骨骼

和框架而进行的基本形组合构成，因而具有独立存在的性质，是独立图形的

主要形式之一.

•基本型的设计

•组合构成的形式

•基本型的数量

群化构成要领

1、基本型要简练、外轮廓要概括、整体，不能太复杂、也不能太纤细，要

防止琐碎和锐角。

2、进行群化的基本型数量不宜过多，一般2-6个。

3、基本型排列要紧凑、严密，注重群化后的外形，避免松散、无序。

4、可以利用形与形之间的关系。

构成形式

1、平行和平行错位排列

2、对称的反射排列

3、旋转的反射排列

多形组合指的是多个单形根据组合构成原理构成的形象。组合后的形象可以作为基本

形，运用于重复或近似构成；也可以不依赖骨骼或框架，构成具有独立性质

的形象。

多形组合要领

1、用于组合的单形可以是相似的、也可以是不同的，尽量采用外形简单的

单体。

2、选用的单体数量不宜过多。

3、单体的变化不宜过多，否则会造成混乱，减弱形象冲击力。

41

六、面的应用

课堂教学小结：

作业题：

1、方形叠切（6*6CM6张）；2、单形切割（6*6CM6张）；3、形的群化（6*6CM9张）；4、

多形组合（6*6CM9张）

课后反思：

答疑、质疑记录：

教案五

授课日期：2014年2月28日教案编号：05

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第五节色

教学目的与要求：理解色的概念、色的属性、色的体系等知识，掌握明度九调、纯度基

调、高低彩等色彩构成。

教学内容与教学组织设计:

课程导入：

提问：教室中哪里最白？

一盏绿光打到红色的透明玻璃上看到什么颜色？

一、色彩的概念

1、色彩的产生：色彩是不同光波进入我们眼睛所形成的。

2、色彩的分类：

（1）、无彩色：具有完整的七色光谱。黑色（光线全部被吸收）；白色（光线全部被反射）；

灰色（七色均等被吸收与反射）

（2）、彩色：部分光波被吸收，部分光波被反射。

色彩混合：所谓色混合是指某一色彩中混入另一种色彩。经验表明，两种不同的色彩混

合，可获得第三种色彩。在颜料混合中，加入的色彩愈多颜色越暗，最终变为黑色。反

之，色光的三原色能综合产生白色光。

•色光混合（加法系统）：红色、蓝色、绿色。

原理：光色混合中，光只含有一种光波。

•色料混合（减法系统）：洋红、青色、黄色。

原理：色料混合中，色料的颜色是反射的颜色。混合后会相互吸收。

二、色彩的属性

1、色相：就是色彩的样貌，每种色彩的名称即是色彩的色相。

以色相变化为基础的构成。

•同一色相构成：24色相环上间隔15度的色彩间的配色

•类似色相构成：24色相环上间隔15度〜60度之间色相的配色

•对比色相构成：24色相环上间隔120度―150度的色相彼此间的配色

•互补色相构成：24色相环上直径两端互成180度的色彩间的配色

2、明度:

（1）、概念：色彩的明暗程度。下图为21阶的明度

最高

明度

•相同色明度关系对比：深红大红浅红，明度变高

•不同色相的明度关系对比：蓝红黄，明度变高

（2）、明度九大调

低明度差的配色（短调）

中明度差的配色（中调）

高明度差的配色（长调）

anaa®ifi一

_7_i

r8B-8

n999

明

谡

L4）长酒_

r

中

nE

即"

九大调判断

3、纯度

（1）、概念：即色彩的纯净程度。纯度越高色彩越鲜艳，纯度越低色彩越灰暗。越多的

颜色相混合，颜色的纯度越低。

（2）、纯度基调

静弱对比蝉中对立鲜强对土

8

BE91|

即削比

灰弱中强

对比对比

鲜弱灰中

对比对比

中中鲜强

对比对比

不同纯度基调的颜色感：

•鲜强对比：强烈、刺激。

•中强对比：活泼

•鲜中对比：怪异

•灰弱对比：柔和、阴郁

三、色彩体系

1孟塞尔色彩体系

*色

2、奥斯特瓦德阿色彩体系

教案六

授课日期：2014年3月6日教案编号：06

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第八下放

教学目的与要求：1、认识质。

2、感受不同材料的质感

3、不同材料、相同材料的质感构成

教学内容与教学组织设计：

课程导入：

用《非诚勿扰》片段导入，感受棉花的形态和颜色的质感。

用图片展示不同的质的内容，图片包括广告、风景、电影、动物等。

一、质的认识

1、质的概念：材质：是指不同的物理材料。质感：一种感觉，是材料表面的纹理、肌理、

构造组织给人们的心理感知。

2、肌理：“肌”——皮肤；“理”——纹理、质地；“肌理”——物体表面的纹理。

不同的质有不同的物质属性，因而也就有其不同的肌理形式，使人产生不同的感觉。例

如：干和湿、平滑与粗糙、软与硬。

二、肌理的分类：

1、视觉肌理与触觉肌理

•触觉肌理：用手触摸有凹凸、粗细感的肌理。

•视觉肌理：通过眼睛可以感觉到的肌理（形状与颜色），包括点状肌理、线状机理、面

状肌理、彩色肌理等

♦视觉肌理与触觉肌理感受可以相同，也可以不同。

（不同鸟的羽毛视觉与触觉肌理差异，3D画的视觉与触觉肌理）

2、自然形态肌理与人工形态肌理（城市与海边，金属与木材）

3、规则形态肌理与不规则形态肌理（相同材料，不同规则形态的肌理）

三、质的构成

•将不同材料，或物质表面的肌理通过一定的手段进行构成设计。

•注重制作手段，随意性很大；注重变化、注重美感。

•在不同的空间、环境、光线之下能呈现出不同美感。

1、不同材料不同的肌理表现

构成方式：根据材料的特点，用最佳的方式呈现。

2、同一材料不同的肌理表现

•材料的形态：大小、形状（点、线）、正负形等

•材料的排布方式：规则、不规则、疏密、线型等

•材料的方向：平贴、垂直、弯曲、交叉等

•“破坏”原有结构

3、用材料表现点、线、面构成

•通过不同手段处理材质，可以构成点、线、面（疏密感、色彩、质与面的关系、光

与影）

4、拼贴画：拼贴画是以各种材料拼贴而成的装饰艺术。西方的拼贴画常把偶得材料，如报

纸碎片、布块、糊墙纸贴在画板、画布或其他质地上，有时与绘画结合而成。

四、质的应用（肌理与艺术、建筑、产品、室内）

课堂教学小结：本次课程主要讲解质相关的内容，让学生感受不同材料的质感与肌理，并

进行构成练习。同时，总结前面点线面构成的内容，对相同材质进行不同的处理形成不同的

质感。

作业题：

1、选择不同质地、形态的材料，按一定的秩序组合硬纸板上。10*10,6张

2、选择一种材料•，进行多形态组合，构成不同的肌理感。（不同质感，可再加工，表现点

线面）10*10,6张

3、拼贴画：画面形状可以不是方形，大小自定，但不能小于l0*10cm,1张（可选择一种

材质载体做拼贴画练习，也可选择多种材质载体进行混合的屏贴画练习）

课后反思：

答疑、质疑记录：

教案七

授课日期：2014年3月7日教案编号：07

教学安排课型：理论、实验、图文并茂、观摩等；

教学方式：讲授、个别指导、集体讲评、图例讲解、小组约见讨论等；

教学资源多媒体、板书、音像、图书馆、多媒体演示、教科书讲解等

授课题目（章、节）第七节体（一）

教学目的与要求：1、了解体的概念与构成。2、掌握与理解半立体构成、线立体构成、

面立体构成。

教学内容与教学组织设计:

课程导入：

提问点线面之间的关系，通过回顾构成前面学过的知识，引出本次课程的内容，体。

一、体的概念

1、概念：体是三维形态最基本的体现形式，由长度、宽度与高度三个要素组成。体的

构成元素有形态、空间、色彩、材质肌理。

2、体的组成形式

a）：点一体。b）：线一体。c）：面一体。b）：体一体块。

二、立体构成的构成方法

1、半立体构成

半立体又称