《网页美工设计》教案-第三章 网页Logo设计第四节 网页Logo设计与制作

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE第二部分技能提升篇第三章网页Logo设计标题第四节网页Logo设计与制作第一讲网页logo设计与制作（上）课时2课时教学目标教学内容与过程本次课程以“心味岛”吃货食品有限公司标志设计为例，讲解网页中标志的创意设计。通过本次课的学习，将掌握网页标志的创意方法及表现技巧。完整的标志一般由标志和标准字体两个部分构成。一、“心味岛”标志设计。首先我们来讲解（第一部分）“心味岛”标志的创意设计。（一）前期准备在进行“心味岛”标志设计之前，我们首先可以通过实地走访、电话咨询、浏览网站等方式进行市场调研，掌握该公司的相关信息，以便于我们全面深入的了解该公司，为接下来的标志设计奠定基础。了解完相关信息后，我们开始进入创意过程。（二）创意构思1、头脑风暴。以设计对象“心味岛”吃货食品有限公司为中心，展开联想，并将联想到的与中心对象紧密相关的事物写在纸上，再由相关事物进一步引发联想，由中心向外逐层进行延展，形成完善地思维导图。这一过程可以在纸张上完成，用笔适时记录相关信息。2、创意构思。根据市场调研，我了解到心味岛吃货食品有限公司是一家以生产、销售小食品为主的企业。首先，从消费者的角度，其诉求是购买到令人满意的小食品。如：口味好，有食欲、绿色、新鲜；让吃货们吃了还想吃，吃的开心，快乐。其次，从消费群体的角度，通过调研我们发现，消费群体以年轻人居多，他们活泼开朗，甚至还有些俏皮。再次，作为休闲食品，其本身非正餐，所以我们的设计方案不要太过正式、严肃，相反可以活泼、自由一些。最后，每一种食品，我们都可以赋予其生命和情感，当被消费者认可时，其内心是开心和快乐的。基于以上的思维，我们将标志整体基调定为开心、快乐、俏皮、新鲜。3、选取重点词汇。基于对设计对象的理解，我们从思维导图中提取出几个重点词汇进行创意。例如：我分别从思维导图中选取坚果分支中“开心果”、“松子”，小朋友分支中的“俏皮”、“可爱”、“做鬼脸”以及吃货分支中的“舔嘴唇”，食品分支中的“新鲜”等几个关键词汇进行创意。（三）方案设计1、方案设计。收集提炼出的几个关键词汇的视觉图像。根据图像进行艺术创作，绘制出草图，并进行修改、完善。在方案中将几个形象进行糅合，成为一体。标志选取了吃货们购买较多、口感较好的坚果作为原型进行创作。开心果寓意开心、快乐，同时通过将开心果进行拟人化的表现，主动打开果壳，探出身体，表现其期待消费者品尝的心理。同时其睁一只眼，闭一只眼，做着鬼脸的样子，表现出其俏皮的一面，使人感觉很容易亲近，拉近了品牌与消费者之间的距离。让人感觉到品牌的温度，同时也体现出休闲食品轻松、快乐的特质。伸出的舌头表达出食品的美味、可口，让人吃过后意犹未尽、回味无穷。2、设计配置颜色。用彩色画笔根据设计构思填涂好相应的颜色，注意颜色要尽可能填涂均匀，完成标志效果图的绘制。作为食品行业标志，颜色搭配整体的原则是：新鲜、有食欲、体现产品特点。基于以上几点，我选择了草绿、橙色、淡黄色等自然界食材的颜色为主体色调，再辅以深红、玫瑰红、黑、白色进行协调搭配。使整个标志颜色生态、环保、有食欲。同时明度、纯度较高，使得标志比较醒目，易于消费者识别和品牌推广。高亮、艳丽地色彩比较鲜嫩，符合年轻人的心理，同时也赋予其心味岛“新味道”的品牌理念。二、“心味岛”标准字体设计。1、标准字体字形设计。标准字体的设计应与标志风格统一，一脉相承。基于此前我们对标志“开心”、“快乐”、“俏皮”、“新鲜”整体基调的确立。在标准字体设计时继续遵从这一基调。因此我们在标准字体设计时，字形以曲线为主，直线为辅，笔画虽粗细统一，但字形活泼，不拘谨；并在笔画中融入“心”形。从而塑造出开心、快乐、俏皮、休闲的品牌特点和用心生产、用爱服务的核心品牌理念。同时在文字后辅以同形状的背景衬托，使整个字体更具装饰性。2、标准字体色彩设计。标准字体作为标志的辅助和补充，其颜色既要与标志协调统一，又不能喧宾夺主，抢了标志的风头。同时，标准字体作为文字，其承担着品牌识别和认读的重要功能，为了使标准字体明确、醒目。我设计了两种颜色即绿色和白色，绿色与标志主体色调统一、呼应，白色在绿色背景上显得更加醒目。同时因白色不算色，在后期推广过程中可以节约印刷成本。教学反思《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第二部分技能提升篇第三章网页Logo设计标题第四节网页Logo设计与制作第二讲网页logo设计与制作（下）课时2课时教学目标教学内容与过程本次课程将掌握网页标志的制作方法及表现技巧。一、“心味岛”标志制作。第一步，新建文档。1..打开illustrator图形处理软件，新建文件，将上节课设计好的标志手绘效果图导入到当前文档中。选中效果图，在“对象”菜单中选择→“锁定”→“所选对象”将效果图锁定。第二步，绘制线稿。2.将填充色设置为“无”，描边色设置为“黑色”。选择工具箱钢笔工具，对照手绘效果图边缘绘制出标志线稿。注意，绘制的顺序为先下后上，即先绘制后面的对象，后绘制前面的对象。另外，在此过程中要适时调整，保证线稿的规范和曲线的平滑。第三步，创建画笔3.绘制矩形，将矩形设置填充为“黑色”，描边色为“无”。选择“对象”菜单中→“路径”→“添加锚点”，在矩形四条边中心处各添加一个锚点，选择钢笔工具组中删除锚点工具删除矩形中处于拐角的四个锚点，选择转换锚点工具，按shift键沿水平方向分别转换上下两个锚点，使原尖角锚点转换成平滑状态，调节合适的粗细，使其成条状，经过调整后的对象具有两边细、中间粗的线型特征。选择该对象，展开画笔面板，打开面板菜单，选择新建画笔命令，将其新建为艺术画笔→确定，此时，我们就将该对象创建成了画笔，并添加到了画面面板中。第四步，应用画笔4.分别选中标志线稿中的各条路径，选择刚刚创建的画笔，以替换之前的线型，使原有相同粗度的线条呈现出粗细变化。并根据画面效果适时调节描边粗细。第五步，设置颜色5.接下来，对调整过线型的标志设置合适的颜色。按shift键单击，分别选择松果果蒂和开心果果仁，将填充色设置为草绿色，参数为H:79、S：78、B：72→确定，再用相同的方法选择开心果果壳部分，填充黄色（参数为H:56、S：83、B：95），选择松果，填充橙色（参数为H:22、S：93、B：87），手指部分填充玫瑰红色（参数为H334、S：83、B：83）、舌头为深红色（参数为H355、S：84、B：72）眼睛为黑白颜色等，选中标志中全部对象，选择“对象”菜单→“编组”命令进行编组。至此标志部分制作完成。二、“心味岛”标准字体制作。第一步，绘制线稿1.导入标准字体手绘效果图，将填充色设置为“无”，描边色设置为“黑色”。选择工具箱中的钢笔工具，对照效果图沿文字中心绘制出文字线稿。第二步，轮廓化描边2.框选所有对象，按shift键单击“心”形，取消对“心”形的选择，保证选择除“心”形之外的所有文字笔画，将笔画描边调整到合适的粗度。选择对象菜单中“路径”→“轮廓化描边”，将路径转化成图形。第三步，偏移路径选择标准字体中所有路径，选择对象菜单中路径→偏移路径，勾选预览，设置合适的偏移量，单击“确定”。此时原有路径均被偏移复制了一份，注意在不取消选择的情况下，选择“窗口”菜单→“路径查找器”，在路径查找器面板中单击“联集”按钮，将所有偏移路径合并成一个完整的路径。第四步，设置颜色选中偏移路径，填