广告设计师培训资料

广告设计师——三级国家职业资格培训教程目录第一章设计制作第一节图形制作第二节图像制作第三节版式制作第四节网页制作第二章设计表现第一节图形创意第二节字体设计第三节标志设计第四节版式设计图形制作第一章设计制作一、学习目标1.图形是广告设计中非常重要的视觉元素，清晰、到位的图形制作能够准确地表现广告的创意2.学习使用绘制矢量图形，了解矢量图形制作的基本规律以及熟练掌握矢量图形制作的技巧二、工作程序与方法1.启动与退出文档2.工作环境介绍窗口组成:标题栏：用于显示文件的名称菜单栏：诸多效果功能标准工具栏：快捷、方便工具属性栏：互动式的控制面板工具箱：主要绘制功能绘图页面：表示打印的工作区域面页标签：可以新增或切换页面色盘与泊坞窗：可以将不同操作界面整合在一起3.绘图页面模式的设置简单线框模式:简单框架线框模式:简单框架与上基本一致.草稿模式:以标准填充色显示图形和颜色.正常模式:以高分辩率显示图形模式.增强模式:显示质量最高的刷新速度最慢的.备注:更改视图显示质量对图形本身没有任何影响,只是改变了图形在屏幕上的显示方式.4.设置版面（1）使用标准工具栏（2）作用缩放工具（3）利用视图管理器管理页面第一节图形制作1.绘制基本图形包括：矩形、椭圆、多边形、网格纸、螺纹、符号形状等工具绘制各种基本形状（1）绘制正方形、长方形方法：选取工具箱中的矩形工具，到页面直接拖动即可按住键可以绘制正方形（2）绘制圆角矩形方法：用矩形工具绘制然后修改手柄使用工具属性栏修改在图形上点击右键属性（3）椭圆工具的使用绘制椭圆：选择工具箱中的椭圆工具在页面中直接拖动即可绘制正圆：使用椭圆工具并按住键绘制即可绘制饼圆：使用椭圆工具在属性栏设置（4）多边形工具的使用方法：单击工具箱中的多边形工具按钮按鼠标左键并拖动完成绘制修改：在属性栏进行修改或选择形状工具来修改（5）网格纸工具的使用绘制网格：在工具箱中选择网格纸在属性栏设置行与列分离网格（6）螺纹工具的使用分类：对称螺纹线（间距相同）、对数螺纹线（间距是递增的）方法：工具箱中的螺纹工具（7）符号形状工具的使用单击工具箱中的基本形状工具，单击属性栏选择要画的图形符号基本形状工具包括：箭头形状工具、流程图工具、星形工具、标形状工具（8）绘制图形实例——篮球A、绘制篮球主要由一个填充的正圆和几条曲线组成。新建一个任意大小的文档，首先将文档进行文件\保存，文件名为“篮球”。选择椭圆工具并且同时按下+键绘制大小高、宽都为190的正圆在工具箱中选择手绘工具绘制篮球缝线如图所示选择正圆并在调色板中选择金黄色将其填充B、绘制朴克牌4.图形设计的编辑和修改（1）对象的选取：单击方法、框选方法、按键选择（2）取消选择两种方法：按住键依次取消选择或空白地方单击全部取消（2）移动对象：方法：利用鼠标移动坐标定位排列\变换\使用方向键（3）旋转对象（4）倾斜对象（5）镜像对象

（6）对象的复制和粘贴方法：按小键盘的“+”编辑\工具栏（7）图形的再制和仿制对象的再制：编辑\或者或“+”对象的仿制：编辑\仿制恢复仿制对象与原对象的联系在对象上点击右键选择“还原为主对象”（8）复制对象的属性编辑\复制属性自…（9）复制或仿制特殊效果包括：调和效果、立体化、轮廓图、透镜、阴影、图框精确载剪和变形等效果。方法：效果\复制效果5、、用用刻刻刀刀工工具具拆拆分分图图形形方法法：：拆拆分分时时可可以以是是直直线线的的也也可可以以是是任任意意曲曲线线的；；从从一一个个边边到到另另一一边边拖拖动动即即可可拆拆分分6、、用用擦擦除除工工具具擦擦除除图图形形方法法：：打打开开形形状状工工具具下下拉拉选选框框选选择择擦擦除除工工具具属性性栏栏设设置置具具体体参参数数7、、用用形形状状工工具具编编辑辑图图形形（1））选选取取与与取取消消节节点点或或（2））增增加加节节点点（3））结结合合节节点点（4））断断开开节节点点（5））直直线线与与曲曲线线间间的的转转换换（6））节节点点的的尖尖突突、、平平滑滑和和对对称称（7））转转换换节节点点路路径径方方向向（8））自自动动封封闭闭路路径径第二二节节图图像像制制作作一、、图图像像的的基基本本知知识识1、、图图像像文文件件（1））色色彩彩模模式式：：灰灰度度、、位位图图、、、、、等等（2））图图像像的的宽宽度度、、高高度度和和分分辨辨率率：：像素素、、英英寸寸、、厘厘米米、、点点和和列列（3））背背景景颜颜色色：：白白色色、、背背景景色色和和透透明明（4））图图像像的的尺尺寸寸与与分分辩辩率率像像素素尺尺寸寸：：指指图图像像的的高高度度和和宽宽度度的的像像素素数数目目像素素总总数数=宽宽度度分分辩辩率率高高度度分分辩辩率率注：：中中的的图图像像最最大大宽宽度度或或高高度度为为30000像像素素图图像像分分辩辩率率：：指指单单位位长长度度上上的的像像素素数数；；分分辩辩率率越越高高图像像就就越越清清晰晰提示示：：一一般般的的图图像像制制作作其其分分辩辩率率通通满满足足典典型型的的显显示示器器分分辩辩率率即即可可图图像像文文件件的的大大小小表示示图图像像大大小小的的单单位位是是：：千千字字节节（（））、、兆兆字字节节（（））和和千千兆兆字字节节（（））图图像像的的格格式式：：格格式式、、格格式式、、语语言言开开发发的的一一种种图图像像文文件件格格式式、、支支持持位位图图，，索索引引模模式式和和模模式式，，但但不不支支持持和和通通道道模模式式、、（（图图形形交交换换格格式式））、、（（支支持持、、和和达达度度颜颜色色））2、、图图像像模模式式位位图图模模式式：：（（有有1位位深深度度的的图图像像模模式式））只只有有黑黑色色和和白白色色两两种种颜颜色色灰灰度度模模式式：：（（有有8位位深深度度的的图图像像模模式式））在在黑黑与与白白之之间间有有254个个灰灰度度的的模模式式双双色色模模式式：：包包括括（（单单色色调调、、双双色色调调、、三三色色调调、、四四色色调调））只只有有灰灰度度模模式式才才能能转转换换成成双双色色模模式式。。模模式式：：（（为为24位位颜颜色色深深度度、、三三个个通通道道‘‘第第个个通通道道均均有有8位位深深度度’’））模模式式：：是是印印刷刷的的模模式式二、、图图像像绘绘制制与与修修饰饰1、、工工作作界界面面：：标标题题栏栏：：显显示示文文件件名名称称菜菜单单栏栏：：包包括括9大大类类操操作作命命令令的的菜菜单单标标题题工工作作面面板板：：共共有有11个个工工作作面面板板第一一组组：：导导航航器器面面板板、、信信息息面面板板、、选选项项面面板板第二二组组：：颜颜色色面面板板、、色色板板面面板板、、画画笔笔面面板板第三三组组：：历历史史记记录录面面板板、、动动作作面面板板第四四组组：：图图层层面面板板、、通通道道面面板板、、路路径径面面板板工工具具箱箱：：共共有有22种种主主要要工工具具的的图图标标，，其其中中有有17种种工工具具图图标标为为复复选选工工具具图图标标工工作作区区属属性性栏栏状状态态栏栏：：包包括括：：图图像像显显示示比比例例指指示示框框、、文文件大大小小指指示示框框、、浮浮动动菜菜单单按按钮钮、、工工具具指指示示栏栏2、、图图像像选选择择（1））选选取取工工具具包括括：：选选框框工工具具、、套套索索工工具具、、魔魔术术棒棒工工具具（（一一切切命命令令只只对对选选取取区区域域内内有有效效））选选框框工工具具包包括括：：矩矩形形、、椭椭圆圆、、单单列列和和单单行行工工具具A、、画画前前按按可可绘绘制制正正方方形形或或正正圆圆B、、按按住住键键可可从从选选区区中中减减选选、、键键相相反反是是加加选选选选区区或属属性性栏栏直直接接可可以以操操作作C、、羽羽化化套套索索工工具具（（多多边边形形套套索索、、磁磁性性套套索索、、套套索索））魔魔术术棒棒工工具具修修改改（（扩扩大大、、平平滑滑、、扩扩展展、、收收缩缩））D、、选选择择快快捷捷键键取取消消选选择择重重新新选选择择反反选选全全选选变变换换（2））存存储储选选区区和和载载入入选选区区方法法：：A、、选选择择\B、、通通道道面面板板（3））羽羽化化A、、画画前前羽羽化化B、、画画后后羽羽化化（4））路路径径：：指指一一些些不不可可打打印印、、不不活活动动的的矢矢量量形形状状A、、方方法法：：由由钢钢笔笔工工具具和和曲曲线线组组成成B、、路路径径的的填填充充和和描描边边：：在在路路径径面面板板操操作作C、、路路径径作作为为选选区区载载入入方法法：：单单击击路路径径面面板板下下方方““将将路路径径作作为为选选区区载载入入””D、、将将选选区区作作为为路路径径载载入入：：路路径径面面板板E、、路路径径的的建建立立、、存存储储和和删删除除3.图图像像的的绘绘制制（1））绘绘图图绘图图工工具具包包括括：：喷喷枪枪工工具具、、橡橡皮皮图图章章工工具具、、历历史史记记录录画画笔笔、、仿仿制制图图章工工具具、、铅铅笔笔工工具具、、橡橡皮皮工工具具、、模模糊糊工工具具、、减减淡淡工工具具（2））设设置置画画笔笔A、、选选择择画画笔笔样样式式B、、画画笔笔设设置置面面板板C、、定定义义画画笔笔外外形形D、、画画笔笔双双重重画画笔笔E、、画画笔笔材材质质F、、其其它它动动态态效效果果（3））画画笔笔绘绘制制实实例例————脚脚印印4、、颜颜色色拾拾色色器器（1））模模式式：：H（（色色相相））S（（饱饱和和度度））B（（亮亮度度））（2））模模式式：：R（（红红色色））G（（绿绿色色））B（（蓝蓝色色））（3））模模式式（4））模模式式：：印印刷刷模模式式（5））色色板板色色彩彩：：共共包包括括222种种常常用用颜颜色色（6））设设置置颜颜色色：：A、、设设置置前前、、背背景景色色B、、将将前前景景色色添添加加于于色色板板面面板板C、、前前、、背背景景切切换换：：X键键5、、渐渐变变渐变变类类型型：：线线性性、、径径向向、、角角度度、、对对称称、、菱菱形形渐渐变变6、、图图像像的的调调整整与与修修饰饰（1））图图像像的的变变形形：：包包括括移移动动、、缩缩放放、、旋旋转转、、斜斜切切、、扭扭曲曲、、透透视视，右右键键执执行行（2））水水平平变变换换（3））垂垂直直变变换换（4））特特殊殊角角度度旋旋转转（5））变变换换的的快快捷捷键键：：A、、自自由由变变换换：：B、、拖拖动动手手柄柄：：按按比比例例缩缩放放C、、15度度旋旋转转：：拖拖动动边边框框外外部部D、、再再次次复复制制变变换换：：E、、应应用用变变换换按按回回车车、、取取消消变变换换则则按按键键7、、图图像像颜颜色色的的调调整整（1））色色阶阶：：A、、输输入入色色阶阶B、、输输出出色色阶阶（2））曲曲线线：：调调整整图图像像亮亮度度的的功功能能（3））色色相相饱饱和和度度（4））亮亮度度、、对对比比度度（5））色色彩彩平平衡衡：：可可以以增增加加或或减减少少合合成成通通道道中中处处于于高高亮亮、、中中间间和和阴阴影影区区域域中中特特定定的的颜颜色色（6）去去色：可可把图像像或选区区的色彩彩去除以以灰色图像显显示（7）替替换颜色色（8）可可选颜色色（9）通通道混合合器（10））反相（11））色调均均化：可可以找到到图像中中最暗点点或最亮亮点的位位置（12））阈值：：可将彩彩色或灰灰度图像像转换变变为黑白白两色图图像（13））色调分分离（14））变化三、图像像的特技技制作1、图层层的使用用图层的概概念：可可以使中中所有的的文字、、图像、、等所有有对象可可以独立立放置，，不会影影响其它它图层。。（1）图图层类型型：背景景图层、、图层、、文字图图层、填填充图层层、和调调整图层层五种类类型。（2）背背景层：：背景层层永远在在最底层层，不能能上下移移动等其其它外部部的效果果，只可可以填充充背景颜颜色（3）图图层的新新建、复复制、删删除A、新建建图层：：可以单单击图层层面板中中的新建建按钮或或新建B、复制制图层：：将图层层拖动到到新建图图层按钮钮即可C、删除除图层：：将需要要删除的的图层拖拖动到图图层面板板上的垃垃圾箱即即可（4）图图层的透透明度与与拷贝都在图层层面板操操作就可可以（5）隐隐藏图层层单击面板板上图层层左侧的的眼睛图图标即可可隐藏不不需显示示的图层层，再单单击即可可显示；；按只显显示单击击的图层层，其它它都隐藏藏（6）图图层蒙版版图层面板板的“添添加图层层蒙版””即可（7）链链接图层层单击图层层面板上上图层前前的链接接按钮（8）图图层编组组+拖动将将一图放放入另一一图中（9）图图层的合合并A、向下下合并（（）B、合并并可见图图层（））（10））调整图图层上、下、、左、右右交换位位置2、图层层的混合合模式混合模式式分为以以下几种种：（1）溶溶解（2）正正片叠底底（3）屏屏幕（4）叠叠加（5）柔柔光（6）强强光（7）颜颜色减淡淡、颜色色加深（8）变变暗、变变亮、差差值、排排除（9）色色相、饱饱和度、、亮度、、颜色（10））通过图图层知识识制作实实例：将一图像像放入另另一图像像内的效效果3.滤镜镜（1）艺艺术效果果滤镜包括：彩彩色铅笔笔、木刻刻、干画画笔、胶胶片颗粒粒、壁画画、霓虹虹灯光、、绘画涂涂抹、调调色刀、、塑料包包装、海海报边缘缘、粗糙糙彩笔、、涂抹棒棒、海绵绵、底纹纹效果、、水彩（2）模模糊滤镜镜包括：模模糊、进进一步模模糊、高高斯模糊糊、运动动模糊、、径向模模糊、特特殊模糊糊、（3）画画笔描边边滤镜包括：强强化的边边缘、成成角的线线条、阴阴影线、、深色线线条、油油墨概况况、喷笔笔、喷色色线条、、水墨效效果（4）扭扭曲包括：扩扩散亮光光、置换换、玻璃璃、海洋洋波纹、、挤压、、极坐标标、波纹纹、切变变、球面面化、旋旋转、波波浪、水水波（5）杂杂色包括：添添加杂色色、去斑斑、蒙尘尘与划痕痕、中间间值、（6）像像素化包括：彩彩色半调调、晶格格化、彩彩块化、、碎片、、铜版雕雕刻、马马赛克、、点状化化、点状状化（7）渲渲染包括：3D变换换、云彩彩、分层层云彩、、镜头光光晕、光光照效果果、纹理理填充、、（8）锐锐化滤镜镜包括：锐锐化、锐锐化边缘缘、进一一步锐化化、非锐锐化蒙版版（9）素素描滤镜镜包括：基基底凸现现、粉笔笔和炭笔笔、炭笔笔、铬黄黄、彩色色粉笔、、绘图笔笔、半调调图案、、便条纸纸、副本本、石膏膏效果、、网状、、图章、、撕边、、水彩画画纸（10））风格化化包括：扩扩散、浮浮雕效果果、凸出出、查找找边缘、、照亮边边缘、曝曝光过度度、拼贴贴、等高高线、风风（11））纹理包括：龟龟裂缝、、颗粒、、马赛克克拼贴、、拼缀图图、染色色玻璃、、纹理化化（12）其其他包括：：自定定、抖抖动盒盒、高高反差差保留留、量量大值值、最最小值值、位位移第三节节版版式式制作作一、版版式制制作的的筹备备阶段段二、版版式制制作阶阶段版式制制作的的工作作流程程通常常分为为：图图文信信息采采集、、图文文信息息处理理与页页面合合成、、图文文信息息输出出3个个部分分。1.版版式制制作的的基本本要点点：（1））网格格（2））图片片（3））文字字：通篇篇使用用的字字体一一般不不应超超过4种（（通常常3种种）字字大小小不超超过5种：：分别别为大大标题题、副副标题题、小小标题题、正正文、、图例例（一一般3种字字体也也已足足够））几种种不同同字体体大小小使用用时应应注意意统一一（指指小标标题、、正文文应使使用同同一大大小的的字体体）文字字中色色彩不不宜变变化过过多正文文字体体一般般不可可小于于8磅磅正文文中对对关键键语句句和词词可适适当加加入一一些变变化，，如斜斜体、、彩色色字等等，但但不能能过多多若文文字无无需加加特效效，就就不可可用等等图像像软件件，再再作为为图像像置入入排版版软件件这样样印出出的字字，边边缘是是虚的的（4））色彩彩混色色理论论：A、减减法混混色彩彩三三原原色（（紫红红、黄黄、蓝蓝绿））B、加加法混混色三三原原色（（红、、绿、、蓝紫紫）色彩彩模型型：A、由由（红红、绿绿、蓝蓝）组组成B、由由（青青、洋洋红、、黄、、黑））组成成（5））制作作实例例2、版版面的的输出出阶段段（1））版面面清样样的输输出与与检查查（2））打印印文件件的预预测A、输输出前前文件件检查查B、核核对版版式及及成品品尺寸寸C、链链接与与图像像信息息D、图图像的的落位位与裁裁剪E、文文字确确认F、字字体信信息（3））正稿稿输出出（4））版面面输出出时的的各种种标记记A、裁裁切标标记B、颜颜色条条C、规规矩线线D、页页面信信息E、出出血标标记F、出出血量量三、相相关知知识1、印印刷的的基础础知识识（1））印刷刷的定定义：：使用用印版版或其其他方方式将将原稿稿上的的图文文信息息转移移到承承印物物上的的工艺艺技术术（2））印刷刷的种种类：：印刷刷分为为凸版版印刷刷、平平版印印刷、、凹版版印刷刷、孔孔版印印刷4种不不同的的印刷刷方式式2.印印刷工工艺流流程从原稿稿到印印刷成成品，，无论论选用用哪种种印刷刷方法法，都都必须须由原原稿经经制版版、印印刷、、印后后加工工（装装订））等步步骤，，其工工艺流流程如如图所所示。。3.彩彩色复复制原原理（1））色光光三原原色：：红、、绿、、蓝（2））色料料三原原色：：青、、品红红、黄黄（3））开数数与开开本的的概念念通常把把一张张按国国家标标准分分切好好的平平板原原纸称称为全全开纸纸。在在以不不浪费费纸张张、便便于印印刷和和装订订生产产作业业为前前提下下，把把全开开纸裁裁切成成面积积相等等的若若干小小张称称之为为多少少开数数，将将它们们装订订成册册。（4））目前前裁切切规格格尺寸寸大度为为：大大16开本本为210*297、大大32开本本为148*210、大大64开本本为：：105*148正度为为：16开开本为为：188*265、32开开为：：130*184、、64开本本为：：92*126（5））通常常纸张张的开开法和和开本本A、概概念：：版面面的大大小称称为开开本，，开本本为全全张纸纸张为为计算算单位位，每每全张张纸裁裁切和和折叠叠多少少小张张就称称多少少开本本。B、通通常用用户在在描述述纸张张尺寸寸时，，尺寸寸书写写的顺顺序是是先写写纸张张的短短边，，再写写长边边，纸纸张的的纹路路（即即纸张张的纵纵向））用M表示示。例例如：：880*1230M，，表示示长纹纹；880*1230M表示示短纹纹C、未未经裁裁切的的纸称称为全全张纸纸，将将全张张纸对对折裁裁切后后的幅幅面称称为对对开或或半开开；把把对对开纸纸再对对折裁裁切后后的幅幅面称称为4开；；再对对折完完的幅幅面称称为8开，，依此此类推推，通通常纸纸张除除了按按2的的倍数数裁切切外，，还可可按实实际需需要的的尺寸寸裁切切；当当纸张张不按按2的的倍数数裁切切后，，按各各小张张横竖竖方向向的开开纸法法又可可分为为正开开法和和叉开开法正开开法是是指全全张纸纸按单单一方方向的的开法法，即即一律律竖开开或一一律横横开的的方法法如下下图：：叉开开法是是指全全张纸纸横竖竖搭配配的开开法，，如下下图所所示：：常开开本尺尺寸1）A度纸纸印印刷刷成品品、复复印纸纸和打打印纸纸的尺尺寸，，见表表1-12）度度纸一一般般印刷刷用纸纸，裁裁边后后，可可得A度印印刷成成品尺尺寸，，见表表1-23）度度纸用用于于出血血印刷刷品的的纸，，其特特点是是幅面面较宽宽，见见表1-3第四节节网网页页制作作一、网网页制制作的的基本本概念念1.学学习目目标（1））了解解常用用的网网页制制作软软件的的种类类和功功能（2））能够够熟练练使用用网页页制作作软件件进行行网页页制作作（3）对语语言有一定定了解（4）能够够自行编写写冗余的代代码（5）能够够配合网络络编程人员员进行网页页设计工作作2.相关知知识（1）网页页制作软件件网页设计首首先会用到到图形处理理软件，如如、等。其其次是动画画制作软件件，如、、等。（2）语言言语言全称为为（））即超文文本标记语语言，是网网络的通用用语言，其其目的在于于运用标记记，使文件件达到预期期的显示效效果。基本页面<>标签开开始，以<>结束。。在它们之之间，整个个页面有两两部分———标题和正正文。标题词夹在在<>和<>之间，，再放在<>和<>标签里，，这个词语语在打开页页面时出现现在屏幕底底部最小化化的窗口；；正文则夹夹在<>和和<>之间间，即所有有的页面内内容所在。。页面上显显示的任何何东西都包包含在这两两个标签之之中。如何建立一一个简单的的范例：第一步：使使用文字处处理器（如如记事本或或写字板））新建一个个新的文本本文件，将将它命名为为（建议用用英文）注注意保存时时，保存类类型选择所所有文件，，扩展名为为第二步：输输入以下内内容<><><>个人（（）工作室室<><><>欢迎访访问个人（（）工作室室!<><>然后用浏览览器将它打打开，就会会看到一个个最简单的的页面（3）统一资源定定位器（））指的是文文件在网上上的地址，，比如，.第一部分是是表示的是是要访问的的文件的类类型。的意意思是超文文本传输协协议（））,是是用来传输输网页的协协议。第二部分是是“”这是是主机的名名字，其中中是主机名名，该主机机登记在域域名之下。。第三部分是是要访问的的面页的名名字，比如如“”，当当然也可以以是其他任任何一个存存在的页面面（4）段落落<p>为开开始一个段段落的标签签。<p>标签在每每个段落的的开头加入入，使每个个文本块之之前跳过一一行。关闭闭段落不需需要用<>，继续下下个标签时时段落会自自动关闭（5）标题题<h1>为为开始大标标题的标签签；<1>为关闭闭大标题的的标签；<h3>为为开始中标标题的标签签；<3>为关闭闭中标题的的标签；<h6>为为开始小标标题的标签签；<6>为关闭闭小标题的的标签。页面上的标标题应该比比其他文字字大、粗，，就像报纸纸文章的标标题，在印印刷时可以以自由设置置文章的标标题大小，，网页上的的标题字的的大小可以以在h1（（大）到h6（小））范围内选选择。如：<h1><1>（6）链接接<a“地地址”>为为创建一个个链接的标标签；<>为结束该该链接的标标签标准的链接接如下所示示：<a“””>清泉小小区<>注：包含在在引用的标标记中，且且在””和和结束符““>”中的的任何字符符之间没有有空格，结结尾<>（6）邮寄寄<a“:邮箱地址址”>为为建立邮寄寄的标签；；<>为结结束邮寄的的标签二、网页制制作的基本本要素1.页面制制作的基本本原则（1）明晰晰的浏览导导航（2）合理理的技术应应用（3）良好好的视觉感感受2.页面制制作的基本本要素（1）文字字字号的大小小可以用不不同的方式式来计算，，如磅和像像素（建议议采用磅））一般行距距的常规比比例为10：12，，即字号10点，则则行距12点。（2）图像像一方面：图图像的应用用使网页更更加美观、、有趣；另另一方面：：图像也是是传达信息息的重要手手段之一图像的格格式页常用的两两种图像格格式：A、、B、图像的形形式静态图像在在网页排版版中的运用用有4种形形式：方形形图、退底底图、出血血图、以及及这3种形形式的结合合使用。A、方开图图：即图像像以直线边边框来规范范和限制，，是一种最最常见、最最简洁、最最单纯的形形态B、退底图图：将图像像中的背景景去掉，只只留下主题题形象。C、出血图图：图像的的一边或几几个边充满满页面，有有向外扩张张和舒展之之意。色彩模式式三、网页制制作步骤操作步骤：：1.使用完完成页面设设计2.对网页页设计图片片进行切割割分析3.输出页页面4.用进行行修改和调调整1.创建站站点:单击站点\新建站点点2.新建一一个文件,并将其保保存在站点点目录.3.页面设设置属性栏或修修改\页面面属性四.编辑网网页具体制作网网页实例第二章设设计表表现第一节图图形创意一、认识图图形1.象征性性:用感性性、含畜、、隐喻的符符号给人以以暗示和启启示，使人人们产生联联想2.形象性性:以具体体清晰的图图样去表现现设计内容容3.指示性性:指示性性具有命令令、传达、、指示的功功能二、图形的的创意要求求1、内容：：要有明确确的主题思思想2、形式：：要有与众众不同的视视觉形象3、功能：：能充分、、有效、准准确、生动动地传播特特定的信息息三、对图形形的整体认认识1、具象形形和抽象形形（1）具象象形：可以以直观的分分辨出事物物（2）抽象象形：不代代表具体的的物象，但但人们可以以通过不同同的体验产产生感知2、正形与与负形（1）正形形：是看得得见摸得着着的物形，，占据着一一定的空间间（2）正形形以外的形形，不占据据一定的空空间在视觉传达达中，正形形为图，负负形为地。。正形为视视觉识别的的积极形，，负形为视视觉识别的的消极形。。如下图所所示3、平面形形与立体形形（1）平面面形：二维维物体是平平面形（2）立体体形：三维维物体是立立体形二维平面上上，可以产产生立体形形的感觉，，这是利用用人的错视视表现三维维物体的视视觉空间的的结果4、静止形形与运动形形（1）静止止形：有明明确轮廓、、固定不变变的定形是是静止形（2）运动动形：没有有确切轮廓廓、一直处处于变化中中的不定形形是运动形形，运动形形包含有时时间和速度度两个要素素。运动形形一旦定格格，便成静静止形二维平面的的形都是静静止形，但但是在二维维平面上有有2种方法法可以表现现出运动形形在运动中中的动感，，一种方法法是通过形形的倾斜和和倒置等方方法；另一一种方法是是通过形的的重复、渐渐变、虚影影等方法二、图形的的基本元素素1、点点点是最最基本的形形点它可以是是一个几何何形、也可可以是一个个自然形、、也可以是是文字，也也可以是一一张图片。。每个点在在平面上都都占据一定定的空间位位置，在限限定的平面面中，点占占据在不同同的位置，，会产生不不同的心理理感应2、线线线的主主要特征是是长度（除了长度度、宽度、、形状外还还有速度、、力度、方方向等因素素）线是决决定一切形形象的基本本要素线的两大系系统是：直直线和曲线线（1）直线线给人的心心理感觉是是：速度、、紧张、直直接、明快快、简洁垂直线：：庄重、崇崇高、肃穆穆、强直水平线：：平静、稳稳定、宽阔阔、安宁倾斜线：：运动、疾疾速、飞跃跃、不安定定（2）曲线线的心理感感觉是：柔柔软、舒展展、活泼、、优雅、温温暖圆弧线：：丰满、弹弹力、软韧韧自由弧线线：生动、、自由、健健康起伏线：：流畅、优优美、有节节奏3.面面的形象可可分为几何何形、有机机形和偶然然形几何形：：几何形是是由直线和和几何曲线线形成的面面特征：具有有理性的明明快、数理理的秩序、、机械的冷冷漠等心理理感觉有机形：：有机形是是自然界存存在的非几几何形，自自然、淳朴朴、温暖，，富有生命命力偶然形：：是在外力力作用下意意外偶发生生成的形态态，其具有有生动、自自然、神奇奇、有趣、、变幻莫测测、只可意意会的感觉觉4.注意事事项（1）绘制制各种形态态的点、线线、面时，，主要感受受其形态特特点，可以以随心所欲欲不受约束束（2）要大大胆尝试用用各种传统统的绘画工工具和材料料（3）留心心观察大自自然的偶然然形，体验验变幻莫测测的感受（4）构成成图形时注注意图形的的视觉冲击击力和情感感的表达三、图形创创意的表现现方法1.学习目目标（1）学会会使用图形形创意的表表现方法（2）能根根据设计主主题进行图图形创意2.操作步步骤（1）从搜搜集的各种种类型的图图形中，选选择若干图图形作为创创意表现的的主体图形形（2）以主主体图形为为基础，分分别做各种种表现方法法的练习，，构成具有有创意的新新图形（3）自选选各种不同同的设计主主题，根据据设计主题题选择或创创作主体图图形（4）对主主体图形进进行设计构构思，选择择恰当的表表现方法进进行图形创创意3.相关知知识图形创意的的表现形式式可以分为为形的复合合、形的同同构、形的的变异三大大类型（1）形的的复合：是是指一个或或多个形的的重复或组组合（2）形的的同构：是是为了表示示多种意义义的“形””与“形””之间的共共性（3）形的的变异：是是一个或多多个完整的的形的局部部或性质上上的变化4.图形创创意常用的的具体表现现手法有以以下几种：：（1）并置置——将两两个以上的的物形有机机地放置在在一起，构构成一个共共同的空间间关系（2）融合合——将两两个以上的的同一物形形或不同物物形合二为为一，造成成一体化的的视觉效果果叫做融合合（3）重叠叠——将物物形多次累累积，使一一个物形部部分遮盖住住另一物形形叫做重叠叠（4）透叠叠——物形形进行重合合后，把其其中重叠与与非重叠的的2个部分分分别用正正形和负形形表现叫做做透叠（5）重复复——将相相同或近似似的单体形形进行反复复排列叫做做重复（6）渐变变——一个个物形展现现出有规律律、有秩序序、有比例例、连续的的渐渐变化化叫做渐变变（7）同构构——将2个不同物物形与相关关内容巧妙妙地组合在在一起叫做做同构（8）置换换——保持持一个物形形的基本特特征，把其其中的一部部分用另一一物形替代代的表现手手法叫置换换（9）共生生——形与与形之间互互相共用同同一根轮廓廓线或同一一部分形而而获得各自自显现和相相互依存的的图形叫做做共生（10）矛矛盾——在在三维空间间中无法实实现的立体体物形而在在二维平面面中的展现现叫做矛盾盾（11）异异变——一一种物形通通过形的渐渐变生成另另一种物形形的表现手手法叫做异异变（12）重重构——把把物形分割割、打散后后重新组合合构成图形形叫做重构构（13）卡卡通——物物形经过夸夸张、变形形和拟人化化漫画手法法处理后得得到的图形形叫做卡通通图形第二节字字体设计计一、字体设设计的基本本要求1.学习目目标（1）理解解字体设计计的基本概概念（2）熟悉悉各类字体体的基本形形式（3）掌握握字体的造造型基础和和基本原则则2.操作步步骤（1）在电电脑中查看看各种字体体，熟悉并并掌握其各各种字体的的名称和形形态（2）观看看各种书法法字帖，熟熟悉我国各各种书法字字体及其风风格（3）收集集各种类型型的字体，，并分析归归类（4）在电电脑中挑选选若干笔画画多少不等等的汉字，，分别用宋宋体、黑体体、圆头体体、综艺体体打印出来来，对同一一汉字的不不同字体进进行比较（5）在电电脑中打印印出罗马体体和等线体体26个大大、小写拉拉丁字母，，对其进行行比较3.相关知知识（1）字体体有3种基基本形式A、手写形形式（自由由、随意、、流畅、奔奔放、情感感表达丰富富细腻，具具有鲜明的的艺术形象和强烈烈的视觉特特征）B、印刷字字体（标准准、规范、、平稳、工工整、科学学、理性，，视觉传达达快捷、清清晰，长时时间阅读不易疲劳劳）C、变体字字体（具有有构思奇巧巧、表现手手段创新、、形态风格格独特）（2）字体体的造型基基础A、笔画造造形B、外形大大小对字体大小小影响的因因素有：外轮廓大大的字会显显得大笔画多的的字会显得得大字形内部部空间多的的字会显得得大C、笔画粗粗细对笔画产生生粗细影响响的因素有有：短笔画比比长笔画显显粗横笔画比比竖笔画显显粗笔画多的的比笔画少少的显粗笔画相交交叉部分显显粗D、重心对重心产生生影响的因因素有：重心位置置笔形与重重心结构与重重心外形与重重心4.注意事事项（1）必须须熟练掌握握各种电脑脑字体的名名称及形态态（2）在字字体相互比比较时，不不仅要注意意字的笔画画，更要注注意字的空空白（3）笔画画要求达到到视觉上的的粗细一致致，而不是是物理的粗粗细一致（4）要特特别注意对对字的重心心感受和把把握二、字体的的基本结构构1.学习目目标（1）掌握握汉字的基基本结构和和书写方法法（2）掌握握拉丁字母母的基本结结构和书写写方法2.操作步步骤（1）自选选20-40个汉字字，各书写写为宋体、、黑体、圆圆头体、综综艺体，每每个字的大大小为50*50（2）书写写罗马体、、等线体两两种拉丁文文字大、小小写各26个字母及及数字0-9（3）用罗罗马体、等等线体各书书写英文单单词大、小小写多组3.相关知知识（1）汉字字的基本构构成A、上紧下下松B、横横细粗细C、参差差呼应D、协协调统一E、汉字排排列（2）拉丁丁字母的基基本结构A、引线基线顶线线底线肩线B、字形拉丁字母的的字形有4类特征圆形（如如：O、C、D、G、Q）方形（如如：H、N、E、Z、R、B）三角形（（如：A、、V）特殊形（（如：I、、J、W、、M）C、笔画D、间距三、字体的的变体设计计1.学习目目标（1）熟悉悉和感受各各种字体的的个性特征征（2）掌握握变体设计计的各种表表现方法（3）学会会有针对性性地、有创创意地进行行字体设计计2.操作步步骤（1）把收收集来的各各种类型的的字体按个个性特征分分析归类（2）在收收集来的各各种类型的的字体按各各种表现方方法分析归归类（3）选4个汉字字两组，采采用不同的的表现方法法来表现该该组文字（4）选英英文4-8个字母组组成单词两两组，采用用不同的表表现方法表表现该组文文字3.相关知知识（1）变化化的准则1）表现内内容（除了了文字中蕴蕴含的文学学性外，还还有表达和和接受对象象的信息））2）功能第第一（主要要表现在准准确、有效效、形象地地传递信息息）3）形式统统一（首先先立足于变变，其次把把握好笔画画、字形、、空间的协协调与统一一）（2）变化化设计的变变化要素1）外形变变化2）笔画变变化3）结构变变化4）材料技技法（3）变体体设计的方方法变体的方法法可以分为为：1）类推变变化字体宽度度不变，高高度拉长，，字形变长长；字体宽宽度不变，，高度压扁扁，字型变变扁笔画造开开型不变，，加粗减细细笔画运用透视视规律对字字形进行变变化a.水平面面的透视变变化b.垂直平平面的透视视变化c.倾斜面面的透视变变化d.球面弧弧形的透视视变化e.波浪形形的透视变变化2）装饰变变化如图所示：：如图所示示，在字体体的笔画上上或笔画内内添加图形形，或将图图形作为字字体的背景景装饰在不影响响文字内容容识别的基基础上，减减少、省略略字体中某某些笔画把两个以以上的笔画画或两个以以上文字的的某些笔画画连接相通通，产生多多笔画变化化为一笔画画的感觉如图所示：：把字体的的某些笔画画向外扩展展延伸，根根据笔画原原有的笔势势变化，以以求自然、、流畅、舒舒展的形式式美感把文字从从二维平面面形象变化化为具有三三维立体感感的视觉效效果。立体体变化通常常有以下几几个方面：：a.平行透透视产生的的立体感b.焦点透透视产生的的立体感c.成角透透视产生的的立体感d.笔画本本体产生的的立体感利用光线线投影效果果对字休进进行装饰变变化。阴影影变化通宵宵常有以下下几个方面面：a.投影：：字形为垂垂直面，根根据光源的的位置、角角度、产生生投到水平平面上的影影b.浮影：：字形与影影处在同一一平面上，，通过两者者之间距离离、方向的的间隔，产产生不同的的视觉效果果c.倒影：：与字形轴轴对称相接接的影，常常见的有水水平、镜面面倒影等效效果股理变化化：从笔画画的表面或或笔画的边边缘进行，，表现不同同的质感和和体感3）寓意变变化方法：表象：用用具体形象象替代文字字笔画形态态，产生直直接的象征征、比喻和和联想如图图所示表意：改改变字形、、笔画造型型、结构重重心，以非非具象形态态传达一种种心理感受受4）构成变变化重叠：包包括（同一一字体内的的相融、局局部重叠、、正负形的的重叠））重复：（（有序重复复、无序重重复、局部部重复）渐变：（大大小、粗细、、方向、距离离、肌理渐变变）放射：（直直线、弧线、、分散形放射射变化）裁切（从整整形上删切、、从个别笔画画上删切、不不同方向的多多次裁切、裁裁切后错位））特异（笔画画、形态、排排列方向、字字体肌理的特特异变化）四、字体的组组合设计1.学习目标标（1）学会字字体组合设计计的基本方法法（2）能够根根据设计内容容进行字体的的组合设计2.字体组合合设计有两部部分内容：一一是两个以上上文字的单一一词组的组合合设计，二是是两个以上词词组的多词组组的组合设计计（1）单一词词组的组合设设计——又称称为连字设计计，多应用于于品牌、产品品、企业、团团体以及各项项活动的名称称设计，是一一种具有强烈烈视觉识别功功能的专门字字体。设计的方法通通常为：先选择一种符符合设计要求求的基本字体体，在此基础础上强化笔画画、结构、字字形的特征，，使其具备更更加鲜明的性性格特征。然然后再对其中中个别文字或或笔画进行有有创意的变化化，借此产生生一个视觉中中心，最终成成为独具个性性的组合字体体（如下图））（2）多词组组的组合设计计——包含有有两种以上的的信息文字，，在设计时首首先须在词组组内容上分清清主次与先后后，多词组的的组合设计多多应用在品牌牌与产品、品品牌与企业、、汉字与拉丁丁字母的对照照等文字的组组合排列上，，是一种具有有规范化、专专门化、整体体化的组合字字组。第三节标志志设计一、标志设计计的基本要求求1.学习目标标（1）理解标标志设计的基基本概念（2）熟悉标标志设计的构构成要素（3）熟悉商商标标志的基基本特征与功功能（4）了解商商标标志各构构成要素的基基本应用（5）掌握商商标标志设计计的基本要求求（6）能够运运用标志设计计的基本要求求对标志作品品进行正确的的分析评判2.操作步骤骤（1）收集各各种类型标志志并分析归类类（2）对只有有图形的标志志，进一步查查明其名称（3）对各种种类型商品标标志进行比较较，感受其形形式的特征（4）从收集集归类后的标标志中各选3-10个较较优秀的商标标标志（5）与按照照标志设计的的基本要求对对选出的商标标标志逐个进进行分析对照照（6）再选出出若干不理想想的商标，逐逐个进行分析析对照3.相关知识识标志从实际使使用范围上可可以分为公共共标志和专用用标志两大类类（1）商标的的构成要素构成：商标的的名称、商标标的文字、商商标的图形、、商标的色彩彩4部分构成成（2）商标的的特征1）信息性2）认识性3）艺术性4）独特性（3）商标的的作用（4）商标设设计的基本要要求1）独创性2）准确性3）识别性4）适用性5）艺术性4.注意事项项（1）如果收收集到的标志志只有图形，，一定要知道道它的名称，，否则无法理理解标志设计计的真正内涵涵（2）现代标标志设计把标标志文字不仅仅作为名称的的注释，更是是把它作为标标志形象的一一个组成部分分（3）独创性性不仅表现在在图形造型上上，还包括标标志名称和色色彩。标志设设计有其独特特的艺术语言言，要认真体体会研究二、商标标志志图形的创意意1.学习目标标（1）认识标标志设计中意意与形的关系系（2）掌握标标志设计创意意的基本方法法2.操作步骤骤（1）从收集集的标志中分分别选出5-10个抽象象和具象的商商标（2）对选出出的标志进行行意与形的分分析比较（3）从收集集的标志中分分别挑选出较较好和不理想想的商标各5-10个，，各以此为主主题重新设计计创作，有意意识地进行各各种创意思维维的练习3.相关知识识（1）联想思思维（2）逆向思思维（3）发散思思维（4）错视思思维（5）比较思思维（6）借鉴思思维（7）跳跃思思维4.注意事项项（1）对商标标标志进行意意与形的分析析（2）仔细领领悟抽象图形形标志中意与与形的表现（3）要有意意识地运用各各种创意思维维方法对商标标标志进行再再创作练习三、商标标志志的形式表现现1.学习目标标（1）掌握标标志设计的基基本表现方法法（2）掌握标标志设计的形形式美法则（3）能够有有创意地进行行各类产品的的商标设计2.操作步骤骤（1））选择择一种种商品品并为为它设设计品品牌名名称（2））用设设计的的品牌牌名称称作抽抽象图图形设设计若若干标标志（3））再用用具象象图形形设计计若干干标志志（4））再用用文字字图形形设计计若干干标志志（5））再用用图形形、文文字的的组合合设计计若干干标志志（6））从以以上众众多标标志中中选择择一个个较为为满意意的进进行修修正、、提练练后制制作正正稿（7））按以以上操操作步步骤，，分别别对其其他类类商品品进行行标志志设计计3.相相关知知识（1））图形形的构构成1)点点与点点的构构成2）线线与线线的组组合构构成3）面面与面面的组组合构构成4）体体与体体的组组合构构成5）点点、线线、面面、体体的综综合表表现（2））视觉觉中心心（3））形式式美法法则1）对对比———标标志图图形设设计中中，运运用对对比能能使图图形互互为烘烘托、、映衬衬，增增强商商标表表现力力形状状对比比明暗暗对比比方向向对比比面积积对比比突变变对比比的其其他表表现2）调调和重复复适合合、对对称3）节节奏渐变变———渐变变的形形象在在表现现规律律性、、秩序序性的的同时时，产产生节节奏感感发射射———通过过多组组形象象做向向心的的组合合构成成，以以获得得视觉觉上的的炫目目感和和间隔隔交替替的效效果，，产生生节奏奏感反复复———有规规律地地反复复能产产生节节奏感感动感感———具有有动感感的图图形会会产生生一定定的连连续性性，造造成视视觉上上的节节奏表表现4）平平衡以对对称求求平衡衡以均均衡求求平等等以动动态求求平衡衡4.注注意事事项（1））设计计构思思必须须首先先从主主题内内容出出发，，而不不是从从表现现形式式出发发（2））不要要急于于翻阅阅参考考资料料，注注重原原创力力的挖挖掘和和培养养（3））不要要局限限在一一两个个范围围内构构思，，运用用多种种思维维方法法去突突破（4））草图图设计计要从从各种种表现现形式式的尝尝试中中去选选择最最适合合的（5））对比比较满满意的的草图图要与与同类类标志志进行行比较较，避避免相相似（6））必须须强化化标志志图形形的视视觉中中心，，以产产生强强烈的的视觉觉冲击击力四、标标志图图形的的设计计制作作1.学学习目目标学会标标志图图形色色彩稿稿和标标准尺尺寸稿稿的制制作2.操操作步步骤（1））按照照设计计任务务要求求，对对确定定选用用的设设计稿稿再次次进行行检查查、审审核（2））在确确定选选用设设计稿稿的基基础上上，规规范其其尺寸寸、比比例与与色彩彩（3））依据据标志志设计计实施施应用用时的的可操操作性性，选选择一一种适适用的的绘制制方法法制作作正稿稿（4））正稿稿制作作完成成后，，通过过放大大缩小小的方方法检检查不不同的的视觉觉效果果，进进行适适当调调整（5））依据据标志志设计计在应