通州区UI设计培训班画画作品-上海怡健医学

平面构成主讲：林立

Tel:66504321 13594016671

E-mail:mr_linli@163.com

平面构成准备动作

1作业工具针管笔、鸭嘴笔、直尺、圆模板、黑色墨水、黑色颜料圆规、直尺

2作业材料绘图纸、铜版纸、卡纸、不同颜色的皮纹纸

3课堂练习必备

A4复印纸,圆规、签字笔、铅笔、双面胶带,直尺、黑色纸板小剪刀平面构成目录第 1章 骨架式构成第 2章 繁殖式构成绪论第 3章 配置式构成第 4章 空间表现第 5章 分割勾形第 6章 自由构形第 7章 意象构形第 8章 材料的感受和技巧的开拓平面构成绪 论为什么要学平面构成？

平面构成版式设计平面构成平面构成标志设计平面构成包装设计平面构成企业形象设计平面构成产品设计平面构成

UI设计平面构成招贴设计平面构成展示设计平面构成室内设计平面构成第一章 骨架式构形平面构成骨架式构成

1-1 重复骨架 +单元形 (竖向、横向、分块、综合 )

1.空位法 …… 单元形排列在骨架线所构成之单位空间内，并可以在格内自由改变位置跟方向。当单元形大于骨架线时，要将逾线的单元形沿骨架线切除，

从而可以将背景分割成不同的色幅，骨架线参与构图，故被称为有作用性骨架。

2.点位法 …… 将单元形编排在骨架线的交点上，不决定单元形所占的空间，也不决定单元形的方向。当对单元形和背景不造成哪些影响时，就被称为非作用性骨架只要将框架内的空间界定成图案大小相同的单位,就组成重复骨架。如果将组成骨架的两个元素（水平跟平行线）单元或双元的变动（宽窄、方向、线质）、

分离或联合的变动、分条或分快的变动，就可以成就更丰富的重复骨架。

重复骨架里的单元型可以不完全相同，可以借助大小渐变、单元空间内方向位置的渐变创造出整体的运动变化节奏

通过着色创造复合运动的效果

通过“空间处理”（正形、负形、消失、消色、减缺、差叠、透叠）创造奇特花纹平面构成骨架式构成

1-1 重复骨架 +单元形 (竖向、横向、分块、综合 )

平面构成骨架式构成

1-1 重复骨架 +单元形 (竖向、横向、分块、综合 )

平面构成骨架式构成

1-1 重复骨架 +单元形 (竖向、横向、分块、综合 )

平面构成骨架式构成

1-2 渐变骨架 +单元形 (竖向、横向、分块、综合 )

骨架单位的颜色或大小不是重复、而是慢慢的、规律的、循序的变动。有单波渐变骨架，双波渐变骨架、分条渐变骨架、重复的渐变骨架、阴阳渐变（将骨架线的粗度相应地扩大成面的感觉，并做单元形使用）

渐变骨架的骨架线有时比单元形更重要

如果渐变骨架简洁则单元形也可以渐变（方向、位置、大小、扭转、图底、色彩、形状），只是应让差异具有节奏、韵律跟自然。注意把握

①渐变单元形之始终

②渐变单元形的大小比例与数量

③渐变单元形的渐变方式及程序处理

④渐变单元形的个别与整体之渐变效果平面构成骨架式构成

1-2 渐变骨架 +单元形 (竖向、横向、分块、综合 )

平面构成骨架式构成

1-3发射骨架 +单元形 (辐射 +涟漪 )

发射骨架由,心源,和,方向,两项因素组成，所以大体可以分为辐射式和涟漪式，发射骨架中的单元形可以分为以下四种

①用线做基本形，可获得强烈的视觉效果

②非作用性骨架中的单元形应随骨架线的引导依续排列。单元形可以重复，近似，渐变

③作用性骨架中的单元形应随骨架线的切割而变化

④若基本形面积过大，则需要有非作用骨架编排其位置及方向平面构成骨架式构成

1-4 叠合骨架 +垂直线 (水平 +倾斜、水平 +同心圆、倾斜 +同心圆 )

基本骨架可以互相叠合，叠合的方式可以是“水平＋倾斜，水平＋同心圆，

倾斜＋同心圆”，可以获得生动活泼的骨架，通过单元形的组合，表现出不同的节奏平面构成骨架式构成

1-4 叠合骨架 +垂直线 (水平 +倾斜、水平 +同心圆、倾斜 +同心圆 )

平面构成骨架式构成

1-5 骨架式构形的活用根据设计必须，各种骨架图案可以互相复合，以成就出最丰富多彩的骨架形式．复合的方式有：

相同的或变化微小的两个骨架构形可以互相少许错位＼重叠＼造成带有动感的生动有力的叠纹

不同骨架相互复合平面组成第二章 繁殖式构形平面构成繁殖式构形

2-1 圆的构形 (等宽度圆、逐渐减少的圆、心脏形）

什么是繁殖式构成？

繁殖式构形就是造型中的仿生学，它以物理形态为骨干，通过,基因,进行繁衍，发展及组合。在艺术设计中，由于项目技术担当着非常重要角色，故不得不籍用数学来解决它的难题。而数学形态根据,数的秩序,做规则性运动组合，在触觉艺术上既有情绪的，

感情的白哦县成分，从而开拓了形态学的一个新领域。

1没有固定骨架，形象依确定条件作规则性繁衍变化提出逐步形的总量关系，突出连续组合的形态特点

.

平面构成繁殖式构形

2-1 圆的构形 (等宽度圆、逐渐减少的圆、心脏形）

平面构成繁殖式构形

2-1 圆的构形 (等宽度圆、逐渐减少的圆、心脏形）

平面构成繁殖式构形

2-2 正多边形的构形 (正三角形、逐正方形、正五边形）

根据正多边形所提供的繁殖条件（边长、

对角线、高、延长线）正多边的繁殖构形有：

以前一个正多边形的对角线、高作下一个正多边形边长，（或逆反）的平面构成教案下载，等比级数正多边形的叠合繁殖构形

复合正多边形的繁殖构形

等角倾斜并内接

等比级数正方形的发射繁殖平面构成繁殖式构形

2-2 正多边形的构形 (正三角形、逐正方形、正五边形）

平面构成繁殖式构形

2-2 正多边形的构形 (正三角形、逐正方形、正五边形）

平面构成繁殖式构形

2-3 椭圆的构形 (接触、分离、重叠）

椭圆的繁殖构形方式有：

分离 —— ① 同心圆的组成②移动圆心的构成③变化椭圆度（长轴与短轴之比）

④同心圆加角度变化⑤同心圆加角度差异再加椭圆度的变化⑥固定轴长，只变化短轴，⑦长轴和短轴都变化。

接触 —— 由于相接，可以把分离组成之视觉特性非常尖锐化重叠 —— 单把两组椭圆平行移动交叉，

与圆的效果无异。

平面构成繁殖式构形

2-3 椭圆的构形 (接触、分离、重叠）

平面构成繁殖式构形

2-3 椭圆的构形 (接触、分离、重叠）

平面构成繁殖式构形

2-3 椭圆的构形 (接触、分离、重叠）

平面构成繁殖式构形

2-5 等角直线束的构形

1.所谓,等角直线束,,是指从一个点引出的多条等角直线。根据,点,的位置，有下面不同的构形

从圆内的任意点引出等角直线束与圆周相交，然后依次在其四等分点（或与圆周的交点处）做该直线的平行线，则这种垂直线的包络线就会构成椭圆

（垂直线就是椭圆的切线）

从任意点引发等角直线束与任意一条直线相交叉，

然后依次在这种交点出作该线段的平行线，则这种线的包络线就会构成抛物线

从心脏形内的任意点引出等角直线束与心脏形相交，然后依次在交点处作该直线的平行线，则这种垂直线群就有规则地变换其方向，产生出美的形态来。

平面构成第三章 配置式构形平面构成配置式构形

3-1 线状的配置理解配置构成使用同样单元形做平面上的、连续的排列组合,创造不同的组合形及场景,称之为配置式构形,

单元形的复树组合,在数量关系的基础上,进一步指出相邻两个形之间的方向跟位置关系

1.单元形的条件是

有宽的部位,也有窄的部位

有凸起的背部,也有凸出的臀部

周围轮廓有一定的”模数”关系,以便具有连续组合的可能性

好的单元形是,单元与单元接触可形成许多新的单形平面构成配置式构形

3-1 线状的配置

2.组合的单形通过“平行移动”“镜像反射”“定点转动”“扩大缩小”在平面上排列复数的单元形并让之整合为组合形。既应留意外形的差异，又要注意中心空间的颜色跟数量差异

3以组合的单形为单位，做接触式（线状的、面状的、自由的）配置够形

有凸起的背部,也有凸出的臀部

周围轮廓有一定的”模数”关系,以便具有连续组合的可能性

好的单元形是,单元与单元接触可形成许多新的单形平面构成配置式构形

3-1 线状的配置将单元形（或单形）用相同的方式、同样的方向连续起来配置。注意：

单元形的使用方式并不限于一列；也不限于直线、折线、曲线。

在线状配置中可用各种形式（例如线的垂直移动、线的镜像反射、线的发展，）

同时既明显地加上上面的演进要素，成为线状配置向面状配置的过渡平面构成

3-1 线状的配置配置式构形平面构成

3-2 面状的配置

1.线状配置的重复而成面

2.开始把单形朝者二次元度配置，

应当可以造型比线状更丰富的配置效果。

配置式构形平面构成

3-2 面状的配置配置式构形平面构成

3-4 集中、扩散的的配置从场景中心起初，将单形向画面周边做外延的配置，以便作为集中或扩散的构形。单形集中处称为焦点

1.焦点在中心：绝对对称缺乏动感，

但具有安定、均齐感。若可表现出优雅的特点，则可以产生静态的均齐美

2.焦点不在中心：单形的配置偏依在场景一边，将发生充满兴奋的动态均衡美。

配置式构形平面构成

3-4 集中、扩散的的配置配置式构形平面组成第四章 空间感表现平面构成空间感表现

4-1 立体感的表现

1.水平、垂直方向的运动带给画面的扩展 。

2.纵深方向的运动带给画面的宽度，层次和进深。

3视点的震动将导致形状的扭曲、错位、变异。

4、视点的跳动促成不同空间的组合，激活思维而形成语义平面构成空间感表现

4-1 立体感的体现

表现一个物体同时有三个以上的面的觉得，或采取自由透视法，即将有不同灭点的透视形态自由地组合在一起

利用斜线，斜投影

利用点或线的疏密关系

利用光影的悄然变化

利用平行线方向的颠覆或网络的扭曲平面构成

4-2 进深感的体现（放射线、大小渐变、前后遮挡、深浅渐变）

进深，是指前后的距离。平面上的深度是虚假的，是视点的前后扩张，所以称之为”进深感“平面上的立体形自然也具备一定的深度感，然而作为单纯深度感的体现，却可以不依赖于立体形。方法有

利用形态的大小表现远近

利用重叠形的遮挡表现进深感

利用放射线表现进深感

利用虚实形态的对比

利用肌理的厚薄渐变空间感表现平面构成

4-3 透明感的体现透明的本质是透过透明层而发现彼方物体时的觉得，透明感要切记

必须是两个以上构形面的透叠

各方的轮廓线应有良好的连续

充分的层次空间感表现平面构成

4-4 多层性的体现若有两个以上的单位形在一个画面上重合都必须依前后关系被认知为各个不同的平面，这只是场景深度的视觉扩张。所以，造成场景多层性的条件是

两个以上的单位应该重叠（不能分离或共线配置）

重叠组合的方式还要构造复杂，便于分解；单纯性的组合则难于分解和分层

相邻各层之间的差别越显著，多层的效果越突出

巧妙地组织多层性，可以产生带有主观轮廓的型态空间感表现平面构成

4-4 多层性的体现空间感表现平面组成第五章 分割构形平面构成分割构形

5-1 等分割 (等形分割、等量不等形 )

重点研究造型中潜在的整体和个别的数理规律，逐步推动由数理向感觉的过渡分割的抉择原则：

1、追求相似形的运动变化

2、根据场景的平衡关系位法平面构成分割构形

5-1 等分割 (等形分割、等量不等形 )

等分割有两种：等形等量分割 ——

造型稳重，整齐，明快等量不等形分割 —— 由于分割后颜色各异，更加富有差异，造型自由，

复杂，在量的觉得上帮人以均衡及安定的印象。可进一步做综合处理

综合两种分割形式

根号 4组合平面组成分割构形

5-1 等分割 (等形分割、等量不等形 )

平面构成分割构形

5-2 比例等分割 (黄金比、根号 2)

1.造型上的比重是量（长度、面积）

的比例。两个数量之间的比，就叫比例，常见的有

黄金分割 1,0.618

根号 2

平面构成分割构形

5-2 比例等分割 (黄金比、根号 2)

平面构成分割构形

5-3 数列分割 (等差数列、等比数列、费波纳奇数、调和数列 )

渐变分割，使渐变分割按照一定的数列进行。常用的有

等差数列 a,a+r,a+2r……

直线运动，保守

等比数列 1,a,a2,a3,a4

几何增长，有超强爆发力

费波那齐数列 1,2,3,5,8,13……

规则平稳，接近黄金分割

调和数列 1,1/2,1/3,1/4……1/n

平面构成分割构形

5-4 自由分割不限于直线分割，并且排除数理规则的死板，单调，极力减少等距离、