字体与版式设计项目式教程课件 项目1 认识字体设计

项目1认识字体设计学习目标学习目标说明知识目标了解文字的起源与演变熟悉字体设计的原则、流程和工具技能目标能够熟练使用各类工具设计字体能够遵循字体设计流程展开字体设计素养目标通过学习文字的起源与发展，培养对历史文化的洞察力，以精确匹配不同风格字体设计的文化调性遵循字体设计流程，培养有序推进字体设计的能力知识分解1.1文字的起源与演变1.2字体设计的原则1.3字体设计的流程1.4字体设计工具1.1.1汉字的起源与演变汉字又称中文、中国字，别称方块字。汉字是迄今持续使用时间最长的文字。汉字的起源与演变主要经历“甲骨文—金文—大篆—小篆—隶书—楷书—草书—行书”这几个环节。我国最早的可识别文字是甲骨文，它形成于公元前1600年至公元前1046年，是指书写或篆刻在龟背、兽骨上的文字甲骨文由甲骨文演变而来，是指铸造在殷商与周朝青铜器上的铭文，也称钟鼎文金文形成于西周后期，是在金文的基础上发展而来的，奠定了汉字方块构型的基础大篆由秦朝丞相李斯在大篆的基础上进行简化，文字轮廓、笔画、结构逐渐定型，文字更加符号化小篆一种书法统称，分为行楷（书写较为规整的行书）和行草（书写较为潦草的行书）两种。一种形体和笔势介于楷书、草书之间的字体行书形成于汉朝，是为了书写简便，在隶书基础上演变而成的字体草书又称楷体、正楷、真书、正书，由隶书逐渐演变而来楷书由小篆发展而来，始创于秦朝，在东汉时期达到顶峰。为汉字的成熟奠定了基础隶书1.1.1汉字的起源与演变▲大汶口文化出土的大口陶尊大口陶尊，是夹砂灰褐陶，形体厚重，陶尊口径超过30厘米，高约60厘米，通体饰斜篮纹，腹上部刻画一组符号，从上至下为“日、月、山”形。这些符号隶属于图画文字，被视为现代文字的早期雏形。▲大篆取自西周后期青铜器——毛公鼎，字数共497字。此鼎铭文最长，洋洋洒洒，其书亦雄阔浑沦，大气磅礴。1.1.2拉丁文字的起源与演变拉丁文字是字母文字的代表。我们通常所说的拉丁文字一般是指使用拉丁字母（又称罗马字母）书写的文字，拉丁字母由A~Z的26个字母组成，是世界三大字母体系之一。古典罗马体在1~2世纪与古罗马建筑同时产生，特点是自交的形状与罗马柱的柱头相似，字母壁画宽窄比例适当，装饰线呈弧线卡洛琳小写体8世纪，卡洛琳小写体形成，它比过去的文字写起来更快，又便于阅读，在当时的欧洲广泛流行波多尼体18世纪末由意大利字体设计师詹巴蒂斯塔·博多尼（GiambattistaBodoni）创造的现代罗马体方饰线体出现于19世纪，又称埃及体，可分为方饰线、柱台形饰线和超方饰线三种类型无装饰线体深受20世纪商业繁荣与进步青年文化启发的影响，以简洁明了的线条风格著称▲古典罗马体▲波多尼体▲卡洛琳小写体▲方饰线体知识分解1.1文字的起源与演变1.2字体设计的原则1.3字体设计的流程1.4字体设计工具1.2.1可识别性原则字体设计的根本目的是更好、更有效地传达信息和表达内容，因此确保字体的可识别性是首要前提，不能为了追求形式的美观，而忽略信息的准确传递。设计师在进行字体设计时，可通过对字体的整体效果、字间距、行间距、笔画设计等因素的合理控制，来确保字体能够被人们清晰识别。同时，字体的字形和结构必须清晰，要减去不必要的装饰，避免设计繁杂零乱，让人易认、易懂。▲“有趣”字体设计该字体设计虽然将“有趣”文字的外形进行了扭曲变形，并使用圆形、滑梯等元素来替代部分笔画，形成非常生动有趣的视觉效果。但是依旧遵循了可识别性原则，使人们能轻松识别出文字内容。1.2.2统一性原则统一性原则中的统一是指字体的整体风格、方向、斜度和空间等方面的统一。▲《小怪物字体》第2届方正奖评委奖（作者：夏钒）该字体设计充分体现了整体风格的统一性，每个字体都被设计师融入创意，使其不再是呆板的方块字，而是具有喜怒哀乐的“小怪物”，能带给人们更多乐趣。字体组合在外观上保持统一，能够带给人们相同的视觉感受整体风格统一让字体保持紧凑、形态美观的重要因素。空间统一字体的朝向和笔画的倾斜程度保持统一，从而形成视觉上的节奏感和韵律感方向和斜度统一1.2.3契合主题原则在设计领域，字体绝非孤立存在的视觉元素，而是与设计作品整体主题紧密相连、相互呼应的有机部分。它不能与主题脱离，更不能与主题产生冲突，否则会严重破坏设计诉求，失去应有的设计表达效果，导致信息传达混乱，无法让人准确理解设计师想要传达的核心内容。◄《江湖儿女》电影海报（设计师：黄海）该电影名称的字体设计采用了豪放洒脱的书法字体，这种字体风格带有强烈的传统韵味和豪迈感，与“江湖”所代表的充满侠义、豪情、纷争与情义的世界相契合。这种字体设计能够让观众联想到武侠文化中那种大气磅礴、快意恩仇的场景，从而瞬间进入电影所构建的江湖情景之中。1.2.4视觉美观原则在字体设计领域，视觉美观是一个综合性概念，它不仅仅体现在字体的整体外观上，更体现在文字笔画、外形结构和整个字形的把握上。设计师需要协调笔画与笔画、字与字之间的关系，实现视觉上的形式美观。◄图源：鱼姐该字体设计的笔画有力，外形结构规整、粗重，虽然笔画边缘不完全规整，带有一些毛边和斑驳，但是模拟出了手写涂鸦的视觉效果。另外，在编排和组合字体时，字体以黑色和白色为本色，搭配明亮鲜艳的黄色色块、粉色花朵和蓝色对话框等装饰，形成强烈的色彩对比，极具冲击力，并且各元素在视觉上形成一个整体，实现了视觉上的形式美观。1.1文字的起源与演变1.2字体设计的原则1.3字体设计的流程1.4字体设计工具知识分解1.3.1明确定位明确字体定位是进行字体设计的第一步。01考虑字体应传递何种信息、给人以何种印象02选择合适的字体，确定设计切入点、字体大小和表现手段03深入地构思，以字体的基本结构为基础来实现演化变形特别注意：在明确定位时，应该考虑到字形与词义的统一性和整体的协调性，接着考虑使用何种色彩、形态和纹理来表现字体效果。1.3.2灵感联想明确定位后，设计师便可从两个方面展开灵感联想：利用生活中的情节和感悟，将字体设计融入生活，在脑海里不断勾勒字体的画面，以产生联想0102分析一些优秀的字体设计作品，从字体设计的形式或笔画特点中汲取灵感▲“小青蛙”字体设计(图源：Jun_Chan)设计师在设计“小青蛙”字体时，以“青蛙王子”的童话形象为灵感展开创作。字体整体采用清新的绿色，并巧妙点缀黄色王冠，既呼应了“青蛙王子”的身份，又丰富了视觉效果。这种设计手法，生动诠释了如何将生活中的情节巧妙融入设计之中。1.3.3草图构思一旦对字体设计有了灵感联想，就可用草图的方式将其绘制出来。在绘制草图时，设计师可以收集相关的视觉素材作为参考，丰富设计细节，如设计“柳”字时，可以参考杨柳枝条随风飘荡的图像，模仿其姿态。在进行字体草图构思时，尽量深入每一种方案的设计，避免频繁地更换想法。此外，如果字体设计只是作品的一部分，还需考虑字体在不同载体上的适配性。1.3.4利用软件设计绘制出字体草图后，便可使用软件设计字体。首先将草图导入计算机，使用软件勾勒或采集出字体的形态，或选择与草图相近的字体并在草图上方直接输入文字，再调整字体的大小和结构，使其与草图中的字体统一。随后深入调整字体的细节，反复对比和调试，直至达到理想的设计效果。1.3.5定稿设计师利用软件进行字体设计后，应对所选字体设计方案做进一步优化，如给字体搭配适合的颜色和背景装饰，以丰富整个画面，让作品显得更加完整，最后将制作完成的字体运用到特定区域进行展现。▲“马到成功”字体设计（图源：蒙超mungchill）该字体设计先使用铅笔绘制出草图，然后使用软件进行设计，确定橙色外轮廓、朱红色填充的视觉效果，同时增加了橙色的圆形和线条装饰。最后，字体以红色作为背景色，形成类似春联的视觉效果。1.1文字的起源与演变1.2字体设计的原则1.3字体设计的流程1.4字体设计工具知识分解1.4.1手绘字体工具手绘字体工具源于传统绘画工具，即能在纸张上绘制和修改内容的工具，都可以用来设计字体。0102030405铅笔分为硬铅和软铅。硬铅（如HB、2B铅笔等）可以画出较细腻而明朗的线条；软铅（如5B、6B铅笔等）可以快速画出颜色较深的线条针管笔是手绘字体的基本工具之一，具有软头和硬头笔尖样式，能绘制出多种样式的线条毛笔是我国的传统书写工具，现逐渐成为传统绘画工具，一般用于表现苍劲古朴的字体风格钢笔的笔触与其他笔不同，它既有毛笔字的意境，又刚劲有力橡皮分为普通橡皮和可塑橡皮。普通橡皮可以用来擦除字体结构线可塑橡皮可以让黑、白、灰色过渡更自然，通过明暗对比来增强字体的立体感和美观性铅笔针管笔毛笔钢笔橡皮手绘字体工具1.4.2字体造型设计工具字体造型设计工具是指在计算机上能实现字体绘制和编辑的软件，常用的有Illustrator和Photoshop两种工具。一种矢量图绘制工具。该工具主要应用于印刷出版、海报和书籍排版、专业插画绘制、多媒体图像处理和互联网页面制作等领域，在字体设计中一般用于字体结构的绘制和搭建。本书运用的Illustrator为2024版本。IllustratorPhotoshop一款专业的图像处理和编辑工具。该工具常用于平面设计、网页制作、后期修饰、视觉创意等领域，在字体设计中一般用于文字笔画调整和字体特效制作。本书运用的Photoshop为2024版本。▲lllustrator2024版本图标▲Photoshop2024版本图标1.4.3AIGC工具１．文字创意类工具可以在对话页面中发送各种问题进行交互，并且能获得高质量的文字回答DeepSeek具备多轮对话、文案创作、逻辑推理、多模态理解和多语言支持等功能千问具备创意写作、阅读分析、智慧绘图等功能，可以生成文字和图片，以及处理图片文心一言具备帮我写作、图像生成、AI搜索、AI阅读、AI编程等功能，可以帮助设计师生成文字和图片。豆包1.4.3AIGC工具２．图像创意类工具1图片生成、数字人生成、视频生成等功能，可以快速、稳定地生成各种风格的高质量图片和视频通义万相2将AIGC工具细分为热门推荐、图片编辑、AI生图三大板块，覆盖了从生成、处理到后期运用图片进行设计的全流程创客贴AI3一款综合性AIGC工具，具备MX绘画、图片编辑、视频创作等功能，能够快速、稳定地生成各种风格的高质量图片和视频Midjourney中文站4一款具备有图片生成、智能画布、视频生成、故事创作、音乐生成、对口型、动作模仿等功能的综合性AIGC工具即梦AI1.4.3AIGC工具３．提示词的类型和撰写方式提示词的基础形式，这种形式通常简洁明了，直接点明生成内容的核心要素句子完整的语境和语法结构，使AIGC工具能够生成更符合需求的内容通过将创作要求分解为多个具体、明确的指令，帮助AIGC工具组织和构建连贯的创作内容提供一个或多个具体的例子作为参考，帮助AIGC工具理解期望的输出形式或风格由几个词汇组成，能够表达更为复杂的概念或情感，使AIGC工具能够更准确地理解设计师需要生成内容的意图和风格一个完整的段落文字往往由多个句子构成，能够全面而细致地勾勒出所需生成内容的背景信息、具体要求、期望风格及基本的结构框架关键词句子要点式示例式短语段落文字角色扮演式通过设定特定角色或场景，引导AIGC工具从特定角度生成内容项目实训本项目实训要求为某微信公众号即将发布的秋分节气推文制作封面，需要根据下方提供的任务单进行设计构思，并设计出符合要求的公众号推文封面图。项目实训项目名称微信公众号推文封面图设计项目背景某微信公众号自创立以来，始终以“传承东方美学，复兴生活雅趣”为理念，致力于系统宣传与推广中华优秀传统文化。适逢秋分节气将至，为延续节气文化的当代表达，该公众号特邀一位当地知名画师，创作了一幅融合数字绘画技术与传统中国画风格的插画作品，作为本次推文封面图的视觉核心。现需基于该插画设计主题字体，并搭配契合秋分文化内涵的简要文案，最终整合成一张视觉统一、富有感染力的公众号推文封面图应用软件AIGC工具、Illustrator格式要求ai格式展板尺寸900像素×383像素作品数量1个设计内容设计兼具传统韵味与现代美感的主题字体，并利用提供的素材和文案形成一张完整的封面图设计要求①封面图的主题字体设计应采用书法风格，视觉效果美观②封面图的内容布局合理，信息层级清晰配套资源素材\项目1\秋分插画.jpg、印章.ai效果\项目1\微信公众号推文封面图.ai、微信公众号推文封面图.jpg、“秋分”字体设计.ai任务1.1使用通义万相生成字体设计草图（1）智能扩写提示词进入通义万相官网，在文本框中输入内容为“字体设计‘秋分’，书法风格，左右排列”的关键词类型提示词，单击按钮，此时文本框上方将出现新的面板，并在里面显示扩写后的提示词。▲智能扩写提示词根据任务单的设计要求可知，封面图主题文字的字体设计需要采用书法风格，为此可根据这点拟定提示词，再借助通义万相生成字体设计草图，便于后续设计字体，具体操作步骤如下。任务1.1使用通义万相生成字体设计草图（3）生成和下载草图设置类型为“图像”，功能为“文生图”，创作模型为“万相2.2专业”，比例为“1∶1”，单击按钮生成草图，选择一张字形结构清晰，且较贴合书法风格的字体设计图片，单击按钮下载，并将文件名称命名为“字体设计草图”。▲调整提示词▲生成和下载草图（2）调整提示词单击按钮将提示词填入文本框中，然后根据要点式提示词的撰写方法调整提示词，使提示词结构更清晰。任务1.2使用Illustrator设计书法风格的字体（1）新建文件启动Illustrator，单击按钮打开“新建文档”对话框，设置名称为“‘秋分’字体设计”、尺寸为“800像素×800像素”、颜色模式为“RGB颜色”、光栅效果为“高（300PPI）”，单击按钮创建文件。获取字体设计草图后，便可以在Illustrator中采集该字体的基本字形，然后应用工具调整其外形，使笔锋走势更锐利、笔画转折更圆润，从而更贴合书法艺术的视觉风格。（2）置入草图执行“文件—置入”命令，打开“置入”对话框，取消选中“链接”复选框，选择“草图.png”文件，单击按钮，此时鼠标指针将呈现状态，以画布左上角为基点，拖曳鼠标指针绘制与画布等大的矩形，然后释放鼠标指针，草图将会铺满整个画布。▲新建文件▲置入草图任务1.2使用Illustrator设计书法风格的字体（3）获取基本字形单击上下文任务栏中的按钮，去除草图中多余的内容。执行“对象—扩展”命令，打开“扩展”对话框，单击选中“对象”“填充”复选框，单击按钮，此时草图中的内容将转换为路径形成的对象，连续双击2次鼠标左键，进入对象编组内部，按住“Shift”键不放，依次选择“秋分”两字的路径，按“Ctrl＋C”组合键复制，单击3次按钮返回画布，按“Ctrl＋V”组合键粘贴路径到画布外侧。▲获取基本字形任务1.2使用Illustrator设计书法风格的字体（4）调整“禾”部件的锚点放大显示并观察，可发现“秋”字的外形崎岖，且结构不分明。使用“直接选择工具”选择“禾”部件以显示全部的锚点，使用“删除锚点工具”工具单击部分锚点将其删除；使用“直接选择工具”拖曳撇笔画处的锚点调整笔画外形；再使用“添加锚点工具”工具单击撇笔画和竖笔画连接处添加锚点，然后使用“直接选择工具”拖曳该锚点。▲调整“禾”部件的锚点（5）调整“禾”部件的锚点控制手柄此时“禾”结构的部分钝笔处不圆润，使用“直接选择工具”选择锚点，显示出控制手柄，通过拖曳控制手柄来调整笔画的曲线。使用同样的操作调整其他笔画的曲线。▲调整“禾”部件的锚点控制手柄任务1.2使用Illustrator设计书法风格的字体（6）调整“火”部件按照步骤（5）相同的方式通过删除部分锚点，处理“火”部件笔画崎岖的问题。按照步骤（6）相同的方式通过调整锚点的控制手柄，强化“火”部件笔锋的锐利感。▲调整“火”部件（7）调整“分”字按照步骤（5）和步骤（6）相同的方式解决“分”字笔画崎岖、钝笔处不圆润的问题，同时美化笔锋处的设计。调整“分”字任务1.2使用Illustrator设计书法风格的字体（8）调整填充颜色全选“秋分”两字，执行“窗口—渐变”命令，打开“渐变”面板，单击“线性渐变”按钮，设置角度为“90°”，单击左侧渐变滑块，设置不透明度为“0”，拖曳右侧渐变滑块，使位置数值为“35%”。（9）添加印章图案打开“印章.ai”文件，复制粘贴其中的印章图案到“分”字左侧，调整大小。选择“直排文字工具”，在印章上输入“节”“气”文字，然后在“字符”面板中调整字体为“阿里妈妈东方大楷”，字号为“28pt”，适当调整两字的位置，通过这样的设计使当前的所有字体和印章图案构成整体关系。全