实用美术基础市公开课一等奖省名师优质课赛课一等奖课件_第1页
实用美术基础市公开课一等奖省名师优质课赛课一等奖课件_第2页
实用美术基础市公开课一等奖省名师优质课赛课一等奖课件_第3页
实用美术基础市公开课一等奖省名师优质课赛课一等奖课件_第4页
实用美术基础市公开课一等奖省名师优质课赛课一等奖课件_第5页
已阅读5页,还剩307页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

上课要求一、考勤:不迟到,不早退,不旷课。二、课堂纪律:课前上交手机,不讲上课无关话题,不做影响课堂秩序事情。三、学习态度:认真听讲,动脑思索,按时完成作业(与结课成绩相关)。四、准备工具:铅笔、橡皮、画纸(A3)、两支黑色粗细油性笔。美

你认为美是怎样,或者说什么是美,它定义是什么?请大家在您身边寻找一个美!!美术和美在美学里,美包含社会美和自然美,社会美关键是人美。人美包含内在美和外在美。顾名思义就是和美相关艺术和技术。那在生活中,我们处处都是美元素。

美术指是视觉艺术和造型艺术。早在欧洲,美术被称为艺术。为何要学美术?对美术学习无非是发觉美,观赏美和创造美过程美。美术是众多艺术形式中和生活联络最为亲密最为普遍一个美术存在遍布于食、衣、住、行各个领域中。美术就是生活,而且美术是高层次生活需求。人们生活品质及水准越高,对美术需求也就越为强烈。【课前导读】本节课以了解、认识为主,主要帮助学习者初步了解美术设计工作中图像获取方法;熟悉各种软件工作范围;掌握不一样格式图片用途。【学习关键点】设计素材获取/美术设计惯用软件/图像输出与存放【1.1设计素材获取】1.1.1扫描图像原始图文信息称为原稿。原稿种类较多,通常分为:反射原稿、数字原稿、和实物原稿等类型,不一样原稿按不一样方式进行输入处理。(1)原稿①反射原稿反射原稿指以不透明材料为载体,经过原稿表面反射光来观察图形。反射原稿主要包含:绘画作品、黑白或彩色照片、图纸、各种印刷品等。②数字原稿伴随数字媒体技术普及,原稿范围不再局限于纸质媒介,而是开始使用以数字形式存放在计算机硬盘、光盘等数字在载体中信息,数字原稿能够经过以下路径获取:a.经过图形图像软件制作数字原稿。b.经过数码相机等其它数码设备获取图像。c.存放在光盘上数字图像。d.经过视频捕捉从动态影像中采集数字图像。【1.1设计素材获取】1.1.1扫描图像原始图文信息称为原稿。原稿种类较多,通常分为:反射原稿、数字原稿、和实物原稿等类型,不一样原稿按不一样方式进行输入处理。(2)扫描输入图像扫描仪是将图像转化为数字文件格式最常见图像输入方式。扫描仪采取光电转换原理将图像转换为可供计算机处理数字图像,实现图像信息数字输入。

大家来思索!①扫描仪性能与参数②扫描幅面③扫描仪操作应用【1.1设计素材获取】1.1.2.数字图像获取(1)数码相机拍摄图像。手机、相机等等。(2)从光盘图库中获取图像。baidu搜索“站酷”“站长素材”“素材中国”等等。【1.1设计素材获取】1.1.3数位板数位板能够了解为在计算机上使用画笔和画布,普通指专业手绘使用输入设备。在对图像准确度要求较高设计工作中,使用数位板能够让设计者灵活准确地进行工作,能够忠实地展现出想要表现笔触、线条。使用数位板能够大大地提升美工设计工作效率和绘画质量。当前惯用美术设计软件包含Photoshop、Illustrator、Flash、Painter等软件,这些软件直接支持数位板使用。【1.1设计素材获取】【1.2美术设计惯用软件】1.2.1图像制作软件图像制作软件主要用于处理扫描仪、数码相机等输入设备扑捉实际画面产生数字图像,数字图像通常是由像素点组成位图。图像软件中最常见是AdobePhotoshop(图1-1)。集图像扫描、编辑修改、动画制作、图像制作、广告创意,图像输入与输出于一体图形图像处理软件。【1.2美术设计惯用软件】图1-1AdobePhotoshopCS61.2.2图形制作软件图形制作软件是用来绘制矢量图形,矢量图使用直线和曲线来描述图形,这些图形元素是一些点、线、矩形、多边形、圆和弧线等等,它们都是经过数学公式计算取得。所以矢量图形文件体积普通较小。矢量图形最大优点是不论放大、缩小都不会失真;最大缺点是难以表现色彩层次丰富逼真图像效果。惯用图形制作软件有Illustrator、CorelDRAW等。【1.2美术设计惯用软件】图1-2AdobeIllustratorCS61.2.3排版设计软件AdobeInDesign是一个定位于专业排版领域全新软件,为杂志、书籍、广告等灵活多变、复杂设计工作提供了一系列更完善排版功能,可认为打印或数字出版物设计出极具吸引力页面版式。【1.2美术设计惯用软件】图1-3AdobeInDesignCS61.2.4网页制作软件网页制作软件包含:网页排版制作软件Dreamweaver、网页动画制作软件Flash等,是网页设计不可缺乏工具。【1.2美术设计惯用软件】【1.2美术设计惯用软件】【1.3图像输出与储存】1.3.1输出设备输出设备是美术设计计算机终端设备,用于接收计算机数据输出显示、打印等外围设备操作。常见输出设备有有显示器、打印机、绘图机等影像输出系统。(1)显示器彩色显示器又称图形显示器。在图形方式下,显示内容以像素为单位,屏幕上每个点(像素)均可由程序控制其亮度和颜色,所以能显示出较高质量图形或图像。(2)打印机打印机是将计算机处理结果打印在纸张上输出设备。打印机分为喷墨和激光两种类型,激光印字机分辨率高,印出图形清楚美观,是惯用数码打样输出形式。【1.3图像输出与储存】1.3.1输出设备(3)喷绘机与写真机写真机和喷绘机都是大型喷墨打印机。主要用于广告印刷,但在一些地方存在不一样:幅面、工作环境、清楚度、色彩模式、图像储存。【1.3图像输出与储存】幅面不一样:喷绘机普通是3.2米最大幅宽;写真机普通是指户内使用,写真机输出画面普通幅面小,通常1.52米。

工作环境不一样:喷绘机主要应用于大型户外墙体广告和招牌,写真机主要用于、展示板、宣传画、海报、规章制度等户内喷绘品制作,喷绘质量相对较高。清楚度不一样:喷绘因为用于室外,分辨率不用很高,实际输出图象分辨率普通只需要30——45像素/英寸。写真用于室内,对清楚度要求较高,必须要设置较高分辨率,精度普通不低于300像素/英寸。色彩模式不一样:喷绘统一使用CMKY模式,禁止使用RGB模式。写真则既能够使用CMKY模式,也能够使用RGB模式。图像储存要求:喷绘和写真图像储存为TIF格式,注意不可用压缩格式。【1.3图像输出与储存】1.3.2文件存放为了方便设计者资料管理,便于对设计文件、项目文档、各类设计素材等数字资料,进行妥善保留。专业服务器、高效可靠硬盘能够确保文件存放安全,大容量存放设备使得设计者与客户或企业之间文件交流愈加简便快捷。【1.3图像输出与储存】1.3.3常见图片格式普通情况下列图形图像格式大致能够分为两大类:一类为位图;另一类为矢量类图形。下面我们就经过图形图形文件特征扩展名来逐一认识当前常见图形文件格式:【1.3图像输出与储存】

1.美术设计软件应用范围有哪些,使用说明文形式进行介绍。2.搜集报刊、杂志、数码照片、宣传单、网络素材图片,针对不一样应用范围,选择对应图片格式,以文字汇报形式进行阐述。【能力训练】【课前导读】色彩是美术设计作品中最活跃视觉元素;构图是将有限视觉元素进行有机排列组合,这种排列方式在平面设计中称为版式设计,二者是当代设计艺术主要组成部分,是视觉传达主要表现形式。【学习关键点】色彩基础/色彩心理与视觉特征/色彩设计与应用版式设计形式与原理/版式设计与应用【2.1色彩基础】2.1.1色彩产生色彩是一个视觉体验,我们之所以能感知到色彩,主要取决于光。1666年英国科学家牛顿在剑桥大学试验室发觉了色彩成因,牛顿经过三棱镜分解出了一个连续色带,依次为红橙、黄、绿、清、蓝、紫,这种现象称为光分解或光谱。光色原理,使人类第一次认清了色彩产生原因。(图2-1-1)【2.1色彩基础】2.1.2色彩基本概念色彩分为有彩色和无彩色两种类型。无彩色即黑、白、灰。有彩色即红、橙、黄、绿、青、蓝、紫。要了解和灵活利用色彩,必须了解色彩学属性,任何一个色彩都含有三个基本属性:色相、纯度、明度。【2.1色彩基础】1.色彩属性(1)色相:是指色彩基本面貌,它是有彩色最显著特征,是能够比较确切地表示某种颜色色别名称。色相最基本有红、橙、黄、绿、青、蓝、紫。在各色之间加插中间色,按光谱次序排列,即红、橙红、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫,得到十二基本色相。色相环(图2-1-3)在色彩设计中含有很大实用性。【2.1色彩基础】图2-1-3(2)纯度:又叫饱和度,指色彩鲜艳程度。(3)明度:表示色彩明暗程度。在Photoshop拾色器(图2-1-2)中,H选项代表色相(Hue),S选项代表饱和度(Satuation),B选项代表亮度(Brightness)。【2.1色彩基础】色彩色相、明度、纯度是不可分割,只有色相而无纯度和明度色彩也是没有。所以,在认识和应用色彩时,必须同时考虑这三个原因(图2-1-4)。【2.1色彩基础】图2-1-42.色彩三原色(1)什么是原色?不能用其它颜色混合而成色彩叫原色。用原色却能够混出其它色彩,并不是全部颜色都能够用原色来混合,比如:金、银等色。【2.1色彩基础】2.色彩三原色(2)原色系统:原色包含两个系统即光三原色和和色料三原色。光三原色:RGB模式。印刷三原色:CMYK模式。【2.1色彩基础】RGB三原色(图2-1-5)CMYK三原色(图2-1-6)RGB图像会比较鲜艳,不过转换成CMYK后顏色会变比较暗,以下表所表示,这是因为当RGB转换为CMYK时,会有一色多出来,这一色就是黑色,所以输出后就颜色会比较暗淡。比较RGB与CMYK转换:(图2-1-7)【2.1设计色彩】图2-1-72.1.3色彩对比一个色环通常包含12种显著不一样颜色。色相环在色彩设计中含有一定指导作用,借助色相环我们能够对色彩进行正确判断和分析,利用好色彩之间相互关系对详细实践设计活动含有主要指导意义。类似色凡在色环上450以内颜色,统称为类似色(图2-1-8)。因为在此范围内色彩都含有共同色彩成份。如:红与黄、红与橙、黄与橙、绿与青、紫与蓝等都是同类色。用类似色颜色表现主题能够实现色彩融洽与融合,使画面产生协调清新视觉效果。对比色色相距离在色相环1300左右对比(图2-1-9)。如大红与钴蓝,中黄与湖蓝。对比色含有色彩对比强烈,醒目标特点。【2.1设计色彩】图2-1-8图2-1-92.1.1色彩视觉特征色彩心理是指客观色彩世界引发主观心理反应。在不一样波长光作用下,人视觉器官产生色感同时,必定造成某种情感心理活动。设计师为了赋予色彩更大魅力,充分了解不一样对象色彩观赏习惯和审美心理是十分必要。只有掌握了色彩视觉特征以及人们认识色彩和观赏色彩心理规律,才能合理地设计色彩。【2.1设计色彩】图2-1-102.1.3色彩对比暖色暖色由红色调组成(图2-1-11)。比如红色、橙色和黄色。它们给选择颜色赋予温暖、舒适和活力,它们也产生了一个色彩向浏览者显示或移动,并从页面中突出出来可视化效果。冷色冷色来自于蓝色色调(图2-1-12)。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静作用,它们看起来有一个从浏览者身上收回来效果,于是它们用作页面背景比很好。假如你能够了解这些基本标准,它们将对你网页设计是十分有益。【2.1色彩基础】图2-1-11图2-1-12【2.2色彩心理与视觉特征】2.2.1色彩视觉特征色彩心理是指客观色彩世界引发主观心理反应。在不一样波长光作用下,人视觉器官产生色感同时,必定造成某种情感心理活动。设计师为了赋予色彩更大魅力,充分了解不一样对象色彩观赏习惯和审美心理是十分必要。只有掌握了色彩视觉特征以及人们认识色彩和观赏色彩心理规律,才能合理地设计色彩。看看右图,说说红色象征着什么?【2.2色彩心理与视觉特征】1.色彩轻重感觉各种色彩给人轻重感不一样,我们从色彩得到重量感,是质感与色感复合感觉。比如:浅颜色却给人轻感觉;深色产生份量重感觉。2.色彩膨胀与收缩比较两个颜色一黑一白而体积相等正方形(图2-2-1)能够发觉有趣现象,即大小相等正方形,因为各自表面色彩相异,能够斌予人不一样面积感觉。白色正方形似乎较黑色正方形面积大。这种因心理原因造成物体表面面积大于实际面积现象称“色彩膨胀性”。反之称“色彩收缩性”。给人一个膨胀或收缩感觉色彩分别称‘膨胀色”、“收缩色”。色彩胀缩与色调亲密相关,暖色同膨胀色,冷色属收缩色。看看右图冰糕,说说你色彩感觉。图2-2-1【2.2色彩心理与视觉特征】3.色彩前进性与后退性假如等距离地看两种颜色,可给人不一样远近感。如:黄色与蓝色以黑色为肯景时(图2-2-2),人们往往感觉黄色距离自己比蓝色近。换言之,黄色有前进性,蓝色有后退性。较底色突出前进性色彩称“进色”;较底色暗淡后退色彩称“退色”。图2-2-2说说上图色彩感受。【2.2色彩心理与视觉特征】普通而言,暖色比冷色更富有前进特征。两色之间,亮度偏高色彩呈前进性,饱和度偏向色彩也呈前进性。不过色彩前进与后退不能一概而论,色彩前进、后退与背景色亲密相关。如在白背景前(图2-2-3),属暖色黄色给人后退感,属冷色蓝色却给人向前扩展感觉。

图2-2-3【2.2色彩心理与视觉特征】2.2.2色彩情感特征色彩情感特征会使人们对颜色产生不一样好恶,同时也能够表现不一样情绪和气氛,研究由色彩引发共同心理感应,对于色彩设计与应用十分主要。1.红色红色纯度在色相中是最高,也是最含有视觉冲击力色彩,与其它颜色搭配会产生强烈对比效果(图2-2-4)。图2-2-4【2.2色彩心理与视觉特征】图2-2-52.2.2色彩情感特征2.橙色橙色介于黄色与红色之间,即不像黄色那样鲜艳明亮,也不像红色那样刺目,不过保持了红色产生兴奋感。橙色光明、华丽、兴奋、甜蜜、高兴,橙色含有明亮、活泼具特征。(图2-2-5)【2.2色彩心理与视觉特征】3.黄色黄色是有彩色中明度最高颜色,给人眼前一亮感觉。(图2-2-6)图2-2-62.2.2色彩情感特征【2.2色彩心理与视觉特征】3.绿色绿色是生命象征,是源于自然颜色。绿色是介于蓝色和黄之间颜色(图2-2-7)。2.2.2色彩情感特征图2-2-7【2.2色彩心理与视觉特征】5.蓝色蓝色是色彩中最沉静颜色,是冷色调经典代表色,因为蓝色沉稳特征,含有理智,准确意象,在设计中,强调科技、效率设计大多项选择取蓝色当标准色(图2-2-8)。2.2.2色彩情感特征图2-2-8【2.2色彩心理与视觉特征】6.紫色紫色介于蓝色和红色之间,因为含有强烈女性化性格,在设计用色中,紫色也受到相当限制,除了和女性相关商品或企业形象之外,其它类设计不常采取为主色(图2-2-9)。2.2.2色彩情感特征图2-2-9【2.2色彩心理与视觉特征】7.白色与黑色白色和黑色是有强烈对比两种颜色,都能给人带来强烈视觉感受(图2-2-10)。2.2.2色彩情感特征图2-2-10【2.2色彩心理与视觉特征】8.灰色灰色是黑色与白色混合色,属于中性色调,不一样人群皆能接收,所以灰色也是永远流行主要颜色。使用灰色时,大多利用不一样层次改变组合或他配其它色彩,才不会过于沉闷,而有呆板,僵硬感觉(图2-2-11)。2.2.2色彩情感特征图2-2-11【2.2色彩心理与视觉特征】【2.3设计色彩】色彩就像小说和戏剧中有主角与配角一样,在配色中也有不一样职责与任务。主要配色职责中有主色、辅助色、突出众。主色含有突显主题作用,突出醒目,使观访者视线固定下来,保持画面整体统一。辅助色是衬托气氛。主色即使是视觉中心,不过决定画面整体印象确实是辅助色,不论主色多么华丽,假如辅助色十分素雅,那么整体会变素雅;背景色假如明亮,那么整体也会给人明亮印象。突出众起到着重强调作用。在保持画面整体效果基础上,一小块强烈颜色在画面中起到突出重点、活跃画面作用(图2-3-1)。【2.3设计色彩】2.3.1色彩功效角色图2-3-1配色是无法回避设计要素,配色决定印象主要原因有以下三种:色调、色相、对比。在这三项中,最有决定权是色调。【2.3设计色彩】2.3.2配色基本方法1.色调配色基本方法(1)选择色调:色调概念:色调是明度与纯度交叉点。首先要了解色相环作用。其次,要明确色相、明度、纯度(既饱和度)三者之间是怎样关系。【2.3设计色彩】2.3.2配色基本方法色相环(图2-3-2)【2.3设计色彩】2.3.2配色基本方法图2-3-3支撑色立体(图2-3-3)中心轴我们称之为明度轴,从明度轴上能够观察到颜色由深至浅、由明到暗改变过程。【2.3设计色彩】2.3.2配色基本方法图2-3-4以明度轴为中心,围绕其四面是色相环(图2-3-4),色立体最外端色彩纯度最高,不过明度却不相同,不一样色相因为在色立体中所处位置不一样,所以不但会产生明度改变,同时纯度也会随之改变,由此形成了色调。【2.2设计色彩】2.3.2配色基本方法图2-3-5以红色(R)区域剖面图为例:我们能够必定其色相为红。从色立体中剖面图(图2-3-5)中能够观察到几乎每一个色块均包含红色成份,不过深浅、纯度却不一样,由此产生了若干颜色,这为设计人员在设计配色时提供了选择空间。【2.3设计色彩】2.3.2配色基本方法(2)分析色调:上面这个实例向大家讲述了选择色调方法,假如你对色彩感觉不是很敏感,无须苦恼,希望以下图解能够对你有所帮助。大家说一说!观察右边每个图例,分析说明各自特点和给人印象。A:鲜艳色调(图2-3-7)B:亮色调(图2-3-9)C:浅色调(图2-3-8)D:中间色调(图2-3-10)E:浅浊色调(图2-3-11)F:暗色调(图2-3-12)G:深色调(图2-3-13)【2.3设计色彩】2.3.2配色基本方法(3)利用色调配色:这种方案着重点在于色调改变,它主要经过同一色相或类似色相设置不一样色调得到不一样颜色效果。图2-3-14、15是使用同一或类似色相同时使用类似色调配色方案,在这两个方案中能够凝造出强烈冷静与整齐感觉。主颜色R:192G:290B:251辅助颜色R:0G:0B:0突出颜色R:0G:123B:23992-3-14【2.2设计色彩】2.3.2配色基本方法在配色设计过程中,有一些基本原理,比如网页设计中,用做主色颜色不宜过多,普通不超出3种。主颜色R:123G:105B:0辅助颜色R:90G:73B:0突出颜色R:49G:40B:0图2-3-15【2.3设计色彩】2.3.2配色基本方法2.色相配色基本方法我们用红、黄、蓝这么称呼来区分颜色,这种颜色差异就叫色相。【2.3设计色彩】2.3.2配色基本方法(1)类似色配色:含有协调而稳重视觉效果(图2-3-19)。图2-3-19【2.3设计色彩】2.3.2配色基本方法图2-3-20是国外一个摩托艇站点主页,成功地利用了同类色之间色彩协调统一特点,使用蓝色为主颜色,经过蓝色系列色彩改变,突出地反应出SEARAY网站行业特点(图2-3-21)。图2-3-20图2-3-21【2.3设计色彩】2.3.2配色基本方法(2)补色与对比色配色:产生强烈而鲜明视觉效果。图2-3-22采取是红与绿互补色、蓝与黄对比色设计,突出表示了设计师所要表示动感、时尚、活泼设计格调。图2-3-222.4版式设计形式与原理2.4.1什么是版式设计所谓版式设计,就是在有限空间内将版面组成要素:图片、图形、文字和色彩等很多元素依据版面内容需要进行有序排列组合,经过对这些要素编排,将理性思维,个性化地表现出来;版式设计一个表示个人格调和艺术特色视觉传达方式。(图2-4-1)2.4版式设计形式与原理图2-4-12.4.2版式设计标准1.思想性与单一性一个成功排版设计,首先必须明确客户目标,并深入了解、观察、研究与设计相关方方面面,简明咨询是设计良好开端。版式离不开内容,更要表达内容主题思想,用以增强读者注目力与了解力。只有做到主题鲜明突出,一目了然,才能到达版式组成最终目标,如图2-4-2所表示。图2-4-22.4版式设计形式与原理2.4.2版式设计标准2.艺术性与装饰性版式装饰原因是由文字、图形、色彩等经过点、线、面组合与排列组成,并采取夸大、比喻、象征手法来表达视觉效果,既美化了版式,又提升了传达信息功效。装饰是利用审美特征结构出来。不一样类型版式信息,含有不一样方式装饰形式,它不但起着排除其它、突出版式信息作用,而且又能使读者从中取得美享受。如图3-4-3所表示。图2-4-32.4版式设计形式与原理2.4.2版式设计标准4.整体性与协调性版式设计是传输信息桥梁,所追求完美形式必须符合主题思想内容,这是排版设计根基。只讲表现形式而忽略内容,或只求内容而缺乏艺术表现,版式都是不成功。只有把形式与内容合理地统一,强化整体布局,才能取得版式组成中独特社会和艺术价值,才能处理设计应说什么、对谁说和怎样说问题。

如图图2-4-5。图2-4-52.4版式设计形式与原理2.4.3版式设计形式与原理1.重复与交织在版式设计中,不停重复使用基本形或线,它们形状、大小、方向都是相同。重复使设计产生安定、整齐、规律统一。但重复组成视觉感受有时轻易显呆板、平淡、缺乏趣味性改变,在版式中可安排一些交织与重合,打破版式呆板、平淡格局。如图2-4-6所表示。图2-4-62.4版式设计形式与原理2.4.3版式设计形式与原理2.节奏与韵律节奏与韵律来自于音乐概念,正如歌德所言:“漂亮属于韵律。”韵律被当代版式设计所吸收。节奏是按照一定条理、秩序、重复连续地排列,形成一个律动形式。在节奏中注入美原因和情感--个性化,就有了韵律,韵律就好比是音乐中旋律,不但有节奏更有情调,它能增强版式感染力,开阔艺术表现力。如图2-4-7所表示。图2-4-72.4版式设计形式与原理2.4.3版式设计形式与原理3.对称与均衡两个同一形并列与均齐,实际上就是最简单对称形式。对称是同等同量平衡。对称形式有以中轴线为轴心左右对称;以水平线为基准上下对称和以对称点为源放射对称;还有以对称面出发反转形式。其特点是稳定、庄重、整齐、秩序、安宁、沉静。如图2-4-8所表示。图2-4-82.4版式设计形式与原理2.4.3版式设计形式与原理4.对比与调和对比是差异性强调,对比原因存在于相同或相异性质之间。也就是把相正确两要素相互比较之下,产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重对比,对比最基本要素是显示主从关系和统一改变效果。调和是指适合、舒适、安定、统一,是近似性强调,使二者或二者以上要素相互含有共性。对比与调和是相辅相成。在版式组成中,普通事例版式宜调和,局部版式宜对比。如图3-4-9所表示。2.4版式设计形式与原理图3-4-92.4.3版式设计形式与原理5.百分比与适度是版式整体与部分以及部分与部分之间形态大小一个比率。成功版式设计,首先取决于良好百分比:等差数列、等比数列、黄金比等。黄金比能求得最大程度友好,使版式被分割不一样部分产生相互联络。适度是版式整体与局部与人生理或习性一些特定标准之间大小关系,也就是排版要从视觉上适合读者视觉心理。百分比与适度,通常含有秩序、明朗特征,予人一个清新、自然新感觉。如图2-4-10所表示。2.4版式设计形式与原理图3-4-102.4.3版式设计形式与原理6.变异与秩序变异是规律突破,是一个在整体效果中局部突变。这一突变之异,往往就是整个版式最具动感、最引人关注焦点,也是其含义延伸或转折始端,变异形式有规律转移、规律变异,可依据大小、方向、形状不一样来组成特异效果。如图2-4-11所表示。2.4版式设计形式与原理图3-4-112.4.3版式设计形式与原理8.改变与统一改变与统一是形式美总法则,是对立统一规律在版式组成上应用。二者完美结合,是版式组成最根本要求,也是艺术表现力原因之一。改变是一个智慧、想象表现,是强调种种原因中差异性方面,造成视觉上跳跃。统一是强调物质和形式中各种原因一致性方面,最能使版式到达统一方法是保持版式组成要素要少一些,而组合形式却要丰富些。统一手法可借助均衡、调和、秩序等形式法则。如图2-4-13所表示。2.4版式设计形式与原理图3-4-132.4.4版式基本类型骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。2.4版式设计形式与原理2.4.4版式基本类型1.骨格型常见骨格有竖向通栏、双栏、三栏和四栏等。普通以竖向分栏为多。图片和文字编排上,严格按照骨格百分比进行编排配置,给人以严谨、友好、理性美。骨格经过相互混合后版式,既理性有条理,又活泼而含有弹性。图2-4-14表现了规范、理性分割方法。2.4版式设计形式与原理图2-4-142.4.4版式基本类型2.满版型版式以图像充满整版,主要以图像为诉求,视觉传达直观而强烈。文字配置压置在上下、左右或中部(边部和中心)图像上。满版型,给人大方、舒展感觉。是商品广告惯用形式。如图2-4-15所表示。2.4版式设计形式与原理图2-4-152.4.4版式基本类型3.上下分割型整个版式分成上下两部分,在上半部或下半部配置图片(能够是单幅或多幅),另一部分则配置文字。图片部分感性而有活力,而文字则理性而静止。如图2-4-16所表示。2.4版式设计形式与原理图2-4-162.4.4版式基本类型4.左右分割型整个版式分割为左右两部分,分别配置文字和图片。左右两部分形成强弱对比。如图2-4-17所表示。2.4版式设计形式与原理图2-4-172.4.4版式基本类型5.中轴型将图形作水平方向或垂直方向排列,文字配置在上下或左右。水平排列版式,给人稳定、平静、平和与含蓄之感。垂直排列版式,给人强烈动感。如图2-4-18所表示。2.4版式设计形式与原理图2-4-182.4.4版式基本类型6.曲线型图片和文字,排列成曲线,产生韵律与节奏感觉。如图3-4-19所表示。2.4版式设计形式与原理图2-4-192.4.4版式基本类型7.倾斜型版式主体形象或多幅图像作倾斜编排,造成版式强烈动感和不稳定原因,引人注目。如图2-4-20所表示。2.4版式设计形式与原理图2-4-202.4.4版式基本类型

8.对称型对称版式,给人稳定、理性、理性感受。对称分为绝对对称和相对对称。普通多采取相对对称手法,以防止过于严谨。对称普通以左右对称居多。如图2-4-21所表示。2.4版式设计形式与原理图2-4-212.4.4版式基本类型9.重心型重心型版式产生视觉焦点,使其愈加突出。如图2-4-22所表示。有三种类型:中心型:直接以独立而轮廓分明形象占据版式中心。向心型:视觉元素向版式中心聚拢运动。离心型:如同石子投入水中,产生一圈一圈向外扩散弧线运动。2.4版式设计形式与原理图2-4-222.4.4版式基本类型10.三角型三角形是象征稳定图形,正三角形版式设计给人安全、稳定感觉;倒三角形有动感和不稳定感。如图2-4-23所表示。

2.4版式设计形式与原理图2-4-232.4.4版式基本类型11.并置型将相同或不一样图片作大小相同而位置不一样重复排列。并置组成版式有比较、讲解意味,给予原本复杂喧闹版式以秩序、平静、调和与节奏感。如图2-4-24所表示。2.4版式设计形式与原理图2-4-242.4.4版式基本类型12.自由型无规律、随意编排组成。有活泼、轻快感觉。如图2-4-25所表示。2.4版式设计形式与原理图2-4-252.4.4版式基本类型13.四角型版式四角以及连接四角对角线结构上编排图形。给人严谨、规范感觉。如图2-4-26所表示。2.4版式设计形式与原理图2-4-262.4.5版式基本元素1.点、线、面在版式设计中应用点、线、面是组成视觉空间基本元素,也是版式设计上主要语言。版式设计实际上就是怎样经营好点、线、面。不论版式内容与形式怎样复杂,但最终能够简化到点、线、面上来。在设计者眼里,世上万物都可归纳为点、线、面;一个字母、一个页码数、能够了解为一个点;一行文字、一行空白,均可了解为一条线;数行文字与一片空白,则可了解为面。它们相互依存,相互作用,组合出各种各样形态,构建成一个个千变万化全新版式。如图2-4-27所表示。2.4版式设计形式与原理图2-4-272.4.5版式基本元素点在版式上组成点感觉是相正确,它是由形状,方向、大小、位置等形式组成。点能够成为形成画面中心,也能够和其它形态组合,起着平衡画面轻重,填补一定空间,点缀和活跃画面气氛作用;还能够组合起来,成为一个肌理或其它要素,衬托画面主体。如图2-4-28所表示。2.4版式设计形式与原理图2-4-282.4.5版式基本元素线在版式上组成线游离于点与形之间,含有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版式形象基本要素。每一个线都有它自己独特个性与情感存在着。将各种不一样线利用到版式设计中去,就会取得各种不一样效果。所以说,设计者能善于利用它来主导版式。如图2-4-29所表示。2.4版式设计形式与原理图2-4-292.4.5版式基本元素面在版式上组成面在空间上占有面积最多,因而在视觉上要比点、线来得强烈、实在,含有鲜明个性特征。面可分成几何形和自由形两大类。所以,在版式设计时要把握相互间整体友好,才能产生含有美感视觉形式。在现实设计中,面表现也包容了各种色彩、肌理等方面改变,同时面形状和边缘对面性质也有着很大影响,在不一样情况下会使面形象产生极多改变。在整个基本视觉要素中,面视觉影响力最大,它们在画面上往往是举足轻重。如图2-4-30所表示。2.4版式设计形式与原理图2-4-302.4.5版式基本元素2.图形、文字在版式设计中应用文字在版式中应用文字编排严谨中表达自由,形式多样。能够经过文字大小、色彩对比,位置前后关系处理,创造有视觉冲击力效果。如图2-4-31所表示。2.4版式设计形式与原理图2-4-312.4.5版式基本元素图形在版式中应用图形能够了解为除摄影以外一切图和形。图形以其独特想象力、创造力及超现实自由结构,在排版设计中展示着独特视觉魅力。图形是版式设计主要元素。图文巧妙融合及易吸引读者目光。图3-4-32画面简练清楚,充分利用了图中人物姿态引导人视线,从而到达设计目标。2.4版式设计形式与原理图2-4-322.5版式设计与应用2.5.1版式利用1.名片设计名片虽小,不过涵盖了平面设计全部设计要素。不一样版式设计表达不一样设计格调。名片信息主要由文字、图案、标志组成。参考图例2-4-33。2.5版式设计与应用图2-4-332.5.1版式利用2.宣传册设计宣传册含有可读性、观赏性,在版式设计方面强调整体布局。参考图例2-4-34。2.4版式设计形式与原理图2-4-342.5.1版式利用3.网页页面设计网页版式设计目标是版面条理清楚;布局合理有序;界面美观,更加好地主题突出,到达最正确诉求效果。参考图例2-4-35。2.4版式设计形式与原理图2-4-352.5.2

版式设计基本步骤实例讲解:封面设计。第一步:确定主题。明确需要传达信息。第二步:寻找、搜集用于表示信息素材-含文字、图形图像。第三步:构思并画出草图。确定版面视觉元素编排类型。可能会有若干草图备选。选出设计稿。从草图中选取一个或者几个较贴近设计要求,并深入描绘出其细节。

第四步:正稿。在甄选出最终设计方案后,对该方案进行正式设计、编排、使用图形图像处理软件进行制作。第五步:清样。清样是从印刷设备上制作出校样。清样应该同最终成品一致。制作清样就是为了预防在正式印刷制作前仍有没能发觉文字错误、纰漏,不合乎设计要求细节,或者是没有调整好分色方案等。假如出现错误,就需要回到上一步继续修改,所以,清样可能制作不只一次,直到制作效果满意方可。2.4版式设计形式与原理【能力训练】【能力训练】学习要求

此学习任务可采取任务驱动教学方法,教师下发任务,学生搜集整理素材,利用图形图像处理软件完成作品制作。1.搜集宣传册、书籍、名片等资料,分析版面设计特点和图文处理方法和技巧。2.绘制设计各种不一样版面编排草图。3.设计制作简历、作品集。【能力训练】【课前导读】设计是有一定方法能够遵照,学习者经过了解平面组成规律和基本表现形式,学会利用设计理论指导实践学习。【学习关键点】组成与设计/平面组成基本形式/设计基础【3.1组成与设计】平面组成是视觉元素在二次元平面上,按照美视觉效果,力学原理,进行编排和组合,它是以理性和逻辑推理来创造形象,研究形象与形象之间排列方法。我们能够把平面组成这一概念了解为:在二维空间平面上,研究怎样创造形象,怎样处理形象与形象之间关系,探索形象排列、组合方式,并按照美形式法则,组成符合目标、新、图案。【3.1组成设计】3.1.1组成含义当代设计领域划分有多重标准,通常按照展现形式分为:二维空间平面设计、三维世界立体和空间设计以及带有时间原因多维设计。每个类别里又有详细应用门类(图3-1-1)。平面组成在各种设计形式中都存在,所以,平面组成是设计基础。【3.1组成设计】3.1.2组成是设计基础图3-1-1平面设计是科技与艺术结合,利用图形图像设计软件设计数字化图像过程。平面设计能把一个概念,一个思想经过精美构图、版式和色彩传达给人们。日常生活中平面设计应用广泛,如:广告设计、报纸、杂志、海报、宣传单等,这皆是经过平面设计表示。平面设计由概念元素、视觉元素、实用元素、关系元素组成。其中,平面设计概念元素包含点、线、面。概念元素是经过视觉元素来表示,视觉元素包含图形大小、形状、色彩等。视觉元素在画面上怎样组织、排列,是关系元素来决定,包含:方向、位置、空间、重心等。所谓实用元素即平面设计所表示含义、内容、设计目标及功效表示。【3.1组成设计】3.1.3平面设计组成元素1.点视觉改变点在设计应用中因为大小、形状、位置、排列等不一样,会产生不一样视觉效果,下面我们就点能够产生视觉心理感受来进行探讨,研究点视觉感受对我们进行设计含有指导性意义。不一样点会产生不一样视觉感受。(图3—1—2)【3.1组成设计】3.1.3平面设计组成元素图3—1—21.点视觉改变点视觉强弱改变:点过大会强化视觉效果,产生面感受;点过小会减弱视觉效果,产生消失感受。(图3—1—3)【3.1组成设计】3.1.3平面设计组成元素图3—1—3点位置关系各不相同,产生视觉感受也不一样。

(图3—1—4)【3.1组成设计】3.1.3平面设计组成元素图3—1—4【3.1组成设计】3.1.3平面设计组成元素点数量和排列方式不一样能够改变其性质:点线化:点密集和延续排列即形成线。(图3—1—5)点面化:点密集到一定程度即形成面。(图3—1—6)图3—1—5图3—1—6【3.1组成设计】3.1.3平面设计组成元素2.点在设计中应用点作为一个视觉元素,其意义非常广泛。点含有简练而强烈个性,是设计中最基本元素也是最小单位,点是丰富设计语言符号,增强了设计形式感,在组成设计中起到平衡、强调、跳跃等作用。经过详细实例介绍让我们来体验点在设计中应用,感知它作为一个视觉语言符号在设计中作用。【3.1组成设计】3.1.3平面设计组成元素(1)点在设计中提醒作用图例分析图3-1-7,页面中只有唯一一个点,四面是大量空白。这个点成为吸引视线,引发兴趣视觉中心。图3-1-7【3.1组成设计】3.1.3平面设计组成元素(1)点在设计中提醒作用图例分析图3-1-8,产品图片出现在页面中心位置,产品下方四张小图,活跃了页面气氛。在同一个空间,两种不一样形态相互呼应、形成对比,起到了丰富页面层次作用。作品设计统一协调。图3-1-8【3.1组成设计】3.1.3平面设计组成元素(1)点在设计中提醒作用图例分析点在设计中能够起到概括和简化图形作用(图3-1-9)。一些小图形和笔画通常能够简化为点,使设计生动、有趣。图3-1-10经过点作用,使三个字母之间形成统一组成,图形与点之间形成对比突出了设计节奏感。图3-1-9图3-1-10【3.1组成设计】3.1.3平面设计组成元素(2)散点在版面设计中起到调整画面、活跃气氛作用。在图3-1-11这个页面中,点大小,位置,颜色,聚散不一样改变和组合,产生了轻松,活泼,流动,抒情,愉快经过优美弧线引导,人们视线最终将集中在“wasabi:sneaker”这几个由点组成文字上。自然,这也是设计师所要突出诉求主题之一。图3-1-11【3.1组成设计】3.1.3平面设计组成元素(3)点特殊利用能够起到彰显个性作用。图3-1-12,红点在页面上欢快运动,同时进行颜色渐变;绿色点加上点缀其中深色小点,丰富了色彩和层次。整个网页流动着欢快和轻松。在页面下部,设计师并列利用高低不一样、颜色不一样点,若隐若现,突出了页面以点造型设计语言。注意在页面中出现了三个斜排列带有渐变色点,点特殊利用为页面增加了动感和前后空间层次,起到了彰显个性作用。图3-1-12【3.1组成设计】3.1.3平面设计组成元素2.线组成与应用(1)线视觉特征线是点移动轨迹。几何学中线是没有宽度,但现实和设计视觉形态中线,不但有宽度,而且有丰富改变,是非常敏感和多变视觉元素,在设计中作用也非常大。在大自然中线状形态是非常丰富,比如:树年轮、中国书法等均赋予了线丰富改变和独特视觉魅力,力量和情感改变都能够经过线来表示出来。又如:当我们从空中鸟瞰城市立交桥,纵横交织道路则变为最含有方向性线条,这种方向感能够使人延伸出无限遐想;它能够是物体轮廓或边界,也能够是连续带有方向力视觉反应。【3.1组成设计】3.1.3平面设计组成元素所以,在平面组成概念元素中,线是最具情绪化和表现力视觉元素。在设计应用中,线含有导向和界限功效。线主要用于区分空间和区域,给物体以明确边界。线视觉传达功效非常明确,在设计中用很多。(图3-1-13)图3-1-13【3.1组成设计】3.1.3平面设计组成元素(2)线视觉改变线通常分为直线和曲线两大类。因为线含有不一样特征,便赋予线在视觉上多样性。所以,我们在组成之前,应先对线利用有一定了解,才能产生你所要表示意念。直线有垂直线、水平线、斜线、曲线等类型。其线形各具特点(图3-1-14)。图3-1-14【3.1组成设计】3.1.3平面设计组成元素(3)线在设计中应用线在页面中作用在于表示方向、位置、长短、宽度、形状、质量和情绪。线是分割页面主要元素之一,是决定页面现象基本要素。将不一样线利用到页面设计中,会取得不一样效果。知道什么时候应该利用什么样线条,能够充分表示多要表示理念。总之,线条是设计师必须熟练利用最得力表现工具。【3.1组成设计】3.1.3平面设计组成元素①直线和斜线重复排列形成一个强烈形式感和视觉冲击力。在图3-1-15中,直线和斜线重复排列形成一个强烈形式感和视觉冲击力,能够使读者在第一眼就产生兴趣,到达了吸引读者注意力目标。在无尽空间中由单一线形组成了一个相互交织空间。页面上直线与左斜线形成强烈对比,打破了水平线庄重和单调,同时这条水平线在页面中起到了调和与平衡作用。文字利用斜线设计,将视觉中心有力衬托出来,使页面形象充满活力、富有动感。图3-1-15中【3.1组成设计】3.1.3平面设计组成元素②自由曲线是表现情感最正确造型伎俩(图3-1-16)。图3-1-16【3.1组成设计】3.1.3平面设计组成元素③线条除了表达情感外,还能够利用粗细、虚实、渐变、放射产生深度空间和广度空间。图3-1-17,利用线粗细、渐变在视觉中形成虚实改变,强调了页面空间组成。图3-1-17【3.1组成设计】3.1.3平面设计组成元素④离心放射线条,含有力量和挺拔感觉(图3-1-18)。图3-1-18中放射线类似于太阳光芒,使版面视线愈加开阔。放射线含有吸引浏览者视线作用。图3-1-18【3.1组成设计】3.1.3平面设计组成元素3.面组成与应用(1)面视觉特征面是线移动轨迹。任何点扩大和聚集,线宽度增加和围合都形成了面。因而面在视觉上要比点、线都强烈,它产生是充实、厚重、整体、稳定视觉效果,含有鲜明个性特征(图3-1-19)。图3-1-19【3.1组成设计】3.1.3平面设计组成元素(2)面视觉改变“面”是和形状最亲密形式,依据它视觉改变能够分为几何形、有机形、偶然形等类型。不一样面所产生视觉效果是不一样(图3-1-20)。图3-1-20【3.1组成设计】3.1.3平面设计组成元素(3)面在设计中应用正如线有许多表情一样,面也含有多重性格,它能够是动态、有韵律甚至是强势,在网页版面设计上,合理地安排好不一样形状面之间相互关系和整体友好才能设计出实用艺术加网页作品。①方形面含有从容,稳重,厚实,坚强特征。【3.1组成设计】3.1.3平面设计组成元素图3-1-21使用了大量方形面,在方形面应用上,重点突出,位置整齐但错落有致,在严谨中透露出轻松。在视觉中心位置,放置大面积深色调方形,将重点信息完整强烈表示出来。综合利用线条、文字和色彩对页面进行合理布局,页面整体设计稳重但不呆板。图3-1-21【3.1组成设计】3.1.3平面设计组成元素②有机面易产生时尚而流行视觉冲击(图3-1-22)。图3-1-22【3.1组成设计】3.1.3平面设计组成元素③自然形面能够增加画面轻松、活泼感觉(图3-1-23)。图3-1-23【3.1组成设计】3.1.3平面设计组成元素④面大小和色彩之间对比对画面结构和总体特征含有很大影响。在一幅画面中可能存在多个面形态,它们之间面积大小以及色彩之间对比对画面结构和总体特征含有很大影响,对丰富页面层次起着非常主要作用(图3-1-24)。图3-1-24【3.1组成设计】3.1.3平面设计组成元素⑤点、线、面在平面设计中综合利用(图3-1-25)图3-1-25是美国萨拉索塔网站开发电子商务网站设计,该页面利用斜线分割设计方法将页面分割成不一样面,点在页面中起到醒目标提醒作用,作品表达了当代设计时尚格调。图3-1-25【3.2平面组成

】在实际设计和组成中我们所面对是限定空间和多个、各种类型元素。不论是点还是线和面,它们单独出现可能性是很小。即使是一个对象,也存在和周围空间关系。所以,在组成中,研究各种类型、不一样形态关系,以及怎样使它们共同形成某种形式,要比研究单个对象特征更接近设计和组成本质。有一些常用、比较有效在平面内组织多个元素基本形式,成为规律性方法,如:渐变、重复、发射、特异等组成形式在设计中会经常用到。【3.2平面组成】3.2.1平面组成基本形式重复、渐变、特异和发射四种基本形式,都包含两个要素,一是基本结构和骨骼,它决定这种形式主要特点;二是应用在骨骼上形态,既组成元素。(图3-1-1、图3-1-2)全部组成改变都基于这两个要素。【3.2平面组成】3.2.1平面组成基本形式图3-1-1图3-1-2元素是组成中最基本单位。同一个元素,排列方式不一样,产生视觉效果是不一样;当两个元素相遇,又能够产生分离、相接、相交基本关系。两个元素相交又能够派生重合、覆盖、叠透、剪切关系,图3-2-3以圆形与方形为例经过两个元素组合产生图形改变。【3.2平面组成】3.2.2基本元素组合图3-2-31.重复基本概念重复普通概念是指在同一设计中,相同元素出现过两次以上。重复是设计中比较惯用手法,组成元素重复利用能够产生有规律节奏感,轻易给人留下深刻印象,还能够起到统一画面作用。在组成中重复主要要是指形状相同,其它还有色彩、大小、方向、肌理等方面相同(图3-2-4)。【3.2平面组成】3.2.3重复组成设计与应用图3-2-42.重复组成基本元素用来重复形状,可称之为“基本元素”,每一个基本元素为一个单位,然后以重复手法进行设计。基本元素不宜复杂,以简单为宜,大多项选择择较简单几何形,以突出画面整体感。(1)基本元素重复在组成设计中使用同一元素组成图面叫基本元素重复,这种重复在日常生活中处处可见,高楼上一个个窗子,地面上砌砖,布上图案等等都有基本形重复,它是一个规律性最强设计手法,有安定、整齐和机械美感。【3.2平面组成】3.2.3重复组成设计与应用(2)骨格重复如骨格每一单位形状和面积均完全相等,这就是一个重复骨格,重复骨格是规律骨格一个,也是最简单一个。(图3-2-5)【3.2平面组成】3.2.3重复组成设计与应用图3-2-5图3-2-5中白线表示骨骼结构,黄色字体图形表示基本元素。这幅图特点是单元形状、面积相等;骨骼有规律改变;基本元素不变,形成错落有秩视觉效果。图3-2-6为隐藏骨骼后效果。【3.2平面组成】3.2.3重复组成设计与应用图3-2-5图3-2-6(3)重复组成视觉特征各种视觉要素在设计中都能够是重复,重复组成所产生视觉效果往往受其表现形式影响,常见组成形式有以下几个类型:形状重复最惯用重复元素,在组成中重复形状可在大小、色彩等方面有所变动。(图3-2-7)【3.2平面组成】3.2.3重复组成设计与应用图3-2-7大小重复相同或相同形状,在大小上进行重复(图3-2-8)。【3.2平面组成】3.2.3重复组成设计与应用图3-2-8色彩重复在色彩相同条件下,形状、大小可有所变动。(图3-2-9)【3.2平面组成】3.2.3重复组成设计与应用图3-2-9方向重复——组成中有着显著一致方向性。重复方向性是由骨骼所决定,观察前面图例,我们不难发觉这一点,骨骼有规律改变和无规律改变最终将影响着重复组成视觉形态。【3.2平面组成】3.2.3重复组成设计与应用3.重复组成在设计中应用重复是设计主要伎俩。重复组成形式在应用时都不是绝正确,重复在某种程度上与近似、渐变、放射等形式存在一定共性,所以,我们在引用这种设计方法时要把握好它们主要特点和差异,才能在设计应用中充分发挥其特点和主要作用。【3.2平面组成】3.2.3重复组成设计与应用(1)重复组成主要特点是:突出对象特征;统一、强化形式格局。以下图标是关于华人平面设计展标识,这个设计采取了重复与特异组成表现形式。图形设计借鉴了“華”字基本形态,神似而形不似。为了突出设计主题,采取了重复组成形式,以“人”字为基本元素重复组合,经过骨骼不变,单元形不变,改变单个基本元素色彩形式,突出醒目标“人”准确地传达着视觉信息。这种神形兼备创意构思,可谓是一语双关。图形设计整体感非常强,含有较强视觉冲击力。(图3-2-10)【3.2平面组成】3.2.3重复组成设计与应用图3-2-10(2)重复组成是一个特殊密集形式。(图3-2-11)利用大量形式相同或近似元素聚集在同一张画面上,没有显著骨骼,组成了较大组成空间,单元形态能够千变万化。【3.2平面组成】3.2.3重复组成设计与应用图3-2-11(3)重复骨骼设计在版面设计中起到强调主题作用。(图3-2-12)【3.2平面组成】3.2.3重复组成设计与应用图3-2-121.渐变视觉特征渐变是我们日常生活中经常能体验到一个自然现象,尤其是在视觉经验中,我们日常会感到路旁树木由近到远、由大到小渐变,能感到山峦一层层由浓到淡色彩渐变。另外,还有听觉,声音由小到大由弱到强渐变。渐变是一个规律性很强现象,这种现象利用在视觉设计中能产生强烈透视感和空间感,是一个有次序、有节奏改变。渐变程度在设计中非常主要,渐变程度太大,速度太快,就轻易失去渐变所特有规律性效果,给人以不连贯和视觉上跃动感。反之,假如渐变程度太慢,会产生重复之感,但在设计中会显示出细致效果。【3.2平面组成】3.2.4渐变组成设计与应用2.渐变基本形式:渐变类型有两种:一个是形变;另一个是一个图形沿着平行、放射、角度、路径等发生有规律改变。渐变通常由以下几个形式来表现:形状渐变——既两个无关形态经过改变和过渡所形成渐变。方向渐变——指一个图形沿着平行、放射、角度、路径等发生有规律改变。位置渐变——基本形作用在一定骨骼基础上,所产生位置渐变。大小渐变——基本形由大到小或由小到大渐变排列,会产生远近深度及空间感。色彩渐变——在色彩中,色相、明度、纯度都能够作出渐变效果,并会产生有层次美感。骨格渐变——骨格即形态分布基本框架。骨格渐变是指骨格有规律改变,使基本形在形状、大小、方向上进行改变。划分骨格线能够作水平、垂直、斜线、折线、曲线等各种骨格线渐变。渐变骨格精心排列,会产生特殊视觉效果,有时还会产生错视和运动感。【3.2平面组成】3.2.4渐变组成设计与应用3.渐变在设计中应用渐变着重表现改变过程,是设计人员丰富画面视觉语言经常采取一个艺术表现形式。①渐变应用在设计中,能够在平面中产生空间透视视错感。渐变在平面设计中除了具备产生层次美感作用外,还能够经过形态由大到小、色彩由明到暗改变过程在平面中产生空间透视视错感。:(图3-2-13)【3.2平面组成】3.2.4渐变组成设计与应用图3-2-13②渐变应用在设计中,能够使画面产生节奏感和韵律感。美国微软企业视窗系统(图3-2-14)设计是渐变应用最好例证。设计师采取渐变设计手法巧妙地将窗体图形进行分割,使之产生位置、大小、方向和骨骼改变,画面所产生节奏感和韵律感使一个原本静态图形魔术般地游动在人们眼前。成功地表达出微软企业视窗操作系统所见即所得产品特征。时尚造型设计、大胆色彩利用,赋予了产品科技、前卫独特个性,设计师成功地实现了传达视觉信息设计目标。【3.2平面组成】3.2.4渐变组成设计与应用图3-2-14③渐变应用在设计中,能够增加作品幽默感和智慧感。形变是渐变类型中一个表现形式。也是喜爱Flash动画制作朋友们经常采取表达效果一个制作伎俩。例三:“汽车诞生”(图3-2-15),向人们展示是一个由爬到行联想过程。读者看到这副画面后第一反应不是被绘画技巧所吸引,而是被设计者独特思维所打动、为设计者睿智所折服。这种慨叹往往来自于对作品长久回味。【3.2平面组成】3.2.4渐变组成设计与应用图3-2-15④渐变应用在设计中,能够表达速度感。图3-2-16是英国城市铁路标识。由粗到细线渐变,产生是一个由近及远视觉效果,线有序改变与含有视觉导向图形组合在一起是设计师用于表达速度感设计手法之一。【3.2平面组成】3.2.4渐变组成设计与应用图3-2-16发射组成其骨骼特征是基本原素围绕一个中心,发射含有方向规律性,发射中心为最主要视觉焦点,全部形象均向中心集中,或由中心散开,有如发光光源,有时可造成光学动感,会产生爆炸感觉,向外发射所展现视觉形象,含有强烈视觉效果。在设计中是应用较为广泛一个表现形式。1.发射组成要素(图3-2-17)发射点:全部发射骨骼线都集中在这一点上,发射点在画面中是可见。发射线:发射线是有方向性,依据其发射方向不一样,在组成形式上,又有各自特点,所以在表现形式上分为不一样类型。【3.2平面组成】3.2.5发射组成设计与应用图3-2-17中心点发射:由此中心向外或由外向内集中发射。螺旋式发射:螺旋基本形式已旋绕排列方式进行,旋绕基本形逐步扩大形成螺旋式发射。同心式发射:同心发射是一个以焦点为中心,层层围绕发射,如箭靶图形。见图3-2-17-1。【3.2平面组成】3.2.5发射组成设计与应用图3-2-17-12.发射在设计中应用发射组成形式受其骨骼和发射点影响,含有凝聚力和暴发力视觉特点。所以,在设计应用时要把握住题材,选择对应设计伎俩和表现形式。下面让我们结合实例,体会发射组成对平面设计所产生视觉影响。发射组成形式含有突出表达暴发力和张力视觉特征作用。在大量平面设计作品中,设计师为了抓住读者视线,通常采取发射组成表现形式,使画面产生强烈视觉冲击力(图3-2-18、图3-2-19)【3.2平面组成】3.2.5发射组成设计与应用图3-2-18图3-2-19同心发射组成形式含有突出表达视觉焦点特征和作用图3-2-20采取是中心发射组成设计方法,左侧图形使画面形成了较强聚焦点,同时利用互补色衬托出强烈色彩气氛,使画面产生视觉冲击力。【3.2平面组成】3.2.5发射组成设计与应用图3-2-20【课前导读】图形作为设计基本元素,是人类经过视觉形象传达信息一个特殊语言形式。学习图形设计能够帮助初学者创设表现主题图形语言,并利用设计法则组织图形并传达设计理念。【学习关键点】图形基本概念

/图形设计规律图形设计构思过程/图形设计表现方法【4.1图形设计概述】“图形设计”又称“视觉设计”。它由英文“VisualCommunicationDesign”翻译过来。在西方,有时称其为信息设计。它以图形视觉传达形势储存信息,为信息带来秩序和清楚性。图形是人类经过视觉形象传达信息一个特殊语言形式,这种语言产生能够追朔到社会产生初始阶段,人类在洞穴和岩壁上就已经开始用图形沟通、表示情感和意志(图4-1-1)。【4.1图形设计概述】4.1.1图形概念图4-1-1图形意为“以绘画、写、刻,印等伎俩产生含有些人为设计、着意说明某种概念视觉形象”。图形是设计作品中敏感和倍受关注视觉中心。优异设计作品都以其独特图形语言准确又清楚地转述设计主题。德国当代著名视觉设计大师霍尔戈•马蒂斯曾经说过:一幅好招贴,应该是靠图形语言,而不是靠文字注解。【4.1图形设计概述】4.1.1图形概念如奥运会会徽(图4-1-2),将中国含有5000多年历史印章和书法等艺术形式与体育运动特征结合起来,巧妙地幻化成一个向前奔跑、迎接胜利运感人形。这一设计,凝聚了中华民族优良传统文化神韵。鲜红色彩传达了中国文化特有热情气氛;寓意丰富图形,形如一个“京”字,表示了举行地名称;也像一个冲向终点运动员,表示了冲刺极限、创造辉煌奥林匹克精神;又似一个载歌载舞中人,表示了13亿中国人民对于奥林匹克运动美好憧憬和欢迎八方宾客热情与真诚。这就是视觉图形语言魅力。【4.1图形设计概述】4.1.1图形概念图4-1-2图形创意模式是人类一个复杂思维活动。在图形创意构思中,人们所进行思维活动就是创造性思维。图形创意构思过程是启发独特征、创造性与想象力过程。在构思过程中,主要是对图形目标有明确认识,敏锐地抓住主题。创造性思维研究能够使人们去重新发觉和恢复自己创造性,使人们原来认为十分神秘创造性构想最终成为每一个人都能实现构想。图形设计是由“意”和“形”组成,图形设计目标是由“形”达“意”。也就是说,图形设计是对一些特定信息和概念视觉化表现,即将看不到却能够感受、了解事物以图形设计方式使之可见,并让受众在观看后感受和了解还原为最特定概念和信息,即完成图形设计传达过程,由此能够看出,图形设计过程有一条清楚根本。【4.1图形设计概述】4.1.2图形设计规律首先对“意”了解和感受并将其经过“思”过程创造出可见“形”;经过对这个“形”视觉感受,引发受众联想,从而直接或间接地得到“意”传递和还原(图4-1-3)。【4.1图形设计概述】4.1.2图形设计规律图4-1-3对于构思创意阶段,首先要求含有创造性。这种创造性需要围绕信息传达目标,从不一样角度,以独特方式对特定信息进行观察分析,并利用合理而准确表现方式将分析了解结果以图形形式表现出来。这种独具匠心表现应把握语言共性,在把握共性同时又要表达个性,尽可能防止孤芳自赏,要考虑大多数人了解和接收能力。经过一个练习:设计“多媒体”标志为例,我们能够从概念中提取其所蕴含抽象或形象语意给人以联想与启发(图4-1-4)。【4.1图形设计概述】4.1.3图形设计构思过程设计“多媒体”标志由此可见,图形表现在完成形式转化同时,也将原有语意从不一样侧重点进行了强化和表示,是人在接收视觉信息同时得到了更多联想和启发,在思索感悟同时,原有概念信息在人大脑中得以强化,使之留下更深刻印象。【4.1图形设计概述】4.1.3图形设计构思过程【4.2图形设计应用】图形表现方法各种多样,不一定要拘泥于某种形式,只要有利于视觉表现形式和方法都是能够加以利用,常见表现方式有以下几个:1.表述法表述法是经过直接描述事物最经典、最本质形象和寓意,使大众取得直接信息(图4-2-1)。【4.2图形设计应用】4.2.1图形设计表现方法图4-2-12.会意性会意法不是直接将所要表现内容展现出来,而是经过事物形态或内涵而引引发人们联想和思索。在创意过程中,应防止选择艰涩难懂内容,尽可能使用人们易于接收、图形与寓意有一定关联性和趣味性设计构思(图4-2-2)。【4.2图形设计应用】4.2.1图形设计表现方法图4-2-23.象征性象征法是因为事物和概念因特定历史或社会原因在原有意义基础之上被人们赋予了新内涵。这种特定含义经过不一样视角引申出新寓意。(图4-2-3、图4-2-4)。【4.2图形设计应用】4.2.1图形设计表现方法图4-2-3图4-2-41.表述法应用图4-2-5图形设计为“国际羊毛组织”标志,图形设计利用重复组成表现形式,抓住详细物象特征进行提炼、概括,直观地传递了视觉信息。图4-2-6将车钥匙形状用山峰来表现,将吉普车行驶于崎岖山路特征,表现淋漓尽致。【4.2图形设计应用】4.2.2图形设计应用图4-2-5图4-2-62.会意法应用图4-2-7、8、9经过会意性图形:解开脚镣、手铐、囚笼向消费者宣扬一个观念,广告语表示即为:为你解开手洗束缚,碧浪特有漂渍因子,为您带来一如手洗洁净,从此不再做手洗奴隶。即使碧浪产品只出现在画面右下角小小位置,但因为其画面有吸引消费者深思魅力,所以广告无疑是成功。【4.2图形设计应用】4.2.2图形设计应用4-2-74-2-84-2-9图4-2-10为1法国戛纳广告节平面广告大奖——VOLVO“安全别针”广告。很多人直到知道了VOLVO一贯卖点就是“车外壳钢尤其好,碰车不变型”概念后才对这一简单易记图形意义产生了强烈好感。因为Volvo其实早已快速准确地传达给了大众它精彩创意——很多人第一眼时并没瞧上它,但出了展厅还能复述出来,有一个非常简单、用钢线绕成VOLVO车型别针!图形创意简单、提炼便于记忆。用最简单图形表示出最本质内涵才是设计真谛。【4.2图形设计应用】4.2.2图形设计应用图4-2-102.象征法应用图4-2-11、图4-2-12图形利用是中国传统设计元素,设计师赋予了新内涵,含有显著象征性。【4.2图形设计应用】4.2.2图形设计应用图4-2-11图4-2-12【能力训练】【能力训练】学习要求此学习项目可采取教师引领方法。提前下发学习任务,每一项任务能够分发给不一样小组,组员分工合作完成一项任务。1.课上小组之间能够经过不一样范例展开竞争或讲演,学生无法处理问题由教师来完成,培养学生自主学习能力。2.利用图例说明图形设计概念。3.搜集图例,探讨图形设计规律4.表述法、会意法、象征法任意选择其中一个表现方法,设计图形。题目自拟。【能力训练】【课前导读】在视觉传达中,文字作为画面形象设计要素之一,含有传递美感作用。怎样协调文字线条组合;笔画与笔画之间、字与字之间节奏和韵律,创造出富有表现力和感染力字体,把信息准确地传达给受众者,是本章学习内容。【学习关键点】字体设计目标、标准和分类字体设计创意方法字体设计过程【5.1字体设计概述】

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论