计算机美术基础 课件全套 学习单元1-5 动漫插画绘制-UI设计

学习单元1动漫插画绘制职业教育数字媒体技术应用专业系列教材《计算机美术基础》单元概述插画的英文为“illustration”，它源自拉丁文“illustraio，原意是照亮，引申意思是插画可以使文字意思变得更明确清晰。插画在我国被人们俗称为插图。动漫，即动画、漫画的合称，指动画与漫画的集合取这两个词的第一个字合二为一，称为“动漫”，它与游戏无关，并非专业术语。其中，我国动漫从产生、发展，到不断成熟、壮大。本单元所涉及的动漫插画属于插画的一个分支，是指具有浓厚动漫风格的插画。动漫插画作为一种特殊的艺术门类，是时代发展与商业文明的产物。本单元将完成两幅动漫插画作品的设计与制作--《艾米和森林里的小兔》儿童绘本封面图和FrogBrandCandy产品包装图。在完成项目前必须详细了解项目的要求和特点，针对产品受众的特点对动漫插画作品中所要呈现的信息进行有效处理，学习目标能够描述动漫插画创作的基本流程，理解场景透视的原理，能够在作品中体现光线的变化，能够根据产品特点选用合适的色彩。目录01儿童插画绘制02商业插画绘制儿童插画绘制01项目描述FreeDream数字插画工作室接下这样的一份订单:为一组儿童睡前故事设计插画，整套绘本要求体现唯美动漫插画风格。Lisa小组的任务是为《艾米和森林里的小兔》这个故事设计动漫插画。《艾米和森林里的小兔》的故事内容如下:宝贝艾米住在森林附近的一座城堡里。一天艾米偷偷地溜进了城堡后面的大森林里。森林里有很多大树，阳光透过树叶洒在地面上。突然，艾米发现一只白色的小兔子。艾米悄悄来到小兔子身边，奇怪的是小兔子并没有跑掉，而是神情沮丧，心事满满。艾米蹲下来，伸出小手抚摸着小兔子。“你好啊，小兔子!我是住在城堡里的艾米，很高兴遇见你!”小兔子轻声说:“你好，艾米!我是小兔子菲妮，我与我的家人走散了!”艾米轻轻抚摸了小兔子，并告诉菲妮她会和它一起寻找它的家人。于是艾米和菲妮一起在小刺猬彼得、鼹鼠利比和胖胖熊贝尔的帮助下找到了菲妮的家人。艾米邀请小伙伴们一起去自己家的城堡居住，可是大伙想了一会儿说:“我们也很舍不得你，但这片森林才是我的家!不过，你可以时不时地来这里看看我们。”天色已晚，艾米和大伙儿挥手告别，心里很不舍。赶来接女儿的道尔顿先生对小艾米说:“孩子，小伙伴们的选择是对的，每个人都有属于自己的家。”艾米听了点点头，她决定过几天再来森林里玩儿，不过下次要和爸爸妈妈一起来，不会再偷偷溜出来。按照公司的惯例，每个小组在接到任务后，需要召开工作布置会议，商讨任务细节。Lisa小组经过例会讨论后明确:为了与整套书籍的风格统一，设计时一定要保持动漫插画的风格;关注儿童绘本这一要点，插画在其中的地位更为重要，要注意美感和童真;本组设计员三日内每人设计一副封面插图，之后与其他小组对接后确定本组作品;封面确定后，再讨论内页的设计工作。Lisa小组设计主力Sophia接到任务后分三步完成制作:①绘制插画插图;②绘制黑白稿;➂给黑白稿着色。最终，Sophia所设计的封面被选中，作为最终产品的封面插图，并全面负责绘本内页插图的绘制。任务1绘制插画草图任务分析收集素材，增加创作灵感绘制儿童漫画草图0102搜索目前市场上畅销的儿童绘本做参考；搜索动漫插画风格的绘本，观察细节。针对目标群体是3-6岁儿童，所以在用色上可以较为鲜艳、画面唯美、动漫人物充满童真。将灵感赋予指尖，绘制出《艾米和森林里的小兔》封面插画的草图。场景透视一点透视一般情况下用于强调空间感，景深感，突出重点，引导观众的视线，或者表现庄严感等。一点透视这是动漫作品设计中特有的一种透视现象，是在透视基本原理基础上进行再创作，并形成新的透视现象。四点透视两点透视就是物体在视平线上有两个消失点，同时物体朝画面的两个面和画面底边是有角度的，所以也叫成角透视。两点透视三点透视是一种绘图方法，一般用于超高层建筑，俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线，必须使其和视角的二等分线保持一致。三点透视观察点不是固定在一个地方，也不受下定视域的限制，而是根据需要，移动立足点以进行观察。凡是各个不同立足点上所看到的东西，都可组织进自己的画面中。散点透视任务实施01收集素材，增加创作灵感（1）通过网络收集同类主题漫画。（2）根据文案要求收集相关元素素材，比如小女孩、森林、树叶等。02构思并绘制漫画草图任务2绘制黑白稿完成漫画草稿绘制后，可以开始根据漫画的风格绘制漫画的黑白稿。知识准备：物体在光线照射下出现黑、白、灰三种明暗状态，称三大面，即：亮面、中间面、暗面。三大面一般又显现为五个基本层次，即五调子。1.几何透视法2.视觉透视法3.晕光衬托法4.焦点透视法5.遮露法0102黑、白、灰关系空间层次关系任务2任务实施绘制漫画的黑白稿。任务3完成儿童插画制作任务分析：接下来我们将为绘制完成的黑白稿进行叠色，这样的叠色过程是在原有的素描层次关系基础上进行的，在叠色过程中我们依据画面中已有的黑、白、灰关系进行彩色处理。光对色彩有直接的影响，所以在叠色过程中要充分考虑到光的基本特性以及影响。知识准备：1.方向性2.强弱性3.递减性4.折射性1.固有色2.光源色3.环境色0102光的特性光对颜色的影响排版的时候整幅海报要遵循美的法则来排版：变化与统一、对比与调和、对称与平衡、节奏与韵律、比例与尺度、空白与虚实。任务3完成儿童插画制作项目小结通过本项目我们了解了一般儿童绘本的设计制作步骤：整体风格的确定→确定封面→搜集素材→绘制草图→绘制线稿→作品着色→确定封面→确定内页→作品整体效果调整。在绘画的过程中通常会运用到透视的知识来布局画面。常见的场景透视分为五类：一点透视、二点透视、三点透视、四点透视和散点透视，插画内容需要遵从透视原理。动漫插画完成后插入相关文字内容即可完成整个项目。商业插画绘制02项目描述FreeDream数字插画工作室近期接下一份来自为FrogBrand食品公司制作糖果包装的订单。FrogBrandCandy是一款针对儿童的糖果休闲食品，该产品最突出的特点是健康美味、果汁纯正新鲜，包装需要动漫插画的风格，画面要活泼、富于童趣。该项目由擅长商业插画绘制的Steven小组负责。按照公司惯例，Steven小组在接到任务后召开了小组项目碰头会，初步探讨了客户的基本信息及要求，随后组长Steven要求本组设计师每人出一个设计样图，下次会议中确定最终使用方案。任务1确定海报招贴的整体风格和绘制海报草图任务分析：收集素材，增加创作灵感绘制商业插画草图0102知识准备：色彩的情感属性颜色的冷暖属性。色彩的冷暖感觉是人们在长期生活实践中由于联想而形成的。红、橙、黄色有温暖的感觉，所以称为“暖色”；蓝色有寒冷的感觉，所以称为“冷色”；绿、紫等色给人的感觉是不冷不暖，故称为“中性色”。色彩的冷暖1.轻重感2.软硬感3.明快、兴奋、华丽感4.忧郁、沉静、朴素感色彩的心理特征人们生活中，颜色与人们的情绪更是密切相关，人们的情绪有时会随着颜色的变化而变化。色彩对人情绪的影响1.暖色偏重，冷色偏轻;2.暖色有密度强的感觉，冷色有稀薄的感觉;3.冷色的透明感更强，暖色则透明感较弱;4.冷色显得湿润，暖色显得干燥;5.冷色又很远的感觉，暖色则有迫近感。色彩对人的心理影响任务1确定海报招贴的整体风格和绘制海报草图任务实施：收集素材，增加创作灵感绘制商业插画草图0102任务2商业插画内容制作任务分析：FrogBrandCandy是一款针对儿童的糖果休闲食品。考虑到公司的名称中有Frog,于是选用了青蛙这一卡通形象作为主体，而荷叶、露珠的存在是为了衬托出自然清新的氛围，突出该产品自然新鲜的特点。青蛙、荷叶、露珠、泡泡、皇冠和若隐若现的小鱼，整个画面饱满富有童趣，而大面积的绿色映射产品是健康绿色食品这一特质。在内容制作这一环节，操作重点在于给整个画面上色，使整个画面更加饱满而又有质感。知识准备：原色：所有颜色的源头被称为三原色，三原色指的是红色、黄色和蓝色。间色：原色两两相混，会创建三种间色：绿色、橙色和紫色。补色：互补色是指色轮上那些呈180°角的颜色。01原色、间色与补色物体表面色彩的形成取决于三个方面，分别是光源的照射、物体本身反射的色光、环境与空间对色彩的影响。色相：指色彩所呈现出来的面貌纯度：指色彩的纯净度明度：指色彩的明亮程度02色彩的自然属性1.色相对比2.明度对比3.纯度对比4.冷暖对比5.面积对比03色彩错觉与幻觉任务2商业插画内容制作任务实施：任务3商业插画最终效果处理任务分析:苹果味的FrogBrandCandy是公司主打的一款产品，果味纯正不含人工添加剂。在产品包装插画的最终效果处理中加入了能醒目显示糖果味道的文案设计。文字部分颜色与插画的主体及背景色完美融合。知识准备01色彩的面积比例色彩搭配就是不同色相之间相互呼应相互调和的过程，色彩之间的关系取决于色相环上的位置，色相和色相之间的距离越近，则对比越弱，离得越远对比越强烈。1.邻近色2.间隔色3.互补色02色相调和日本的设计师提出过一个配色黄金比例，是70:25:5，其中70%为大面积的使用的主色，25%为辅助色，5%为点缀色。一般情况下建议画面色彩不超过三种，三种是指三种色相。任务3商业插画最终效果处理任务实施:

添加标识→制作包装项目小结通过本项目我们了解了一般产品包装的设计步骤：确定整体风格→确定主体颜色→搜集素材→勾勒草图→丰富细节→完成制作→作品整体效果调整。通过本项目，我们学习了色彩的情感属性、色彩的自然属性、色彩的错觉与幻觉及色彩的搭配等相关知识。体会色彩在动漫插图中的重要地位。本单元完

感谢观看《计算机美术基础》学习单元2标志设计职业教育数字媒体技术应用专业系列教材《计算机美术基础》单元概述标志是品牌形象核心部分，英文称为Logo，是表明事物特征的识别符号。它以单纯、明确、易识别的形象、图形或文字符号为直观语言，将企业或组织机构的理念、文化、内容、特征等要素传递给公众。成功的标志设计能够起到重要的识别和推广的作用，通过形象的标志可以让消费者记住品牌文化及其内涵精神。标志设计是一种图形艺术的设计，它既与其他图形艺术表现手段有相同之处，又有自己的艺术规律。标志设计分为很多种类，有文字型标志、图案型标志、图文结合型标志等。为了学习和掌握标志的设计，本单元将开展相关的训练和学习。学习目标学习标志设计的基本知识，了解标志设计的制作过程及标志的基本设计方法，掌握文字型标志设计及字体设计的方法，掌握图案型标志中图形设计的方法与点、线、面的平面构成方法，掌握图文结合型标志设计的方法及单形与群化平面构成理论。通过本单元的学习，能将字体设计及平面构成的方法应用在标志设计里。目录01文字型标志设计04单击添加目录项标题02图案型标志设计03图文结合标志设计文字型标志设计01项目描述下面是一份食品公司企业标志设计任务：百珍海产食品有限公司标志设计本公司主营海产加工的零食，如鱼干、鱿鱼干等。我们强调轻食、美味、营养，经销渠道主要为电商，在超市、便利店也有上架。设计要求：标志设计醒目，简洁，色彩搭配合理，能充分诠释百珍海产的理念。任务1构思与绘制草图当我们收到一份标志设计任务时，我们首先要了解设计的对象是什么类型的公司、团体，他的特点和卖点是什么？有针对性地设计的标志风格和用色。该公司主营海产加工零食，我们可以用蓝色作为标志的主色调来强化其生产的食品是海产。强调轻食，针对其特点我们用纤细、浑圆流畅的线条去表现标志，塑造出轻柔、文艺的风格。标志的字体可用手写字体来加强其快销、轻食的感觉。文字型的标志设计是常见的一种标志设计方法，其优势在于借助文字符号能快速让消费者记住品牌的名称。但是由于语言具有地域性限制了其对外传播能力。字体结构汉字的字体结构主要有两大类：独体字和合体字。

汉字的结构方式，主要是针对合体字的结构方式而言：两个或两个以上构字成分在汉字中的位置排列方式。

传统汉字中的合体字通常是采用“二分法”分析结构方式的。形声字分成形符和声符两部分；会意字中绝大多数也都是两分的，只有少数会意字使用了三个偏旁会意。因此，一般讲到汉字的结构方式的时候，就采用两分法进行归纳，得出下列四种主要结构方式：左右结构上下结构全包围结构半包围结构文字的重心文字的重心即视觉中心，重心与中心不同，文字的中心不会变，但是重心会随着不同的文字在变化。文字的重心会偏向笔画多的部分，如图所示“果”字的笔画多集中在文字的上半部分，所以文字的重心偏上。文字重心位置的不同影响字体的观感，令字体给人或轻柔纤瘦或稳重饱满的感受。重心在上，字体轻盈；重心在下，字体稳重。设计中为了达到字体的整体平衡，要根据设计需要调整字体的重心和笔画，以达到相应的效果。基础造字法造字法有两种，一种是在原有的字库基础上改字体笔划，另一种是用矩形工具一笔一划把字拼出来。前者在已经经过推敲的字形上进行更改，较为简单。后者比较自由，但需要较高的文字功底，造字前要绘制正方形，在正方形基础上绘制笔划。连接法直角笔画法与圆角笔画法取代法钩花法几种字体设计方法截断法任务实施通过手绘思考，设计重点放在百珍两字上。考虑百字和珍字的字形，百字下面的日字与珍字的王字旁有相同的笔画，可以合笔，把百字进行截断，再与珍字进行组合。考虑其整体字形为异形，妨碍日后进行应用设计，为其添加圆角矩形外框，文字做反白处理，令整个标志更突出。任务2制作标志项目小结

通过本项目我们了解文字型标志设计的制作过程，在设计时运用文字设计的基本方法。文字型标志设计因其线条较多，如果标志缩小的话容易出现标志辨识度不高，所以可适当进行反白、加粗等处理，统一标志的各部分笔画同时提高标志的识别度。图案型标志设计02项目描述下面是一份学生社团的标志设计任务：学生会社团“小树音乐社”征集标志小树音乐社简介：小树音乐社是一个音乐爱好者交流音乐的社团，旨在提高学生的音乐素养，使学生在课余时间能够享受音乐带来的快乐，同时也兼顾了学校艺术表演的任务。“小树音乐社”这一名称的寓意是我们的学生就如同朝气蓬勃的小树一样，沐浴在阳光下，焕发青春的活力与热情，去学习和表演音乐作品，领悟音乐的真谛，感受生活的快乐。设计要求:1.标志能够体现小树音乐社的性质、理念与特征，能充分代表我社的风采。2.设计新颖，简洁大方，有特色。3.标志设计以图形创意的形式为主。任务1：构思与绘制草图设计要求以图形创意为主，所以，在设计中要仔细分析文字介绍中的内容。这是一个学生社团，以音乐为主题，要体现出音乐的特点和学生的特点。抓住“小树”和“音乐”两个主要概念进行创意。010302设计以图形创意为主，学会图形的创意方法和图形制作的方法。标志设计中的图形创意手法通过寻找事物和事物之间的相关因素，将表面上并没有关系的事物按照一定的逻辑组合在一起，产生新的图形和意义。同构图形利用物体形态之间的形似性和意义上的相异性，用一个物体的局部移植另一个物体的局部，通过想象，使形状相同的不同物体能够相互结合产生了新的变化和新的意义。置换图形通过一个事物的图形或概念想到别的事物或概念的图形设计过程。联想图形任务实施

抓住“小树”和“音乐”两个主要概念进行创意，有两个概念展开拓展思维。小树，在图形设计上可以采用具象图形（真实树木图片），也可以采用抽象图形（几何图形等）来进行设计，也可以对小树进行拓展的联想，例如用树叶替代树木的图形，或者树木的变形。音乐，是一个比较抽象的概念，我们可以通过音乐联想到其相关的概念，例如，音符、乐器、五线谱、声波线，音乐播放器、唱片等概念。在造型上，尽量简洁大方，图形设计能够体现音乐的严肃性、以及青年人的特点。

从音乐联想到钢琴键，钢琴键有黑白两种颜色的明显对比，黑键可以联想成小树的形状，这样通过置换同构图形的方法，从琴键图形入手，简化琴键的线条，将图形进行几何图形的设计，根据钢琴黑键的排列特点，自然产生小树的疏密变化，形成一行小树林的视觉效果，同时又是钢琴琴键效果。任务2制作标志通过AdobePhotoshop软件，完成标志制作。任务3：将标志表现形式改为点、线、面构成

图案型标志设计除了上面讲述的图形设计方法以外，还可以以点、线、面为基础元素，构成图案进行图形设计。将标志表现形式改为点构成010302将标志表现形式改为线构成将标志表现形式改为面构成一、将标志表现形式改为点构成任务分析标志设计的限定在图案型的图形设计标志，并且以点构成为主。我们要通过对任务的分析，在相关的设计元素中，通过联想和同构等方法去提取点的元素来进行设计。例如音符，旋律等。标志设计中的点构成表现出一种很强的秩序感和形式美感，整齐的效果能够加强人们对表中的视觉记忆。重复构成的点标志设计中运用点的大小逐渐变化，可以产生强烈的流动渐变效果，而且，大小不等的排列会产生线、面的形态，视觉上形成纵深感和空间感，以及有规律的节奏变化。渐变构成的点以一点为中心、多点为中心或者呈曲线式旋转变化，向周边发射、扩散，视觉上给人一种较强的动感，光照感和节奏韵律感，具有强烈的视觉冲击力。发射构成的点不同大小的点，形状一致，按照疏密关系进行排列，可以重叠和错叠，也可以按照一定形状进行密集排列，创造出新的效果密集构成的点任务实施把标志设计改为点构成，我们可以分析提取相关元素，例如，音符的符头是一个椭圆形的点，在设计中可以利用这个图形来作为点的元素，采用不规则点的排列组合，形成树形。将小树音乐社做成以点构成的形式。二、将标志表现形式改为线构成任务分析标志设计的限定在图案型的图形设计标志，并且以线构成为主。我们要通过对任务的分析，在相关的设计元素中，通过联想和同构等方法去提取线的元素来进行设计。例如五线谱、唱片、韵律等。标志设计中的线构成标志设计中运用平行有秩序、规律性的线条组合，重复排列，再结合外形控制，可以制作出很有创意的标志设计。重复构成的线标志设计中把线按照由粗到细、由宽到窄、由长到短进行排列组合。会产生强烈的空间效果和速度感。渐变构成的线线的放射是以一点或多点为中心向四周放射直线，有规律的组合，也可以将直线转化为曲线。线的放射构成在标志设计中会取得很好的动感效果。发射构成的线任务实施标志设计改为线构成，我们可以分析提取相关元素，例如，五线谱的线条，在设计中可以利用这个图形来作为点的元素，采用线的重复构成进行排列组合。将小树音乐社做成以线构成的形式。三、将标志表现形式改为面构成任务分析标志设计的限定在图案型的图形设计标志，并且以面构成为主。我们要通过对任务的分析，在相关的设计元素中，通过联想和同构等方法去提取面的元素来进行设计。标志设计中的面构成标志设计中对面的重复、循环，进行规则有序的组合，可以横向、纵向、环形等方式进行排列，形成有秩序感，严谨的标志设计。重复构成的面形状相似的面，以一点或多点为中心进行排列或者使用错叠的手法进行面的放射性排列都是很好的设计标志的方法。渐变构成的面形状相同的，有序排列的面中，改变其中一个元素，打破固有的秩序，使特异部分成为视觉中心，吸引视线，在使用面的特异构成时，只需要改变一个或者两个视觉元素即可，特异部分比例不能过大，以免影响整体效果，面的特异构成会使标志设计变得生动富有变化。特异构成的点任务实施把标志设计改为面构成，我们可以分析提取相关元素，利用几何图形的组合、变换、形成新的图形。例如，用多个不规则的三角形组合成高音谱号的形状，同时兼顾小树的形状七个三角形页代表七个音阶。利用重复构成的方式，将七个正方形进行排列组合，并做透视效果，形成将小树图形，正方形的面积大小和透视变化，代表了音乐的七个音阶，以及韵律变化。项目小结通过本项目我们了解了一般标志设计的步骤：标志设计任务分析→确定标志设计方案→绘制草图→完成制作→作品整体效果调整。图形创意类标志的常用设计方法有：置换图形、同构图形、联想图形、发散思维等，以及点、线、面的重复构成、放射构成、渐变构成、特异构成等方法。这些方法各有特点，需要根据标志设计内容选择恰当的图形设计方法。图文结合标志设计03项目描述博郡汽车品牌标志设计企业简介：一家以用户为中心的未来出行公司，不仅仅着眼于汽车制造，而是出行的方式：整合电动、互联、智能和共享，力求打造未来出行新生态。品牌理念：“悦”生活·“智”未来创造可持续的环境和更愉悦舒适的生活！要求：1.设计的标志造型简洁、大气，具有艺术气质，能充分表现未来、科技的，展现企业创造更美好生活的愿景。2.设计的标志需要契合且准确诠释博郡汽车的品牌理念和品牌精神。任务1构思与绘制草图该任务要求设计一款汽车品牌的标志，根据其产品类别及体现未来科技、美好生活的要求，标志取色可用银色系以体现科技感。而美好可以分解为圆满、节节高，故可以考虑圆形、趋势向上的图案。确定标志的整体风格绘制标志设计的草图0102图文结合型标志设计

图文结合型标志设计糅合图案型和文字型标志设计的优点，而标志中的图案又能把文字型标志的局限性问题解决掉，将图案与设计字体按美学法则来设计、有机组合在一起，充分发挥两者的优势。图文结合既能迅速传递企业信息又便于传播。在一些经典标志设计中，我们经常可以看到运用图文结合的方法来表现。如图第十届全运会的标志，就糅合了数字10、S（“Sport”和苏州的苏）、龙、虎和火等元素，意在以虎踞龙盘的艺术形象，体现江苏丰厚的历史文化底蕴和浓郁的地域特征，以及竞技体育生龙活虎的鲜明特点。

联合利华公司的标志由25个独特含义的小图案拼成的“U”字，下面为联合利华的英文名字“UNILEVER”。每个图标都体现了该企业让可持续生活成为常态的愿景。单形与群化单形是指最小的视觉元素，是独立的单元形态。单形的群化是指，在设计出了一个新的单形的前提下，再使用这个单形为造型要素，作方向、位置、大小等变化的组织，构成视觉效果完全不同的新图形。如图中国人民银行标志，以中国古代春秋战国时期的布币与汉字“人”字形象为造型元素，其基本形与中间的负形均为“人”字形，三个古币的组合也是”人“字近似形。这里的古钱币造型就是单形，“人”字的布局就是群化方式。整个标志构成了一种扩张的动感和稳定发展的态势。整体地表达了中国人民银行以人为本的基本属性，并突显出中国人民银行所具有的凝聚力、严谨性与权威性。单形单形的开发与创造一般通过两种方式：一是以几何形为基础；二是对自然、生活中所提供的形态进行利用与改造构成的单形。一、几何形为基础的变化求取单形：利用数学方法，对原有形态进行变化。圆、方、三角、直线、折线、曲线等形态都是比较简单的几何形。对它们进行相减或相溶合的办法，可以产生出形态各异的新单形。二、自然形为基础的改造构成的单形：大自然与生活中蕴藏着极为丰富的形象与形态，每一种都独具特征与美感。对自然形进行加强、减弱、夸张和变形，可以创造出各种符合设计目的的新形象。群化群化是指将单形进行群化。在设计出了一个新的单形的前提下，再使用这个单形为造型要素，作方向、位置、大小等变化的组织，构成视觉效果完全不同的新图形。单形的群化可以是比较随意的自由构成，也可以靠比较规律性的原则构成。规律性的群化有以下的排列组合方式：线形状排列：群化时，单形沿水平、垂直或斜线方向排列；对称状排列：群化时，沿左右、上下方向排列；环线状排列：群化时圆形、方形、菱形等多边形环列构成；放射状排列：群化时向一个中心点集中排列，构成放射图形；平面状排列：群化时相对集中，溶成一体，构成面状图形。任务1绘制草图运用单形与群化的理论设计图文结合式的标志。可以尝试用圆形代表圆满美好的意思，用螺旋向上的趋势代表美好向往，而科技则可以用蓝色、银色等代表。经过一轮头脑风暴后，最后敲定用圆角边作单形，以BJ的数字化显示方式排列，辅以加号代表先进技术和美好生活的暗示，用金和深灰配色提高企业格调。在企业文字方面则用直角笔画、连笔和断笔方式进行。任务2制作标志项目小结本项目运用单形与群化的方法进行标志设计，设计前期要多出几个不同的设计方案，以选择最好的方案进行制作，多角度多思考，不要怕推到重来。制作中可充分运用软件的功能，Illustrator强大的矢量绘图功能特别适合用在标志设计里。本单元完

感谢观看《计算机美术基础》学习单元3书籍设计职业教育数字媒体技术应用专业系列教材《计算机美术基础》单元概述书籍是人类文明的结晶，是用文字、图画或者其他符号，在一定材料上记录、表达意思、知识、思想、感情并装订成卷册，是传递知识和交流经验的工具。书籍装帧设计伴随着书籍的产生而逐步发展演变，是书籍从平面化到立体化的过程。经过设计师艺术构思和技术手法处理，现代书籍设计在方便阅读的同时，充盈着灵动的气息。书籍装设计不仅是封面或排版设计，还是设计各要素各环节的相互协调统一。好的设计不仅方便阅读，还能体现书籍的基本精神和内涵，使用艺术手法提高书籍的商品吸引力，从而吸引读者阅读、购买、收藏。本单元将完成书籍排版的设计与制作--书籍封页排版与杂志内页排版。在完成项目时，必须通读并了解项目的要求和特点，针对受众的审美特点，对海报要呈现的信息进行有效的处理。学习目标掌握书籍设计的基本知识，了解书籍装帧设计的流程，掌握书籍设计的配图运用及图片处理，掌握书籍设计的文字编辑法则。目录01书籍封面排版02杂志内页排版书籍封面排版01项目描述对经管类图书《科技经济学》进行封面、封底和书脊的布局规划和版面设计。要求:1)使用抽象图形作为图书设计的主要内容，配以适当版面编排。2)在色彩、文字编排方面要求偏重理性、严肃、可靠的视觉效果3)注重突出书名文字设计，达到宣传效果。4)书籍成品的尺寸(宽x高):13cmx18.5cm。5)选择用60g胶版纸印刷，总页码为200页，书本厚度自行计算(利用任务1中所述的书脊计算方法)。任务1版面基本布局、书籍厚度计算任务分析确定书籍封面的整体风格规划基本版面0102计算书籍封面整体大小03当我们收到一本书籍封面设计任务时，我们首先要了解我们设计的是什么类别的书籍，阅读购买受众群体是谁？有针对性地规划书籍封面的风格、版面与用色。该任务是一本图书封面，由于图书类别是经管类书籍，知识理论性比较强，因此此类书籍封面设计应该偏向理性严谨的风格，在图案元素选取上使用该类型典型的设计元素。针对目标群体是经管专业的人士，所以在用色上可以较为严肃沉稳的冷色调，版式整体选择层次分明的传统排版。在确定了风格后，我们第二步是确定版面布局，我们了解到书籍封面设计的基本布局有封面、书脊、封底三大版面，其包括书名、编著者名、出版社名等文字和装饰形象、色彩及构图。所以在构图的时候我们对封面、书脊、封底基本组成元素做了以下规划。由于不同书籍有不同厚度，因此计算书籍封面展开设计图时候，就要考虑书籍内容多少（即书本的页数）以及书籍选用的纸张材质等因素，参考知识准备“书脊厚度计算方法”，在书籍原始大小基础上增加书脊厚度，才是整本书大小尺寸。知识准备：了解书籍组成是人类进步的阶梯，我们每天都在学习、阅读不同类型的图书，但并不是每个人对书了如指掌，能够说出构成书的组成部分的名称。展示了构成书的不同部分，了解图书部分的名称与作用是书籍设计人员的必修功课。知识准备：书脊厚度的计算方法书脊厚度（单位是：mm）=0.135×克数÷100×页数注意：克数是指纸张的重量，如128g铜板纸、157g铜板纸、60g胶版纸，其中的数字就是克数。例如，一本用60g胶版纸印刷的文学书脊，总页码数（包括扉页、目录、附录等）是382，则这本书的书脊厚度=0.135×60÷100×191=15.5mm。书脊厚度（单位是mm）=页码数÷100×百页纸厚注意：百页纸厚可以咨询印刷工厂人员，另外如果长400页，则得到的数字要加1毫米。例如，一本用80g胶版纸印刷的书脊，总页码数（包括扉页、目录、正文、附录等）是420，则这本书的书脊厚度=420÷100×5+1=22mm通常，55g纸的百页纸厚为3.5mm，60g纸的百页纸厚为3.8mm，70g纸的百页纸厚为4mm，80g纸的百页纸厚为5mm。0102书脊的厚度要计算准确，这样才能确定书脊上的字体大小，设计出适合的书脊。下面是计算书脊的厚度常用的两种公式。实施任务根据上面所述版面基本布局、书脊厚度计算方法，按书籍内容定位和风格，以下草图是该书籍基本布局以及尺寸大小（单位：mm）展示：书籍成品的尺寸宽高：130*185，书脊厚度计算：0.135*60g/100*200=16.2任务2书籍封面（封底及书脊）排版（设计三元素）任务分析完成书籍封面设计基本版式布局和尺寸大小计算后，封面的设计构思就显得十分重要，要充分弄通书稿的内涵、风格、体裁等，做到构思新颖、切题，有感染力。根据本书籍内容定位和风格制作、搜集资料，参考同类别的书籍封面设计。由于图书类别是经管类书籍，知识理论性比较强，整体风格偏向理性严谨，在图案元素选取上使用该类型典型的设计元素。针对目标群体是经管专业的人士，所以在用色上可以较为严肃沉稳的冷色调，版式整体选择层次分明的传统排版。知识准备：书籍图文编排的三大元素设计方法1.封面的文字设计书名是阐述一本书内在信息和核心思想的重要元素。设计时一定要将书名作为整体画面的视觉焦点。这里所指视觉焦点，是当画面被看到时第一个被捕获到的视觉信息。清晰的将书名设计为封面首要元素，将有助于读者判断是否拿起书翻阅，从而决定是否购买。设计中应该遵循阅读顺畅的原则。字体的设计变化不能过于复杂，文字的排列要符合语言的阅读习惯，以至于读者能快速识别。在画面整体风格统一的前提下，可根据书籍内容所体现的文体风格进行安排，在较为个性化文体的封面书名设计中，可适当的采取夸张手法。将书名作为一个图形去思考在画面中占有的比例。在封面视觉传达中更能有效的体现书籍内容本身的特点。优秀的书名设计能够在第一时间体现出书籍本身的气质。见书名如同见作者，书名在其他封面元素的衬托下从视觉上向读者传达书籍内容的思想精髓。01020304文字的可读性要强标题的大小比例合理书名字数合理书名的造型设计知识准备：书籍图文编排的三大元素设计方法2.封面的图片设计封面的图片以其直观、明确、视觉冲击力强、易与读者产生共鸣的特点，成为设计要素中重要部分。其中书籍封面的图片排版处理一般有两种情况。第一种是图片作为封面的背景衬托主题；另一种是选择与主题相符的图片放在书籍醒目的位置，再一次深刻的呼唤突出主题。知识准备：书籍图文编排的三大元素设计方法3.封面的色彩设计封面的色彩处理是设计是重要一关。色彩是由书的内容与阅读对象的年龄、文化层次等特征所决定的。鲜丽的色彩多用于儿童的读物;沉着、和谐的色彩适用于中、老年人的读物;介于艳色和灰色之间的色彩宜用于青年人的读物。另外书的内容对色彩也有特定的要求，如描写革命斗争史迹的书籍宜用红色调;以揭露黑暗社会的丑恶现象为内容的书籍则宜用白色、黑色;表现青春活力的最宜用红绿相间的色彩。对于读者来说，因文化素养、民族、职业的不同，对于书籍的色彩也有不同的偏好得体的色彩表现和艺术处理，能在读者的视觉中产生夺目的效果。任务2书籍排版项目小结

本项目的难点在书籍封面展开设计的尺寸计算，重点在于封面的图文排版，特别是书名字体的设计。书名标题设计与图案素材的处理是否得当直接影响受众抓取重要信息的速度，封面版式结构合理，主要信息层次分明，能够很好突出视觉中心点，突出书名，达到宣传效果。杂志内页排版02项目描述下面是一份校刊杂志内页设计任务：请完成校园杂志《希望之歌》内页《营养早餐开启健康生活每一天》文章的排版设计要求：1．编辑部提供2页的版面，要求进行跨页排版；2．版面活跃、色彩奔放，体现校园杂志的活力；3．使用编辑部提供的两幅照片进行排版。任务1版面构思与规划此项目是校园杂志内页设计，主题是用科学文章引导学生培养合理健康的生活习惯，这篇文章是介绍吃早餐的重要性，以及早餐的几个重要事项，属于科普类文章，板式应简洁易阅读。因为阅读群体是中学生，所以色彩应该感觉清新和活力，内容生动、丰富，给人一种愉悦的视觉感受。确定杂志板式的整体风格01网格和规格一个或者连续页面左右对称编排单栏式对称网格相对于单栏式对称网格更活泼，条理清晰，避免视觉混乱，方便读者阅读。双栏式对称网格3栏及以上的网格形式，网格的具体栏数可以根据实际需来增加或减少。多栏式对称网格网格和规格一在版面中划分一定数量、大小相同的单元格单元格对称网格相对于单栏式对称网格更活泼，条理清晰，避免视觉混乱，方便读者阅读。非对称式栏状网格在板式或版心中竖向分为八等分，每页横向分为十二等份，每一份之间留一定空隙。十二等分网格法实施任务杂志的内页是杂志的灵魂，内页的排版设计不仅要与内容相统一，一般的杂志内页都是用图文并茂的形式来实现的。本次排版任务图片较多、内容丰富、色彩跳跃，综合上面所述的板式设计方法，最终确定板式如图图片的运用法则图片是辅助传达文字内容的设计要素，版面中图片的数量直接影响到了阅读者的兴趣，如果版面中没有图案，整个版面会显得枯燥乏味。添加图片可以增加画面的趣味性，让原本无趣的画面充满活力。图片的数量图片的位置0102图片的面积03文字的运用法则杂志是一种进行信息传递的刊物，文字是杂志的主要构成部分。若文字过多，往往能够使人产生一定的视觉疲劳，而缓解这种视觉疲劳的主要方法就是对文字的字体进行设计。文字是杂志的重要组成部分，它不单单是用于传递信息，更是一种艺术表现形式。提高文字的易读性提高文字的艺术性0102任务2内页排版项目小结

本项目的难点在于文字信息量少，图片很单一，需要分析文字和图片内容，增加阅读的趣味性。网格是一种用来定位丰富设计元素的基本设计工具，是现代版式设计中最重要的构成元素之一。它能协调版面中的各个构成元素，使之能够层次分明井然有序的排列，令版面有秩序感、比例感、连续感以及整体感，在版面编排中是又巧又快的方法，掌握网格系统是从事版式设计所必备的技能。本单元完

感谢观看《计算机美术基础》学习单元4海报设计职业教育数字媒体技术应用专业系列教材《计算机美术基础》单元概述海报又名招贴，张贴在公共场所传播活动信息或理念的视觉艺术形式。是我们日常生活中最常见的一种信息传播手段，好的海报设计不仅能准确传递信息，更能给人提供审美的享受。而有些优秀的海报，那天马行空的创意甚至可以给受众一股思维的碰撞。本单元将完成两张海报的设计与制作——学生社团活动海报和筷子导购牌。在完成项目的时候我们必须通读并了解项目的要求和特点，针对受众的审美特点，对海报要呈现的信息进行有效地处理。学习目标掌握海报的基本知识，了解海报制作的流程，掌握海报的基本构图方法，掌握海报的文字处理。目录01学生社团海报设计02导购牌设计学生社团海报设计01项目描述学生社团的活动宣传海报设计任务：2017学年社团风采展地点：体育馆时间：14:00-16:00参与社团需设计一个具有社团特色互动活动以及一份以“一带一路”为主题的活动海报要求图文并茂并要有社团名称、一句社团口号、活动规则和社团代表的“一带一路”国家名。该社团需要为自己的活动出一份海报，内容需要表达：社团进行湿拓画体验活动，配合学校一带一路的活动主题代表一带一路的凤翔乡。任务1构思海报与确定沟通当我们收到一份海报设计任务时，我们首先要了解我们设计的是什么海报，受众群体是谁？有针对性地规划海报的风格、版面与用色。确定海报的整体风格绘制海报草图0102构图的形式三角型构图分正三角构图和倒三角构图两种。三角形构图九宫格构图是把版面横向和纵向各平均分为三份，取纵横线的交点为画面的重心的一种构图形式。九宫格构图圆形构图的版面呈对称状态给人以圆满、平衡、稳定、包裹、温暖的感觉。圆形构图倾斜构图具有不稳定性，同时也具有版面的张力。倾斜构图S型的构图具有线条感和女性的美感。S型构图任务实施选用S型的构图，以展示活动内容湿拓画的艺术之美。图片和文字的位置安排要错落有致，同时使用带S型的背景图能强化S型构图的效果任务2素材制作与收集完成海报的整体构思和构图后，可以开始根据海报风格制作、搜集素材，素材主要为字体库、图片、照片。社团活动海报，图片素材上可采用活动内容湿拓画的作品，配图可以添加中国古典风格的动漫图片。字体上选择书法类字体以突出该社团的丝路主题。020103文字信息的主次关系文字组合1.主次字体的大小对比2.字型粗细对比3.字型的动静对比4.文字的方向对比字体的选择根据海报的特点选择恰当的字体。知识准备：海报文字的处理排版的时候整幅海报要遵循美的法则来排版：变化与统一、对比与调和、对称与平衡、节奏与韵律、比例与尺度、空白与虚实。任务3完成海报制作项目小结通过本项目我们了解了一般海报设计的步骤：海报整体规划→确定构图→搜集素材→完成制作→作品整体效果调整。海报的常用构图有：三角型构图、圆形构图、九宫格构图、S型构图、倾斜构图，这几种构图各有特点，需要根据海报内容选择恰当的构图。海报设计中文字设计要注意字体的选择、文字信息的主次关系和字体组合方法。导购牌设计02项目描述制作一份筷子的导购牌任务：余筷筷子：古称箸。中国是筷箸的发源地，朝鲜、韩国、越南等国的用箸习俗皆由中国传入。余筷：用料考究，技艺臻精。余您共鉴，筷乐相伴。余筷·酸枝筷：《本草纲目》记载：酸枝木可消风、清热、解毒，其散发的酸辛香有促进血液循环、

提神益智等功效。余筷·乌木筷:乌木称“东方神木”。《本草纲目》记载：乌木（非阴沉木），气味

甘、咸、平、无毒，主治解毒，亦治霍乱吐利。

《红楼梦》第六回：“凤姐手里拿着西洋布手巾，裹着一把乌木三镶银箸，敁敠人位，按席摆下。”可见乌木镶银筷子是非常名贵的餐具。余筷·花梨筷：黄花梨的心材是中药材降香，《本草纲目》认为降香气味辛、温，无毒，有止血定痛、消肿生肌的作用。余筷·紫檀筷：紫檀称“青龙木”。《本草纲目》记载：紫檀，味咸，微寒，无毒，主治止痛，止血，疗淋，敷刀伤，祛风湿，治溃疡。手工筷子接受个人、团体定制，用料考究、技艺精湛，送礼自用两相宜。销售电话店地址：广州市越秀区越秀路18号任务1确定海报招贴的整体风格和绘制海报草图本次海报设计的内容是传统手工筷子的导购牌，手工筷子的价格相比批量机器制的筷子偏高，受众是传统工艺爱好者，对产品品质、生活更有追求，因此海报的风格尽量偏传统和稳重，色彩上使用明度低对比强的褐色作为主色调，。本次的海报，委托方的文字信息比较多，需要进行文字的整理，我们把海报的文字信息用方形框分类整理，将文字框以S型构图增加画面的灵动性，加上配图确定海报的整体风格绘制海报草图0102任务2收集素材本次招贴为传统文化主题，除了使用商家的产品照片外，还需要寻找具有我国传统文化符号意义的图腾。本次商家产品主题是“余筷”，余与鱼同音，鱼在我国传统文化里有富余富足、鲤跃龙门等吉祥含义，素材选择鲤鱼为辅助图形，配以纸张纹理、水墨素材，突出传统的主题。海报的视觉引导及海报内容的层级管理有些海报需要宣传的内容比较多，如果不做好视觉引导和内容处理的话海报会很乱，让受众没有在视线停留在海报的3秒内抓住宣传中心而忽略该海报。视觉引导一般是通过配图或者版面结构来实现的。一幅海报，观众在欣赏时一般会有一个固定的阅读顺序，而当海报中有一些引导视线的配图的话，就会产生引导观众观看顺序的效果。而海报内容的层级管理则是在文字信息量多的时候，对文字内容进行归类和划分，将一些辅助的文字另外处理，划分好宣传的重点。下面我们通过一个作品来分析如何做好海报的视觉引导和海报内容的层级管理。任务3海报文字信息的层级处理本招贴的标题是其系列产品名字“余筷”。标题是招贴的灵魂，在招贴中要突出和醒目，通常可以使用大字、艺术字体、渐变、发光、投影、描边等手法突出标题字。1.标题该招贴的标题下面是产品的引导语，作辅助说明用的。这段文字可以放在标题的旁边，作辅助说明用，其文字不需要作特殊的装饰，只需跟正文的字体稍作区别即可。2.引导语该招贴的主体内容是各种材质的筷子简介，如果直接将大段的文字放在版面中会显得呆板，枯燥。因此，可以采取将每种材质的筷子简介作为一个段落，错开摆放，使版面产生节奏感。同时每段文字的小标题也作一些文字装饰，突出内容。3.正文海报招贴中必不可少的就是联系方式，往往做好一轮宣传后，没有联系方式整个海报就功亏一篑了。但是如果把联系方式放得太醒目却又会降低海报的档次，故一般会将联系方式放到海报的底部，用正体字居中对齐处理。4.结束语、联系方式任务4海报制作项目小结本项目的难点在于文字信息量大，需要分析提取重要的文字进行不同的处理，令文字成为海报中的视觉装饰一部分，同时能让受众快速抓取宣传要点。本海报中用了四种不同的文字突出处理，分别是加粗放大、改变文字颜色、添加文字特效、给文字加上底纹。根据文字内容调整文字的视觉效果除了有效突出重要的文字外还能够让版面形成一定的节奏韵律。本单元完

感谢观看《计算机美术基础》学习单元5UI设计职业教育数字媒体技术应用专业系列教材《计算机美术基础》单元概述UI其实是UserInterface（用户界面）的简称。在进行UI设计时软件的界面美观性和人机互动方式都是非常重要的设计原则。好的UI设计会给用户带来良好的操作体验，简洁明了的操作界面却能展示出图形设计的美观性。本单元主要学习图标的图形设计及APP界面设计理论及制作过程。学习目标掌握图标的基本知识，了解图标的设计原则，以及扁平化的设计思路，最后学习如何进行图标的实用性测试。目录01扁平化图标设计02App界面设计扁平化图标设计01项目描述下面是一个关于一组家庭教育服务平台的App图标设计任务:某市海北区家庭教育服务中心致力于通过科学的教育理念和方法，为新生代家长免费提供专业、系统、有效的家庭教育指导服务，提高家长的育儿技能，使孩子更健康成长，让家庭更幸福。App提供的信息与服务包括:家长须知、通知公告、教子有方、课程回放、家校风采、释疑解惑、意见反馈和活动报名8大部分。设计内容：家长须知、课程回放两个图标。任务1图标的图形设计任务分析在设计之前我们首先须要了解图标的设计原则和不同的设计风格，本次我们需要为一款教育类软件的APP设计图标，我们首先要做的是确定图标的图形风格，第二步是确定系列图标的配色。图标设计的原则与风格为了保证图标的可识别度，图标的设计不能太过于复杂，图标过多的颜色会干扰用户的理解力。可识别度设计一套图标时尽量做到与众不同，但又不能违背它的功能性，而一套设计里的每个图标也要尽可能减弱图标之间的相似性，因为太相似的图标会影响到用户的识别能力增加用户的理解时间。设计独特UI设计是要适应各种分辨率不同的设备。只有使用矢量图才能适应不同的尺寸，在设计时要做到网格对齐，不对齐的图标容易造成边线变虚以及整体效果的错位，假如有条件应该多使用布尔运算。清晰度图标的设计要能让用户易于理解,丰富的想象力将图标设计得过于个性，会让用户难以理解图标的含义。每个人的视觉感知能力存在差异，要设计所有人都能轻易理解图像所包含的意义才是成熟的设计，也是图标为了更有效快捷传递信息的目的。表达内容在同一个应用场景里的图标设计风格必需统一，其中包括配色的风格统一、整体大小的统一、纹理材质统一、线条组细及圆角大小也必需统一。在设计图标时需要融入到整体的设计之中，否则图标在整体效果中会表现出不和谐。风格统一性任务2扁平化图标绘制任务分析本次需要制作的图标共有8个分别是：活动报名、家校风采、家长须知、教子有方、课程回放、释疑解惑、通知公告、意见反馈。确定图标的功能后需要构思图标的内容，其中包括每个图标的配色，图标内的元素等，目的是为了能够清楚表达出每个图标的含义。我们本次选择了扁平化设计，因为在移动设备上扁平化的设计能够表现出界面美观、简洁、整齐，给用户带来良好的操作体验。所以无论是移动设备还是台式算计机最新的操作系统都已经全面使用扁平化设计。扁平化设计是尽可能去除繁杂的修饰手法，例如阴影、透视、纹理、渐变、羽化等传统设计手法。更着重把核心