字体与版式设计项目式教程课件 项目4 字体设计的创意表现-设计艺术展招贴字体

项目4字体设计的创意表现——设计艺术展招贴字体学习目标学习目标说明知识目标熟悉字体设计的创意思维掌握字体创意设计的方法和常见类型的字体的创意设计技能目标能够将创意恰当地融入字体设计中能够设计出美观、新颖的字体设计作品提升设计不同类型创意字体的能力素养目标能够突破传统思维，从不同角度思考，挖掘独特的字体设计创意点具备敏锐的艺术感知力，能够发现和创造独特的创意字体项目描述烧蓝是我国传统首饰工艺之一，也是珐琅工艺的重要制作工序之一。2017年3月，烧蓝（以河北省廊坊市香河县传承的银胎珐琅工艺为代表）被列入河北省第六批省级非物质文化遗产名录。某市的艺术机构计划在当地艺术中心举办一场“烧蓝”艺术展，展出中国历史上具有代表性的烧蓝工艺文物。为提升此次艺术展的知名度，吸引更多观众前来参观，现需制作一张艺术展招贴，张贴于当地公共区域和商圈，诚邀当地居民踊跃参与。项目目标项目名称烧蓝艺术展招贴设计应用软件AIGC工具、Photoshop格式要求psd格式展板尺寸50厘米×70厘米，出血2厘米作品数量1个设计内容围绕“烧蓝”这一主题进行设计，重点设计招贴的主标题文字设计要求①招贴的画面需展示与烧蓝相关的内容②招贴的主标题文字设计具有创意，能与烧蓝主题相呼应③招贴的整体布局美观，采用古典风格配套资源素材\项目3\背景.jpg、素材.psd、烧蓝参考图.jpg、烧.png、蓝.jpg效果\项目3\艺术展招贴.psd、烧蓝.png、项目描述.txt、“烧蓝”字体设计.psd知识分解4.1字体设计的创意思维4.2字体创意设计的方法4.3常见字体的创意设计4.1.1联想与想象1．联想指由外形、性质、意义上的相似引起的联想，或是由时间上或空间上的接近引起的不同事物之间的联想。相似性联想因果联想指由两个事物之间的因果关系而引发的联想。这种联想往往是双向的，既可以由起因想到结果，也可以由结果想到起因。◄相似性联想该字体设计由“猛暑”联想到夏日的热浪，采用橙红色作为底部装饰色，采用类似火焰外焰的不规则边缘设计来体现酷热的感觉。◄因果联想该字体设计由“散发”文字的含义联想到散开的头发，并将每个笔形都由类似发丝的曲线进行替代，设计出充满创意的作品。4.1.1联想与想象2．想象丰富字体设计的造型想象能够摆脱现实字体形态的束缚，创造出独特的造型。增强情感表达想象能够根据设计主题营造出相应的情感氛围。拓展设计主题想象能够帮助设计师挖掘出更深层次或更独特的主题，找到新的设计切入点。4.1.2形象与意象1．形象在字体设计中，设计师可通过形象化的设计增强字体内容的直观性、趣味性。字体的形象化包括笔画形象化、整体形象化等。笔画形象化指对字体中的一些笔画进行形象化处理，使该笔画形象地展示文字内容01整体形象化指对整个文字进行形象化处理，体现文字内容02▲笔画形象化“舍”的部件本身具有屋檐的含义，在该字体设计中，便将一半的部件用屋檐的图像来表达，形象展示出其本意。笔画形象化整体形象化▲整体形象化该字体设计将“水槽”文字的多个笔形设计成椭圆形水管、小鱼和水波纹，形象展示出水槽的功能。4.1.2形象与意象2．意象在字体设计中，常以“意”为创意来源，超脱了具体的“形似”，将具体的“形”提炼成抽象的“意”。意象化字体设计又称为寓意变化的字体设计，以强调典型特征或提示的方法对文字加以艺术处理，给人以想象空间，回味无穷。意象化设计一般不以具体形象穿插配合，而以文字的横、竖、点、撇、捺、挑、钩等笔画的形态做巧妙变化。▲意象图中的英文意为“创造力不仅仅是聪明”，其中字体较大的英文单词意为“创造力”，其笔形蜿蜒曲折，巧妙地象征着人们在开展创意构思活动时，思维如同灵动的线条一般，向四面八方发散、延伸，充分体现出创造力所蕴含的灵动性与无限可能。知识分解4.1字体设计的创意思维4.2字体创意设计的方法4.3常见字体的创意设计4.2.1改变字体结构1．切割破形通过切割破形可将文字结构处理成破碎、错位、残缺的非常规形态，从而形成与常规字体设计截然不同的视觉效果。▲局部显示该海报上的“金鸡”书法字体仅显示局部，但是人们可以根据对该文字结构的熟悉度，自动“补全”文字并识别。仅显示部分字体结构，通过人们对字体结构的了解来自动“补全”局部显示该方法需要先将文字书写到纸上，然后用撕扯、烧毁、虫蛀、腐蚀等手法破坏纸张，营造出残缺之美。残缺①结构切割：运用色块或线条切割字体结构，且不对切割后的字体结构做处理；②错位切割：先切割字体结构，然后移动切割后的字体结构，制作错位的视觉效果；③遮挡切割：运用色块或线条遮挡部分字体结构，形成隐性切割的视觉效果。切割4.2.1改变字体结构2．图形化图形化设计基于几何化法产生，其本质是将字体的部分结构替换为图形（包括几何图形、具体图案、文化图腾或抽象符号等），通过视觉反差增强设计表现力。当前该手法已演进为将字体整体嵌入具象图形中，成为图形的一部分；或者直接改变字体的固有笔画，将其塑造成各种具象图形，但是这些图形需要与替代笔画的形态特征或文字语义存在一定关系，而不是胡乱替代。▲图形化（图源：花瓣网）图中的“福”字运用不同形态的黑色石头（在一些文化表达中，会将福运比作石头，寓意福运稳固、长久，不会轻易消散）代替原笔画，通过层层堆砌形成山峦的视觉样式。虽然“福”字的笔画在一定程度上有所省略，但凭借大致相似的笔画，使人依旧能够轻易识别出该字代表的含义。并且“田”部件更是化身为淌有溪水石头，丰富了画面内容，营造出一种古典雅致的氛围。4.2.2混搭不同字体混搭不同字体可通过对比增强视觉冲击力，同时有助于区分文字的主次层级。▲混搭字体（图源：刘闹闹）阿拉伯数字和汉字混搭是较常见的混搭形式，这两种文字本身的形体结构具有较大差异，在混搭时会产生别样的视觉效果。字形相似度当字形比较接近时，矛盾感较弱、设计难度相对较小；而字形差别较大时，矛盾感与设计难度都会同步增加字体间距字体的间距越远，矛盾感与冲突感越弱；间距越近，矛盾感与冲突感越强。字体大小字体的大小相同时，矛盾感较弱；字体的大小差距较大时，矛盾感较强。4.2.3添加肌理效果肌理是指物体表面的组织纹理结构，为字体添加纹理效果可以增加字体表面的美感。形象肌理是指字体在外形上呈现出肌理效果。设计师可以运用字体造型设计工具为字体添加肌理，或者以材质本身为底，将字体外形结构从中刻画出来形象肌理图案肌理图案肌理是指运用花纹、圆点或照片来填充字体外形，使字体具有强烈的装饰性和层次感。▲形象肌理▲图案肌理4.2.4添加装饰在字体创意设计中，添加装饰是表现创意的重要手段。中线装饰在文字笔画中添加线条。在中线装饰的基础上，还可以在文字的笔画转折处添加圆弧过渡，或者在笔画交汇处、收笔处、文字负形处添加圆点背景装饰为字体添加背景色块。在设计手写字体时，一般用浅色绘制背景，以深色写字轮廓装饰在文字的外框处描绘轮廓。当文字的颜色为浅色时，一般采用黑色来描绘轮廓，以强化字体轮廓的清晰度▲中线装饰▲背景装饰▲轮廓装饰4.2.5利用距离无论是汉字还是拉丁文字，其字体的外形结构通常具有多个部分，将字体拆分后利用字体部分之间的距离进行分散和靠拢，可以形成具有个性化的视觉效果。当字体部分之间的距离扩大到一定程度，在视觉上，这些字体部分会成为独立的个体。利用这种特性来摆放字体部分，可以加强装饰效果。分散靠拢当字体部分之间的距离较近，在视觉上会形成一个面。利用这种特性来摆放字体部分，能够增加视觉张力。▲分散和靠拢4.2.6改变字体维度改变字体维度是指将字体由二维平面效果转换为三维立体效果，使字体设计效果更具空间感和立体感。为平面的笔形通过多角度面块拼接的方式制作出立体结构绘制多面在字体本色的基础上绘制出不同色的高光或投影，利用光影对比模拟出立体感添加高光或投影利用人类视觉对光影的感知特性，让人误以为展现出的图形是三维的立体形态矛盾空间利用虚实关系强化空间层次虚实结合利用近大远小等透视原理为字体制造出空间纵深感透视通过字体外形结构的错位排列、层叠、穿插，制作出空间深度错位交叠知识分解4.1字体设计的创意思维4.2字体创意设计的方法4.3常见字体的创意设计4.3.1手绘POP字体创意设计手绘POP是英文“PointOfPurchase”（卖点广告）的缩写，指通过手工绘制海报、价签等形式传递商品信息的广告媒体，常用于短期促销活动，包括户外招牌、展板、橱窗海报、店内台牌、价目表、吊旗等设计类型。手绘POP的核心特征是运用醒目的色彩搭配、灵活多变的版式布局、易认易读的字体及幽默夸张的插图来吸引人们视线。▲手绘POP字体（图源：Heey豆儿）该字体设计中，字体排列紧凑，每个字体都添加了较粗的轮廓线，使人易于识别。每个笔形通过笔触的重叠形成独特的肌理效果，具有新奇的视觉效果。4.3.2书法字体创意设计书法是中国汉字特有的传统艺术，被誉为“无言的诗，无行的舞，无图的画，无声的乐”。书法字体源于传统书法艺术，通过笔墨韵味和书写技法形成具有独特审美价值的字体类型。▲书法字体（图源：千里马）该字体设计由AIGC工具生成，其提示词中详细描述书法的笔画特征，并让收笔处呈现出飘逸的视觉效果，使生成的书法字体富有创意。随着技术发展，书法字体设计已突破传统毛笔书写的设计方式，设计师可以从拓本、碑刻或文物中提取书法笔触，使用字体造型设计工具将其转化为可编辑的笔画组件，替代基本字体的笔画。后续还可通过拉伸、扭曲等方式，创造出更具个性化的字体。4.3.3卡通字体创意设计卡通字体是一种具有鲜明卡通风格的字体类型，通过独特的笔画形态、色彩搭配和装饰元素，营造出轻松、活泼、有趣的视觉效果，常用于绘本、动画片标题、食品包装、海报等设计领域。▲卡通字体卡通字体的笔画粗细对比强烈，末端常进行圆润化处理，因此需要夸张或变形部分笔形，如将“蛇”字的部分笔画设计为波浪形，模拟蠕动效果卡通字体常使用高饱和色彩或渐变色，也会通过添加投影、高光或内发光，模拟3D效果卡通字体通常带有眼睛、嘴巴等卡通图形元素，或将部分笔画替换为卡通图形，同时通过笔画的动态表现情绪项目实施本项目的实施主要包含使用DeepSeek生成宣传语、使用即梦AI生成主视觉图像使用Photoshop设计展览名称字体、使用Photoshop组合招贴3个任务。任务4.1使用DeepSeek生成宣传语（1）上传资料将本章的项目描述内容整理成文档，进入DeepSeek官网，单击文本框的“上传文件”按钮，在弹出的面板中选择“文档”选项，打开“打开”文件夹，选择整理好的文档，单击按钮。▲上传资料艺术展招贴上的宣传语是视觉设计与信息传达的核心纽带，它通过精炼的语言与视觉元素协同作用，直接影响观众对展览内容的认知、兴趣与行动意愿。任务4.1使用DeepSeek生成宣传语（2）输入提示词在文本框中输入“根据上传文档中的内容，为该艺术展写3~4句宣传语，要求每句宣传语的字数在30字以下，内容能展示出烧蓝技艺的精妙，并具有吸引人前来参展的效果，不能使用‘极致、完美’等词语。”提示词，单击按钮。▲输入提示词（3）挑选宣传语阅读所生成的4条宣传语，根据内容表现进行筛选，以确定最终使用的宣传语。本例选定第4条宣传语，该句既凸显了烧蓝工艺深厚的历史底蕴，又自然融入了对观众的诚挚邀请。▲挑选宣传语任务4.2使用即梦AI生成主视觉图像（1）上传参考图和设置参数进入即梦AI首页，单击“生成”功能选项卡，此时打开的新页面中的文本框默认应用“图片生成”创作类型，设置模型为“图片4.0”，比例为“9∶16”，单击按钮，打开“打开”对话框，上传“烧蓝参考图.jpg”图片，单击按钮。▲上传参考图和设置参数为了凸显海报的主题，保证画面美观度，可使用即梦AI生成一个主要运用烧蓝工艺打造的中式饰品来充当主视觉图像。（2）输入和编辑提示词输入“生成一个体现烧蓝技艺的孔雀簪子，孔雀和簪子显示完整，孔雀的眼睛处为一颗红宝石，羽毛是由浅到深的蓝色，能彰显烧蓝工艺的精妙，簪子杆是金色，不能出现其他颜色，烧蓝的色彩鲜艳夺目，与金材质相互映衬，白色背景”提示词，选择描述孔雀外观的提示词，单击“文字效果增强”按钮，此时所选的提示词将添加双引号，表示生成时着重强调，单击按钮。▲输入和编辑提示词任务4.2使用即梦AI生成主视觉图像（3）挑选图片并超清处理从生成的4张图片中，按照图片完整度、美观度和孔雀形象的贴合度选择一张。此处选择第4张，单击其底部的“超清”按钮生成更高画质的图片，然后单击下载处理后的图片。▲挑选图片并超清处理任务4.3使用Photoshop设计展览名称字体（1）添加基础字形启动Photoshop，新建名称为“‘烧蓝’字体设计”、尺寸为“54厘米×74厘米”、分辨率为“150像素/英寸”、颜色模式为“CMYK”、背景内容为“白色”的文件。选择“直排文字工具”，设置字体为“汉仪舒同体简”、字体大小为“600点”、文本颜色为“#000000”，输入“烧蓝”文字。▲添加基础字形设计展览名称字体时，可将在互联网上搜集的碑帖中的部分笔形替换到基本字形上，再通过联想烧蓝的色釉是从砂粒状固体熔化为液体，为展览名称文字的字体制作出沙砾肌理，并模拟出固体消散的视觉样式。任务4.3使用Photoshop设计展览名称字体（2）擦除文字笔形和笔画选择文字图层，单击鼠标右键，在弹出的快捷菜单中选择“栅格化文字”命令，将文字转换为图片。选择“橡皮擦工具”，擦除“烧”文字的“竖弯钩”笔形和“蓝”文字的“皿”笔画。▲擦除文字笔形和笔画（3）填补“烧”文字填补“烧”文字。置入“烧.png”图片，栅格化该图层。选择“魔棒工具”，单击“烧.png”图片的“竖弯钩”笔形区域，然后按“Ctrl＋J”组合键复制选区内部内容，使用“橡皮擦工具”擦除复制的除“竖弯钩”笔形以外的内容，然后移动和放大“竖弯钩”笔形，与“烧”文字组成完整的文字。▲填补“烧”文字任务4.3使用Photoshop设计展览名称字体（4）填补“蓝”文字置入“蓝.jpg”图片，栅格化该图层，并使用与步骤（3）相同的方式填补“蓝”文字缺失的“皿”笔画。▲填补“蓝”文字（5）调整文字色彩和位置隐藏置入图片的所在图层，选择剩余的图层，按“Ctrl＋E”组合键合并。设置前景色为“#000000”，按住“Ctrl”键不放，单击合并图层的缩览图，为图层中所有的内容创建选区，按“Alt＋Delete”组合键填充前景色。使用“矩形选框工具”框选“蓝”文字，按“Ctrl＋T”组合键进入编辑状态，然后移动文字位置。▲调整文字色彩和位置任务4.3使用Photoshop设计展览名称字体（6）添加渐变颜色双击合成图层右侧的空白区域，打开“图层样式”对话框，单击选中“渐变叠加”复选框，单击渐变条打开“渐变编辑器”对话框，单击渐变条左侧色标，设置颜色为“#245dab”，单击右侧色标，设置颜色为“#24b4e9”，单击按钮返回“图层样式”对话框，设置角度为“42”，单击按钮。▲添加渐变颜色任务4.3使用Photoshop设计展览名称字体（7）制作砂砾肌理复制合并图层，隐藏原图层，将复制图层的混合模式修改为“溶解”，然后创建图层蒙版，设置前景色为“#000000”，选择“画笔工具”，设置画笔大小为“495像素”、画笔样式为“柔边缘”，不断单击文字所在区域，单击区域将出现砂砾肌理。▲制作砂砾肌理任务4.3使用Photoshop设计展览名称字体（8）制作固体消散效果显示原合并图层，执行“滤镜—模糊—动感模糊”命令，打开“动感模糊”对话框，设置角度为“0”、距离为“1084”，单击按钮，设置该图层的混合模式为“溶解”，创建图层蒙版，涂抹文字右侧区域。▲制作固体消散效果任务4.4使用Photoshop组合招贴（1）创建出血使用Photoshop新建名称为“招贴”，尺寸为“54厘米×74厘米”、分辨率为“150像素/英寸”、颜色模式为“CMYK”、背景内容为“白色”的文件，其中尺寸包含2厘米的出血区域。使用“新建参考线版面”命令创建四周均为2厘米的出血区域。▲创建出血当前已经获取到招贴的宣传语、主视觉图像和展览名称字体，需要将它们连同搜集的各种素材组合在一起，形成一张完整的招贴。任务4.4使用Photoshop组合招贴（2）添加图像素材依次置入“背景.png”“烧蓝.png”图片，打开“素材.psd”文件，将其中的素材依次移动到招贴文件中，调整这些图片，其中“烧蓝.png”图片需要单击上下文任务栏中的按钮来抠图。若有残留或多抠取的部分，可自行调整图层蒙版的遮盖范围。▲添加图像素材（3）调整画面亮度单击“创建新的填充或者调整图层”按钮，在弹出的快捷菜单中选择“亮度/对比度”命令，调整亮度为“27”。▲调整画面亮度任务4.4使用Photoshop组合招贴（4）添加和输入文字将展览名称字体移动到招贴文件中，调整大小和位置。选择“直排文字工具”，设置字体为“楷体”、字体大小为“70点”、文本颜色为“#4a8dc0”，输入宣传语