《字体创意设计》教案 项目六-解析不同领域中的字体设计6.docx

课题解析不同领域中的字体设计课时8课时（360min）敕学目标知识目标：(1)了解标志字体设计的要求.方法与注瑕事项.(2)了解包装字体设计的要求.方法与注意事项.(3)了解海报字体设计的要求.方法与注意事项.(4)了解网页字体设计的要求,方法与注急事项.技熊目标：(1)能/格字体设计应用于不同微1.(2)能缚自主分析优秀案例并从中获IR设计短验.素养目标：(1)培养仓蝴三4R与实给精神,能够积极探索和丝St新的设计3?念和设计方法.(2)培养概括分析能力，能够对所学知识进行IJ湖总结1综合运用.(3)培养团队防作能力，能够与他人合作完成夏杂的设计坛目.械学重堆点敢学透点：标志、底、海报.网页字体设计的要求、方法与注意事项用风t点：灵活使用各类字体的设计方法，将字体设计应用于不同领域救学方法问答法.讨论法、讲授去较学用日电脑、投胎仪.多媒体课件、教材教学过程主要教学内容及步骤课前任务【牧师】布置课的任务.和学生负费人取得联系,让其提醒同学通过APP或其他学习软件,完成课前任务为自己的家乡设计一幅宣传海报，课上汇报并说明其编排特点.【学生】完成课前任务考场【救师】使用APP由亍28到【学生】班干部报调假人员及原因向IS导入【冽5】利用多媒体展示“中国电信集团商标”“中国爆发会标志"上海美术电影制片厂标志”"某大学的话剧社标志”和“常见的交通标志”图片,并讲解标志的概念,然后IS出问题：应如何为标志设计合适的字体？【学生】防、聆听.思考.举手回答思考、举手回答传授新知【切惨】通过学生的回答引入要讲的知识，讲解标志字体的设计要求和设计方法，弁通过案例食折帮衅时。混认知.任务目了然为标志设计字体字体设计在标志设计中的应用(一)标志字体设计的要求÷【救师】利用多媒体展示"中国银行标志中的标准字体“和国家畿源集团标志中的标准字体”BB片.并扫碎放”标志设计中标准字体的常见类里”三R,然后进行讲解,帮助学生掌握标志字体的设计要求÷【学生】观舌、舲听.思弯.记忆模交设计目的，标志中的字体可以分为两类：一类是专门为标志本身而设计的字体，另一类是为企业成品IS而设计的标准字体.其中,标准字体是企业形朱i11别系统的基本要素之一，常见于企业或品牌的宣传资料.办公用品和官方网站.这种字体往往是为企业或品但t身定制的，能够表明企业成品愉9械身份，许多企业和品牌会出授将标准字体放入商标或企业标志之中.识别性：让观者瞰在短时间内认清字形、理解字义，进而冬会标志所蓬涵的意义；差异性：使睇能够区分出标志所代我的特定信息、品牌或团体；稳定性：能够长期被人们理解与认可，从而为服务对象打造出稳定.统一的形象,保证服务对象的影响力.（二）标志字体的设计方法*【救师】利用多媒体眼示"某快递公司的商标字体"文字BB形化在标志设计中的由用"和"M幼1的标志字体“BB片,并迸行讲解,帮助学生学际标志字体的设计方法÷【学生】观看.聒听.思考.记忆首先，要深入了解标志的服务对象.标志的服务对象可频产屁、个人、企业或者H他社会姐织.这眼艮若对象各自属于不同的行业或领域，有着不同的定位及受众群体.了解这些相关信息，是进行标而字体设计的无要前提.其次，要确定标志字体设计的关地词.标志设计的关健词一般来源于产品或组织机构的名势或宣传推广的口垮.选取关眼词时要遵循端单明了.便于记忆的原则，要突出服务对触特点及价（S再次,要选择与关键词相契合的字体风格.例如,为运输业的相关品熄设计商标时，可以采用简的大气的字体，以强锹品熄侬用性与可舞性；为与儿童相关的组织机构设计标志时，则可以采用可爱卡通的字体,以表现J1.节的天真与韵1.Ws,我们还可以使用字体设计的创新方法来增强标志的主异性.钝如，许多标志都使用了文担形化这一创意方法，将文字转化为更具现觉;中击力的图形，以加深人们对标志的印象与记忆.二、优秀作品富折案例一：宁波J1.友好城市标志÷【教师】利用多媒体展示“宁波的儿好城市标志"和“宁波寿化儿友好#8区标志”图片，并介绍标志的设计理念和设计主贿.然后提出问遮：该案例标志中的文字运用了哪些设计方法？÷【学生】双焉、聒听.思考.回答问踊÷【所】怠结学生的回答宁波儿Ift友好城市后否的主JS是创造”与“拥抱”.设计师以J1.A玩具为灵感,将宁波的拼音首字母W和”设计成两张紧密相连的雪花插片.同理,将宁波各城区的拼音首字母拼接起来，形成一系列城区标志,作为一种序见的玩具,插片可以锻炼儿童手.瞰眼的配合能力，还能促进1.tt智力的发展,崎儿IiI的创新意识.设计师挎城市标志与插片玩具相结合,表明了宁波对儿您想象力与创造力的B视.除此之外，设计师汪采用了？0人化的手法，使*N"与'B'两个字母看上去像两个身紧拥抱的人，从而体现出宁波是一座有温度且包容性强的£市，传递出宁波亲近儿兄关爱儿多的建设理念.案例二：天津儿Ia友好城市标志÷（敕师】利用多媒体展示天津的儿友好城市标志”图片，并介J8标志的设计理念和设计主跪,然后提出问贿：该案例标志中的文字运用了嘶些设计方法？÷【学住】观看、聆听、思考.回答问贿、记忆【救聊】购结学生的回答天泡IA友好城市标志的主随微笑"与"呵妒，如图6-15所示.该标志以天注的拼音首字母T和pj为主体，其中.字母*f被登造成张开双体的孩童,字母T贝做里造成接任孩16的成人.体现了儿童与成人之间的索密赛系.表达了儿血在成人的阿沪下世康成长的美好祝愿,同时，字田f和-j-相连.拼出一个微笑的表情,营造出融洽、友好的氛国.除此之外，该标志还用红色来领征天津人民的欢快与热情.用蓝色家征海河的底藐与曲怀,用黄色领征阳光的温暖与明亮，为天津树立了积极向上的眩市形电案例三：湖州JIA友好城市标志÷三）利用多媒体展示湖州的儿童友好犍市标志"BB片，并介络标志的设计理念和设计主题,然后提出问题:该案例标志中的文字运用了哪些设计方法？÷【学生】防.聆听、思考.回答问题、记忆【教新】就结学生的回答湖州儿遁友好低市标志的主题是,美丽家园.该标志以湖州的湖*字作为主体.“湖”字左例的"三点水”既代表着太湖水，又我达了St心向党、绿水.青山三个不同的含义；中间的"古*字代我湖州悠久的历史，同时又可以看作Te金钥他,暗示了儿疏是湖州未来发耐关键，右侧的-H'字则般征着湖州的地标建筑.月能四店”.设计他还敏予这些元素丰富的表情，格成了热闱欢快的儿童故燥,令人修受到蓬勃的朝气,不仅如此，该标志还体现了湖州环境优美,风F宜人的特点,强滤了湖州建切IA友好财的独特优势.索例四：福州儿童友好城市标志*M利用多媒体展示“福州的儿友好城市标志"角片，并介绍标志的设计理念和设计主»,然后提出问KS:该案例标志中的文字运用了哪些设计方法？÷【学生】观看、聆听、图考、回答问题、记亿÷【敢卿】总结学生的回答雨H儿甑友好城市标志的主题是文化育人，该标志以福州的福*字作为主体，将文字的笔画占换成了福船.马跋微昙石山.印审.格楸福暗元素,更加孰地质示了福州深厚的历史人文底显,体现了福州以文化滋养儿误的注设理念.【学生】聆听.思考.理解.记录课堂实践【鞅师】利用多媒体展示“校Ia超市标志设计示例”圄片,并讲述Sa）背景，然后组织学生以小组为单位,开展"为校Ia超市设计标志”活动活动要求：近期,学校的生活超市将要更换标志,特此向全体在校帅生征集富有创at的设计作品.让我们出奇思妙也,为校颉S市设计一个富有特色和魅力的标制巴活动31程：1 -展开送西请同学校园超市展开调自,充分了解超市的特色.定位以及同学们心目中的理想超市形象，2分析案例认典观察生活中见到的超市，井分析这些超市标志的特点.3 .梅©设计根3三超市的名势和谢睢果进行深度思考,再结合所学的字体设计方法,初步确定设计方案.4 .方案实施根据设计方轨制草图,并在草图上反应修改以取得更好的视觉效果.5 .展示作品设计完成后制作PPT,在班级中展示作显徜述创作过程，由教师和其他同学提出问题和建议，开对作品打分.【划姗蝴.WSiSi+.给期踱、SS酶、班PPT,则理性tS5器品,H三f三B【救师】与学生一起评价各组的作品，并选出设计得最好的作品向席导入【救师】利用多煤体展示“彷美的产品包装“8B片，并介绍为商品进行Je美包装的作用,然后攫出何Ifi:你见过嘶些令人印象深幻的包装呢?这些包装中的字体有什么特点?【学生】现备、聆听、思考.举手回答传授新知【放师】通过学生的回答引入要讲的知识,讲版包装字体的设计要求和设计方法,并通过案例赏析帮助学生加深认知任务二一见钟情一为包装设计字体字体设计在包装设计中的应用（一）包笠字体设计的要求*【救师】利用多媒体反示"品牌名珞与产品名际较为显眼的包装“易读易记的广告语设计“和“说的型文字的字体设计"aa片，并扫码播放“如何在包麓设计中玩转字体"盘课,然后迸行讲K.帮助学生掌提包装字体设计的要求）【学生】现事、聆听.思考、记忆广告型文字：标品牌名称与产品名苏要安排在包笠的主视觉区域，以增加品牌的双光度,提升消费者对品牌的球度和信任SS,常助消语者识别井透释产品.要设计得SJ目、i三Rfi.独特，以便在JS时间内给消费者留下深刻印象,要耳街一定的创新性和艺术性,从而吸引消费者的注意.说明型文字：说明型文字主要包话产品成分、规格含B.使用方法.保质时限、生产日期、生产厂眼口联系方式等采用标准印刷字体与筱单的钠方法，减少变化与装饰.说明型文字谕板安排在包装的次要视觉区域.（二）包装字体的设计方法*【政师】利用务媒体IS示”包装的视觉空间规划-Ia约大气的包装字体”“可爱卡通的包装字体”工有渊R住与艺术性的广告型文字”和说IB型文字的表格、步会图设计”图片,并遂行饼解.帮助学生拿18包装字体的设计方法÷【学生】观而.聆听、思考.记忆要合理规划包雌版面.根据包装的造型和尺寸，合理安排广告啦字、说明空文字以及图片在版面中的位置和占比,要吩调好文字f三息与说明型文字以及图片之间的关系,使版面更具整体性.要选择与品感形象、产品属性相契合的字体风格,以更好地传达品您的价值理念.为了打造优质、高送的品口形象,可以在包袋上使用领大气的字体，从而库肖赛者留下可依的印象.型RS广告型文字与说明型文字的特点,分别选择合适的字体设计方法.使用南有创Bt的设计方法，结合鲜悒的色彩'丰富的纹理以及特殊的包装工艺,打造出具有辨识性与艺术性的字体,从而增强糜的吸引力与竞*力.设时说明型文字时,要保证文字信息的完整性.易读性,合理把控文字的大小及间距,还可以将文字惘排成表格或步蝌，使包装信息更加简单易编.二.优天作品富析案例一：岭山盅杏的包装÷【敕师】利用多媒体展示崂山蜜杏的包装“见踩灵报的字体设计"和"崂IiJ童杏的字体设计”图片，并介绍靖山IK杳包装的设计理念，然后提出向题：崂山蜜杏"包装的文字运用了哪些设计方法？÷【学生】限看.龄听、思考.回答问题*【;师】Je结学生的回答山东蜘J被誉为海上第一名nr.端山腹地有糖肥沃的土填与版的水源，为岭山蜜杏的生长提供了理想条件.熟透的端山密杏金黄中透事一袜礴红.令人垂沮三尺.下面这款包装参照了崂山送杏的外观,以黄色为主色调,以红色的字体为点版,再结合绿色褥叶和蓝色灵推的S3案，整体发上去鲜艳又明亮.包装上印有“嵋灵Jijr的品牌名称以及“端山里杏”的产区名称.“见踪灵报”四字来源于崂山掰摞.这是由于就履的崂山璘漱总船在山林中找到柑美的蜜杏，暗示了该册牌也是筛选优质果实的专家”见踪灵报.四字使用了可爱卡通的字体，结合化曲为直.文字图形化等创意方法，充分表现场子的机灵与活泼."假IJ蜜杏"四字则使用了急约大气的字体.设计怖文字的无心升高,将笔画却向中宫收案,打造出优雅、时尚的视觉效果.案例二：小站箱的笆装÷【较师】利用多媒体展示“小站格的包装"”小站相的外层纸盒包装"和”小站格的内层铝Sfi包装“HB片，并介绍小站稻包装的设计理念,然后攫出向理：“小站稻”包装的文字运用了哪些设计方法？【学生】观看、聆听、思考、回答问Iff1.*【师】总结学生的回答小站稻产自天津市津南区小站铺,以愦地细型、口低柔软、香味浓郁著称,是中国北方著名的优质水利品种之一.2019年，小站稻入选中IS农业品牌目录，有力推迸了天津市的品悝丸农工作.为了，进一步提高小站稻的知名度与美誉度，有设计师为小站稻设计了一款时尚.典雎的产品包.该包装由外层的纸盒与内层的血空但密组成.外层板盒卷考了米仓即卜形，中间的卡奴接封既起到了传达文字信息的作用，又让包装更加美观.便携，内层的真空tas#让稻米的存放更加安全，艮笈面采用的石根工艺也让包装看上去更有现代骐与高级尊，该包装的字体设计伺杆独兄匠心.设计师使用了文字交段和文字图形化的创意方法，格,米”字化为米字格，再将“大""黑"二字放在米字格之上，联巧妙地点出了产品名舜,又充分体现了汉字书写的魅力，给人留下了深刻印象.不仅如牝,米字格的雌还被设计成米粒的形状,用合银色的油受，令人联想到稻米品莹别透的外观.品牌名称则以简约大气的字体为基础,结合连体共用的创意方法，呈现出简洁又灵动的视觉效果.虞例三:新会炼皮*Kf利用多媒体展示“新会陈皮的包Sr图片，并介郎新会陈皮包装的设计理念，然后擢出问遨："新会陈皮"包装的文字运用了哪些设计方法？*【学生】观看.聆听、朗考、回答问18(W1总结学生的回答新会际皮产自广东省江门市新会区,其原料为当地特有的大红柑.新会大红柑的果肉滋味TS,果皮却甘甜的否，因此有瞽祥华在皮皮资肉贱”的民间伯含.宋朝年间，新会人便开始种柑取皮，制成了享誉海内外的新会好皮.新会陈皮R有很高的药用价值，又是上好的否料?0网味品.2006年10月25日，新会际皮被列为中国地理标志产品；2019年11月15日，入选中国农业品牌目融为了让更妥的年轻人了解新会海皮这一历史悠久的农产屁,设计师以舸坂画为灵感,结合深绿.暗红.暗金等沉低调的色彩以及精致的边框、花纹,设计出了一款新画期包装.该包装的布同十分嫄严遵,无论是文字.图片还是其他设计要器,都保持着对称与平衡,具有一种古典美感.除此之外，包装上的文字汪采用了JS有年代ft曲行档.梢体,让人SS受到浓浓的哀古气息.【学生】聆听、思考.WR.记录课堂实践【致师】利用多媒体展示“四雷的包装设计示例”图片，并讲述活动3景.然后组织学生以小组为单位，开展“设计鸡雷包Sr;甜0活动要求：运用所学知识,为李奶奶的慈蛋设计出美观又实用的包3S吧.活动流程:1 .分组讨论34人自由成田，讨论并确定包装的造笠尺寸与材质.2 .搜集案例搜集不同的玛蚤包装,分析这些包装的特点与设计方法.3 .构思设计深入思考如何通过包装体现玛蛋的卖点、提升鸿蛋的销量,并结合所学的字体设计方法，初步腌定设计方案.4 .方案实施根据设计方案绘制草图.并在型图上反爱修改以IK得更好的视觉效果.5 .展示作品设计完成后制作PPT,在班级中展示作品.简述创作过程,由拥J丽其他同学提出同题和理设,并对作品打分.【学生】分组讨论,图喻&构思设计、绘娜醒SWSJ1.SHtPPT,由d理代表上台展示作品,并迸彳礴【取岬】与学生一起评价各钮的作品，并选出设计得最好的作品问理导入【敢帅】利用多媒体展示“各式各样的海报"图片，然后握出向赠：不同类别的宣号海报中字体设计分别有何特点？【学生】观看、聆听、思考、举手回答传授新知【或照】通过学生的回答引入要讲的知识，浴耨海报字体设计的要求.设计方法，并通过案例赏析帮助学生加深认知.任务三SIA为海报设计字体-字体设计在海报设计中的应用(一)海报字体设计的要求÷Wffi利用多媒体展示标题型文字的字体设计"和"说明型文字的字体设计”图片,然后进行讲解,帮助学生拿握海报字体设计的要求÷【学生】观看、聆听、思考、记忆标题型文字主要指海报的标题或标逗.这类文字通常Ie安排在海报的显眼位置，是观者的百要阕读对俵.E1.it,标题生文字是海报字体设计的关键部分.标题型文字在字形和编排上要强谓个性和罡异，做到解目、突出.在设计时，应注意字体与海报的主遨是否娓合，让字体在吸引观右注意的同时发挥传达设计理念的作用.说明型文字是指用来介绍或解糅海系主题的文字.根据海报主地的不同,说明型文字的内容也会有所小1司.活动海报的说明型文字主要包活活动的时间、地点与报名途径等，产品海报的说明型文字主要包括产品的功能.价格与附买方式等.说明型文字通常包含莉更多的信息，承担莉更说要的信息传递职责.因此，这类文字的字体设计百先要保证文字的可（1性与易法性,争取为观召带来愉悦舒适的闻谢极.（二）海报字体的设计方法÷【依师】利用多媒体S1.示“产品海报活动海报"公益海报""文化海报”图片，塞后进行讲解,帮助学生掌毁不同类型海报的字体设计方法【学生】观看、聆听、思考、记亿区分海报的类型，从而明琬海报的主跳、功烧以及受众群体.海报可以分为以下几种类型：产品海限活动海报、公益海报与文化海报.在设计时,我们要充分考虑海报的类型，这样才能设计出与之相动:的字体.，产品海报目的是引起消费否对产品的关注，的助人们了解产品的特点或优势,从而促进产屁礴供.,;硝海报的目的是宣传电影.演出、展费帮勒并吸引人们参与其中.X公益海报的目的是提但某脖有益于公众的理念,引导人们关注社会问:5并呼吁人们通过实线来落实公耳理念图；”文化海报的目的是通过富有魅力的视觉传达形式，推广某种文化理念，进而膨响人们的认知与行为.）【敕师】利用多媒体展示“采用户外媒介的海报”IB片,然后迸行讲解,帮助学生掌握传播媒介的选择方法+【学生】观看、聆听.思考、记忆要选择合适的隹播媒介.常见的传播媒介包括IKS媒介.数字媒介与户外媒介等.,纸质媒介包括隹单.卡片和海报等，其优总是成本较低易于分发与回收;>数字媒介主要包话邮件.月页和视频等，其优点是交互性强、更新速度快和传牖的面广；,户外媒介主要包括建筑外墙.公共交通工具和大里充气模型等,其优点是持续时间久.视觉;中击力强和表现形式丰富.要合理规划海报的版面，综合考虑文字.图片和色彩的布置.既要突出海报主体,又要保证板魂各部分之何的例调.借助文字面积化的方法，提升文字的整体效果.）【赦师】利用多媒体展示“传燎文化海报的字体设计和“新潮文化海报的字体设计BB片.并扫码播放面包店的海报字体设计“微课,然后结合面包店的海报字体设计案例进行讲解,借助学生掌我选择与海报主题相契合的字体风格的方法*【学生】观看、聆听、思考、记亿要选择与海报主题相契合的字体风格与设计方法.在埴强字体的视觉表现力时，要保证文字的清断易读,使其在距座较远或槌设弱的情况下,仍然碎J1.M专播信总的作用.以传统文化为主IS的海报适合采用苍劲古丰曲手写体，以增力DKfi面的古典美与历史感以所潮文化为主Ia的海报适合采用怪逗新奇的装饰字体，以强网张场独特的个性二优秀作品常析案例一：小象超市的节气海报*【放师】利用多媒体IR示小象限市的节气海报”B1.片.并介绍小欧超市的节气海报的设计理念,然后提出问蹈:小象超市的节气海报”的文字运用了哪些设计方法？÷【学生】现看、聆听、思考.记忆，J既超市的知食节气.系列海报将每个节气与应季食材联系起来，开运用绍距碾影与大小对比的技巧，构糅起了一个个趣味十足的趣世界.例如,将谷雨与茶叶对应，般造出雨雪康绕的茶山,令人敢想到春雨的那她与春茶的新鲜；将大号与西瓜对应,早造出绵延不绝的山脉,令人联想到旅途的炎热与西瓜的清甜；将处君与龙腹对应,般造出波光粼翔的石涧，令人联想到夏末的凉意与龙8艮的潞河,将大菖与臼梦卜对应，里造出热气肪膊的温泉，令人联想到隆冬的求冷与火锅的温暖.该系列海报体现了中国传统饮食文化中“15时而食'的智Mi.也为品,牌传递了注克身体健康.讲究生活品质等侨伯理念.在字体设讨方面，该系列海报主要采用了简洁的楷书和行楷,凸显了作为版面主体的图片，让观者能缪迅速了解海报的创意沟怛.文字还采用了富有古典韵味的!向编排形式，与二十四节1的传统文化主题十分契合.不仅如此,海报中的日期也被巧妙地设计成了妗印.起到了平香版JS相图、丰富版面色彩的作用.案例二：长安汽车的节气海报÷【牧师】利用多媒体展示“长安汽车的节气海报”BB片.并介绍长安汽车的节气海报的设计理念,然后提出问题:.长安汽车的节气海报”的文字运用了哪些设计方法？*【学生】观看.聆听.思考.记忆长安汽车的2022年度二十四节气系列海报用车标将版面一分为:海报的上半部分由不同季节的风石插画构成，下半部分则由文字信息与色彩背景构成，两部分形成了鲜明的对比，给财带来了茨援的视觉;中击.该系列海报通过风景插画传递了以下理念：长安汽车能绑官伴消赛者欣货沿途的景色、领BS更广闻的世界,好自提者的亲密伙伴.2022年适逢中国长安集团成立160周年，为了表示庆祝,设计师将数字T"6,"O"图形化，并巧妙地融入了描西之中.以数字-6'为例，“6-在小港海报中化作了憨态可翔的稻SE人.在立秋海报中化作了芦苇把8日倒影，在大N海报中化作了海乌和热气球，在冬至海报中贝妣作了坡白雪8S35的绿火.巧妙的设计不仅点出了160周年庆的主跳,还提升了湖报的理味性.海报中的文字整体风格简约大气,与汽车品牌追求科技感与时尚恁的定位蛟为契合.在色彩上,海报的文字还采用了中传统色彩.例如，四张海报中的标S1.和标语分别采用了官绿.如T青楸?O紫矿四种传娩色彩.怠之.该系列海报的字体设讨既符合现代人的审美,又遗若浪漫的古典气息.案例三：徐工机械的节气海报÷利用多媒体展示徐工机械的节气海报”8!片,并介的徐工机械的节气海报的设计逢念,然后提出向蹈：徐工机械的节气海报”的文字运用了哪些设计方法？÷【学生】观看、聆听、思考、记亿徐州工程机械集团的2023年度二十四节气系列海报以张场奔放的文字为主体，以色彩斑调的图片为背崇,呈现出气？恢宏的整体效果,让观者!3受到工程机械行业对力的追求.海报的背景是自然界中的不网材料或环境，如大理石、海浪.田野.树叶等.它们所日密的丰富磔与斑期色彩只有一种大气磅碉的美感,让观者联招到人们对大自幽开拓与征服.该系列湖9标返文字采用了苍劲古朴的字体，配合里.白.灰等无彩色，给人带来严肃.可靠的感受.标题文字在版面中占据的面积很大,进一步增强了海报的气势.酚卜，设计帅还将挖足矶、推土机.吊车等工程车的图形融合到文字的筹画中，既丰富了海报的内容，又凸显了旦牌的特色.【学生】聆听.思考.理解.记录课堂实践【放师】利用多JS体展示“植树节主题公益海报”BB片.并讲述活动潮i.然后组织学生以小组为单位，以“植树节”为主题开展公益海报设计活动活动要求：每年的3月12日是我国的植的节.宣传植树节可以让人们意识琳保的更要性并参与到护林、造林的公益行动中.让我们以植树节为期,设计一张富有修染力的公色海报吧.山被：1 .搜集烫料通过直阅书籍或网络资料了解植树节的由来.崇义和相关活动.2 .分析案例搜集以耐节为主SI的海报,分析这些海报的特点与设计方法.3礴窗十叔据搜集的资料进行深入思考，并结合所学的字体设计的相关知识，初步确定设计方案，根露设计方案绘制草图，并在草图上反复修改以取得更好的视觉效果.5 .展示作品设计完成后将海报印制出来.在班级中展示作品.雌创作过程，由赦如SK他同学提出向Si和建议,并对作Rn分.学生微懈4、分析案孔构S设计、绘制地Sfi蹴打印湖8.制四代友t台展制报,H三【救师】与学生一起评价各组的作品，并选出设计得最好的作品何Ia导入【放师】利用多双体展示”包含了大僖息的网页”图片,并讲解冏页的概念以及网页作为传播媒介的特点,然后提出向超：通过上述案例，清简要说出各类网页内的字体有何特点？【学生】观看、聆听.»*.举手回答传授新知【放师】通过学生的回答引入要讲的知识.讲解网页字体设计的要求和设计方法,并通过案例的帮助学生加深认知.任务四窗心悦目一为网页设计字体一.字体设计在网页设计中的IS用（一）网页字体设计的要求*【牧师】利用多媒体展示网页的头部区域BH片,并扫码播放“网站横幅的字体设计技巧”?8课,然后由刑解,帮助学生了解网站横幅的字体设计技巧,以及网页的头部区域字体的设计要求÷【学生】观看、聆听、思考、记忆网页的头部区域主要包含了网站标志.导航菜单W横晞等要豪.网站标志的作用是显示网站的名称，体现网站的定位.许多商业网站会直接将商标或企业标志作为网站标志.导航菜单的作用是向用户介绍网站的结构与功能，帮助用户快速进入想要访问的界面.因此,导航菜单的字体要清做易读,方便用户查找信息.网页的横幅通常由广告和店铺招牌应成,其作用是向用户宣传网站特色、最新动态、最新产品等重要信息.为了弓庭用户时主JS,横幅中的字体应设计得清断、醒目、富有个性说明空文字是指用来介绍或解释海报主Sa的文字.根据海报切的不同，说明型文字的内容也会有所不同.活动海报的说明型文字主要包括活动的时同'地点与报名途径等，产品海报的说明型文字主要包括产品的功能、价格与蚣买方式等.÷【刖币】利用多媒体展示网页的主视觉区域“图片，然后进行讲第,帮助学生了翦网页的主视觉区域字体的设计要求÷【学生】俎看.静听、思考.记忆网页的主视觉区域是网页内容的主要展示区,通附位于版面的中间位置.该区域汇集了大量的文字.图片和只他信息.因此.如何更好蜘与呈现这些信息，是主视觉区域设计的池中之通在编乂时.要注歪该区域的整体视觉效果,凸显网站的特色；还要蕤顾美观与实用，保证信息消断.易读，从而错助用户轻松地找到所需信息，给用户带来良好的修馍体验.说明鳖文字通常包含更多的信息，承担着更重要的信息传递职友.因此，这类文字的字体设计百先要保证文字的识别性与易读性，争IK为观者带来愉悦野适的阅读体姓.*【敏师】利用多媒体展示网页的底部区域BB片,然后迸行讲解.帮助学生了解网页的底部区域字体的设计要求÷【学生】JSX,聆听、思考、记忆网页的底部区域主要提供了参孑资料.联系方式版权信息.合和政策等附加信息，起到补充说明的作用该区域还可以提供一些铺助功能，如在线客服、问题反馈等.网页的庭部区域通用不是用户的苜要浏览对彖,但依然是网页不可缺少的构成部分.在设计时,要弱化底部区域的文字，以突出主视觉区域的信息，明琬坂面的层次,同时也要保证文字的识别住，为用户的访问提供便利.（二）网页字体的设计方法÷m$利用多媒体展示“资讯门户类网站的网页（局部）”“企业品牌类网站的网页（局部）”“社交互动类网站的网页（局部）“和"在线工只类网站的网页（局部）-BB片，然后进行讲解，帮助学生了解不同类型刚A的特点*【学生】观看、聆听、思考,记忆首先要区分网§必趣,从而明痛网页的目的.功能和受众群体.常见的网站类堂有资讯门户类、企业品牌奖、社交互动奖和在境工具类等.“资讯门户类网站以次集并呈财同来源的资讯为目的，具有信息量大、索道众多的特点；A企业品牌类网站以雇示企业实力、维护品规形象和宣传产品特色为目的,具有定位明确、个性强烈的特点；社交互动类网站以帮助用户建立联系和分勺内容为目的,具有内容丰富、即时性强的特点.；，在线工具类网站以提供特定工具、协助用户完成某项事务为目的，具有功能明逾、实用性强的特点.在设计时，我们要充分考比网站的类型，这样才能设计出与之相称的字体.+【*8师】利用多媒体展示“字里网页“C字里网页“"满版型网页“和“漫布型网页图片，然后进行讲解，用助学生了解不同网页框架结构的特点*【学生】观看，舲听.思考.记忆要确定好网页的框架结构.常见的网页框架结构有口字空.C字型、满版型与潭布型.，口字型网页的四周分布着不同的功能栏,这些功能栏将主视觉区域包爆在版面中央.，C字型网页与口字型网页相比缺少右测的功能栏,因此主视觉区域更大，能够容纳更多瞬文信息.在视觉上也史舒展、开话.武Bi型网页招一张整SI作为背聚.弱化了各区域N司的分界，强调雌感与整体性.，i»布型网页将信息按照版面的中9由融上到下进行对称布局，如同淳布IM总而下.m有流畅.优美的特点.要选择合适磷i排方法.在步排过程中，要协话好网页中文字.图片与视频的关系，注意色彩搭正的平衡.我们可以通过不同的编播方向与对齐方式,保证文字层次分明、清晰易懂；还可以通过对比、强溺等手法，突出某些文字信息、增强坂面的整体视觉效果.要根据网页不同区域的特点，选择合适的字体风格与设计方法.通常而古，头部区域与主视觉区域中的标题文字要采用字号较大、风格独特的字体.以吸引观者的注意.而主视觉区域的正文以及底部区域的补充文字则通常采用浏览据默认显示的字体,以保证双!者在使用不同的设备或操作系统时都能获得良好的浏览体验.我们还可以通过不同的网页开发技术,为字体渗力呦态效果.二、优秀作品旗折案例一：中国地质博物馆的网站主页【赦师】利用多媒体修示"中国地质博物谊的网站主页（局部）“和“中国地质博物馆网的底部区域设计”图片，并介维中国地IS博物馆网站主页的设计现含,然后提出问疑："中国地质博物馆的网站主页”的文字运用了绑些设计方法,÷【学生】观看、聆听.图考、记忆网页的头部区域由网站标志.导航菜单与横幅构成.导肮菜单的背景为深灰色，与横IS中的深色图片融为一体；同时，导肮菜单的文字被设置为白色，能够增强与背景的对比，提升用户的浏览体蛉.网页的主视觉区域由不同的栏目组成.部分栏目的底色被填充为组绿.S,正好与中国地质博.物馆标志的筋色相呼应.这样既有效区分了文字信息,又使网页形成了和谐统Tg风格.网页的底部区域同样采用了较深的背景颔色和较浅的字碑濒色,以削弱该区域文字在坂面中的视觉分量.但设计师又用细俄的字号差别与明度差别来划分文字的层次，从而保证文字的易读性.京例二：中国铁道博物馆的网站主页【赦师】利用多媒体展示"中国铁道博物馆的网站主页（局部）"“更加BS目的网站标志"“清淅西观的导航菜单"和”不同展馆的访问健接”图片,并介相中国铁道博物IS的网站主页的设计理念,然后擢出间均：“中国铁道博物馆的网站主页”的文字运用了哪些设计方法？÷【学住】观看、龄听、思考，记忆中国铁道1鞫3馆的网站主页采用了满版空的框架结构，将网页的信息集中在有限的板面中，呈现出饱满而案凑的视觉效果.正阳门馆的图片既是版面的背景,又处于网页的主视觉区域,是用户浏览网页时的首要关注对象.该网页打破惯例，将与航菜单从网页的顶部移至左侧，井扩大了导航菜单的面积，同时也使网站的标志更加醒目.导航菜单上的文字采用了字号姣大的黑体,方便用户百找所需选项，如S36-68所示.网页的右期是不同展馆的尚可揖抵该部分文字采用了Jfi向辨H底）形式,以缩减所占的面积,突出网页的主视觉区域.当鼠标指针忌停在访问簿接上时,弹出不同展熔隹臃览图片，这择就丰富了网页的信息,又保证了IS面的干净.隙洁.网页的底部区域被设计成半透明的色块，减少了对主体图片的遮挡，同样起到了强游主视觉区域的作用.案例三：陕西历史博谢6的网站主页）【救师】利用多媒体显示陕西历史博物馆的网站主页（局部）”"多层元素厘气的效果”“专题展跑的访问链接设计”和“常设IR真的访问链接设计“BB片，并介绍陕西坊史博物馆的网站主页的设计理念，然后擢出碘：.陕西历史博勒馆的网站主页”的文字运用了哪些设计方法？*【学生】观看、聆听、思考.记忆陕西历史博物馆的网站主页将满版型与潺布型两种框架结内相结合,利用动画技术和多层元素的第叠关系，打造出了层次丰富的版面效果.网页的头部区域由网站标'导肮菜单与横侬a成.当用户向下滑动页面时，横幅中的图片就会逐渐破古代建筑形状的文本框所遮盖.同时文字也会以淡入的动剧形式逐渐浮现.这样的设计不仅可以丰富扳间的层次，还可以JS强网类的互动性.网页的主视觉区域同样添加了不少动态效果.例如,在专题展览板块,当班标臃t悬停在文物图片上方时，展览的文字介招和访问链接就会从屏幕左0J移动到版面当中.不仅如此,常设展is的访问捱接目录还以不规则形状配及在板面的左01边海.这样的设计既不会破坏主视觉区域的完整性，又为板面增添了一抹古典韵味.【学生】聆听思考、»«,记录【教师】组织学生以小组为第位,以“春风送暖.万敏更新"为主购,开展为跨年晚会设计公告的活动活动要求：元且将至，学校计划以“春风送暖,万致更好为主ES举办一场照年晚会.为了让全校师生了解晚会的相关事宜，学校决定在官方网站的主页上放置一张晚会公告.让我们开动脑筋,为路年晚会设计一课堂实战张公告吧.活动流程：1 .搜集案例搜集有关跨年晚会的网页设计作品,并分析这些作品是如何体现挽会的主题和内容的,又采用了哪些字体设计方i去.2 .确定内容圉里-春风送暖,万象更新”的加.琬定公告需要呈现的信息.3.构思设计根据搜集的资料进行深入思考，并结合所学的字体设计的相关知识,初步确定设计方案.4蟀磁根弼设计方案给制草图，并在草纽上反复修改以取得更好的视觉效果.5.展示作品设计完成后就乍PPT,在班级中展示作品、筒述创作过程，由浏期其他同例出同跑和建议.井对作品打分.【钠ffijfe三1.t¾SiSit.W3Sfiss.琳PPT,即J*ft±ft5,三三RS【放师】与学生一起评价各If1.的作品，并选出设计得最好的作品IRSXini【教师】讲述实训背景,组织学生以小组为国位,以野生动物为主舱设计宣传网站的网页.(一)实训度求清同学们以小坦为单位，选择一种野生动物.围烧这种动物辨定型织或机构的名称,进而设计出组织或机构的标志与网站主页.要求充分运用本书所介招的字体设计方法，创作出与这种野生动物相契合的标志及网页.(二)步骤提示1 Jiff34人自由成组,每组推选一人为小组长,组长组织成员进行讨论，典定以哪一种野生动物作为小组作业的主题.2 .搜集资料小组成员根据选定的野生动物,查找相关海科，包括动拗的照片、基本信息、行为习性'环境需求和煤护措施等，以尽可能丰富网页的内容.3 .分析案例了解现有的野生动物保护姐织与矶构，分析这幽脾与机构的标志和网页的特点，及只运用的字体设计方法.4 .设计创作(】)创意构®开展小组讨论，腌定标志和网页的设计方案.(2)绘制草图根克小组讨论时确定的设计方案，对标志和网页进行初步设计并绘制草图.在此过程中，要注重字体的设计与文字频排.(3)修改细节国姨初步设计的作品再次康开小姐讨论.讨论结束后,请根据组员的讨论结果修改作品的细节.5成果限示请各小组在班圾内展示设计成果.由一名同学制作PPT,介£2标志和网页的设计过程和设计理念.请致师W同学们对作品的最终效果进行打分和评议.5 .成果展