字体与版式设计项目式教程（AI协同）课件

项目12版式设计综合实践字体与版式设计项目式教程（AI协同）（微课版）高等院校艺术设计精品系列教材学习目标学习目标说明知识目标熟悉书籍装帧设计、海报设计和界面设计的作品类型掌握设计书籍装帧、海报和界面的方法技能目标能够根据主题设计出兼具商业性和美观性的版面能够灵活运文字、图片和色彩来编排版面素养目标培养系统化的设计思维，能够兼顾文字、图片、色彩等元素进行版式设计提升视觉逻辑能力、信息架构能力、美学感知能力与风格把控能力任务分解12.1书籍装帧设计12.2海报设计12.3界面设计书籍装帧设计书籍的结构丰富、组成严谨，而书籍装帧是以书籍为核心载体，通过视觉、触觉等多维度的创意表达，将内容、形式与工艺有机融合，旨在提升书籍的审美价值、实用功能及文化内涵的综合性设计。任务描述随着中国探月工程的突破与空间站的稳定运行，人们对太空探索的兴趣与日俱增。某出版社敏锐捕捉到这一趋势，计划出版一本以通俗易懂的语言风格讲解宇宙知识的图书《宇宙漫游指南》（spaceroamingguide）。目前该书已进入版式设计阶段，需要重点设计书籍的封面、书脊和封底版式，力求通过兼具科学性与艺术性的设计吸引读者关注，以推动宇宙知识的传播。任务目标项目名称《宇宙漫游指南》书籍装帧设计应用软件AIGC工具、Illustrator格式要求ai格式书籍尺寸封面和封底均为28.5厘米×21厘米，书脊为4厘米×28.5厘米，300像素/英寸作品数量1个设计内容①封面包含书籍的中英文名称、作者和宣传语等内容②书脊包含书籍的中文名称、作者和出版方③封底包含书籍的简介、出版方、出版集团、条形码和定价设计要求①图文编排合理、美观，文字识别度高②封面、书脊和封底的整体性强，具有设计连贯性③采用现代设计风格，并具有质感，符合主流视觉效果配套资源素材\项目12\书籍装帧设计\书籍简介.txt、出版社素材.ai、条形码和定价.png效果\项目12\宇宙星空.png、《宇宙漫游指南》书籍版式.a任务实施本任务的实施主要包含封面设计、书脊设计和封底设计3个环节。12.1.1封面设计进入Midjourney中文站的生成页面，输入提示词，设置参数，生成图像。然后扩展图片尺寸，再超清处理。（1）生成宇宙图像启动Illustrator，新建包含出血的文件。然后在顶部标尺刻度为210毫米、250毫米的位置创建两条垂直参考线，将版面划分为三个部分，按照从左到右的顺序分别为封底、书脊和封面区域。（2）规划版面区域置入处理好的图片，调整位置和大小后，原位复制一次图片，为其应用“海洋波纹”效果，并设置不透明度。（3）制作满版图片▲生成宇宙图像▲规划版面区域▲制作满版图片12.1.1封面设计各自新建2条垂直和水平参考线，规划出封面的内容排版区域。先输入书籍中文名称文字，再复制该文字并修改色彩和位置，制作出重叠效果。再分别输入书籍英文名称文字并编排该文字。（4）编排书籍名称▲编排作者和宣传语▲编排书籍名称在书籍中文名称文字右上方输入作者名。再单独输入“著”文字。打开“图书资料.txt”文件，复制其中的宣传语文字。在画板右侧输入宣传语文字，并利用大字号来强调“奥秘”两字。（5）编排作者和宣传语12.1.1封面设计绘制一个宽度宽于画板的白色矩形，并调整不透明度。置入“塑料.png”文件，原位复制矩形，并与塑料创建剪贴蒙版。将宣传语文字移至封面底部，并调整堆叠顺序，完成封面的设计。（6）制作腰封▲制作腰封12.1.2书脊设计参照水平参考线位置，在书脊顶部区域输入书籍中文名称和英文名称文字，其中，中文名称文字顶部与参考线贴合，英文名称文字在中文名称文字下方。（1）编排书籍名称打开“出版社素材.ai”文件，复制其中的竖排出版社素材到书脊底部的腰封区域。然后在其右侧输入著作者文字和“著”文字，完成书籍的设计。（2）编排作者和出版社▲编排书籍名称▲编排作者和出版社12.1.3封底设计参考封面2条垂直参考线与页边的距离，新建2条垂直参考线，规划出封底的内容排版区域。打开“书籍简介.txt”文件，参照水平参考线和垂直参考线，将其中的文字输入在封底区域的顶部，然后通过放大字号强调“内容简介：”文字。（1）编排内容简介置入“条形码和定价.png”文件，再复制“出版社素材.ai”文件中的剩余素材到封底区域，依次调整大小和位置，使其呈横排排列。（2）编排其余素材▲编排内容简介▲编排其余素材12.1.3封底设计绘制一个和出血区域等大的矩形路径，然后选择画布和出血区域的所有内容并创建剪贴蒙版，隐藏参考线，保存文件，完成封底的设计。（3）创建剪贴蒙版▲创建剪贴蒙版任务分解12.1书籍装帧设计12.2海报设计12.3界面设计任务描述禾野集是一家以销售各类农产品为主营业务的品牌。该品牌始终致力于科技创新，不断提升种植技术，以此确保产品品质。随着冬季来临，该品牌的奶油草莓温室种植园迎来丰收。为顺利销售草莓，品牌方准备制作产品宣传海报和产品上市海报，并分别在互联网平台和地铁区域进行投放。任务目标项目名称奶油草莓海报设计应用软件AIGC工具、Photoshop格式要求psd格式海报尺寸产品宣传海报1米×1.5厘米，产品上市海报1920像素×900像素，72像素/英寸作品数量2个设计内容①产品宣传海报需要创意性地展示奶油草莓、购买方式②产品上市海报需要展示奶油草莓的多个卖点、价格，符合电商行业的特点设计要求①海报的图文编排严谨，视觉效果美观②海报的色彩运用能激发人们的消费欲望③海报皆采用现代设计风格配套资源素材\项目12\海报设计\气泡框.png、相机装饰.ai、二维码.png、一篮草莓.jpg、3个草莓.jpg、品牌Logo.png、海报背景.png、草莓.png、草莓花.png、飞叶草莓.png效果\项目12\产品宣传图.png、产品宣传海报.psd、一篮草莓.png、3个草莓.png、一篮草莓（调色版本）.png、3个草莓（调色版本）.png、产品上市海报.psd任务实施本任务的实施主要包含产品宣传海报设计和产品上市海报设计两个环节。12.2.1产品宣传海报设计在DeepSeek文本框中输入提示词，单击按钮获取用于生成画面的提示词，挑选满意的提示词方案后，复制提示词。（1）获取提示词在即梦AI“生成”页面的文本框中粘贴提示词，设置参数，单击按钮生成图片，若效果满意，可超清处理后下载；若效果不满意，可采用重新生成、图片处理等方式获取满意的图片后，再超清处理并下载。（2）生成图片▲生成图片◄获取提示词12.2.1产品宣传海报设计使用Photoshop创建文件，置入超清图片，调整位置和大小后，置入“相机装饰.ai”文件，调整大小和位置后，将相机边框与图片边界处进行高斯模糊处理。（3）编排图片分别输入“邂逅”“奶油”“草莓”文字，栅格化“草莓”文字，使用“画笔工具”和“橡皮擦工具”制作变形的草字头偏旁，再使用“画笔工具”涂抹成红色渐变效果。接着输入“你尝鲜了没？”文字。（4）编排主标题▲编排图片▲编排主标题12.2.1产品宣传海报设计置入“气泡框.png”文件，调整位置和大小后，在其上输入“好吃得很~”文字。（5）编排宣传文字置入“二维码.png”文件，调整位置和大小后，在其右侧输入“前往淘宝平台，搜索‘禾野集官方旗舰店’就能轻松获得美味！若您有批量采购需求，欢迎拨打188XXXX8901，我们将为您提供优质服务。”文字。再绘制一个圆角矩形并调整不透明度，在其上输入“<<<扫码直通旗舰店”文字，保存文件。（6）编排售卖方式文字▲编排宣传文字▲编排售卖方式文字12.2.2产品上市海报设计使用图可丽去除“一篮草莓.jpg”“3个草莓.jpg”图片的背景。接着使用Photoshop进行调色，使色彩更加鲜艳。（1）制作去底图片和调色图片使用Photoshop创建文件，置入调色后的图片，以及“品牌Logo.png”“海报背景.png”“草莓.png”“草莓花.png”“飞叶草莓.png”文件，复制3次“草莓.png”和2次“草莓花.png”图片后，依次调整位置和大小。绘制一个矩形和三角形，形成立体效果。接着利用图层蒙版和图层样式美化海报背景。（2）制作海报背景▲制作海报背景▲制作去底图片和调色图片12.2.2产品上市海报设计依次输入文字，使用字体来区分宣传语和其他文字。绘制文字框进行装饰，最后保存文件。（3）编排文字▲编排文字任务分解12.1书籍装帧设计12.2海报设计12.3界面设计任务描述森语家居（SENYUHOMEFURNISING）是由森语集团开发和运营的一款专注于销售各类家居产品的APP。在该APP中，用户能够便捷地购买入驻品牌的各类家居产品，涵盖家具、家电和软装等多个品类，还可以聘请入驻的设计师进行家居定制。近期，森语集团通过多种渠道收集到大量用户反馈启动界面和登录界面设计不美观、登录操作烦琐及登录提示不清晰等，因此计划重新设计这些界面。任务目标项目名称森语家居App界面设计应用软件AIGC工具、Illustrator格式要求ai格式界面尺寸1179像素×2556像素，72像素/英寸作品数量2个设计内容①启动界面需包含状态栏、主视觉元素、文案、操作指引，文案具有亲和力②登录界面需包含状态栏、主视觉元素，以及登录所需的功能键和操作指引设计要求①界面的整体设计风格统一，能充分体现家居APP的定位②界面的图文编排合理、美观，层级和功能清晰，能有效配套资源素材\项目12\界面设计\状态栏.png、启动页界面主视觉插图.ai、登录页界面主视觉插图.ai、人图标.png、锁图标.png、QQ.png、微博.png、微信.png效果\项目12\界面设计.ai任务实施本任务的实施主要包含启动页界面设计和登录页界面设计两个环节。12.3.1启动页界面设计在文心一言的文本框中输入提示词，单击按钮生成文案，从生成的多条文案中挑选满意的，若都不满意，可重新生成，直到满意为止。（1）生成文案▲生成文案12.3.1启动页界面设计使用Illustrator创建文件，绘制与画板等大的纯色背景，创建位置为“40像素”的水平参考线，置入“状态栏.png”文件，使其与参考线顶部持平。再打开“启动页界面主视觉插图.ai”文件，将其中的图片移至纯色背景上，调整这些图片的大小和位置。绘制圆角矩形和正圆装饰，调整圆角矩形的不透明度和角度、正圆的不透明度。（2）编排界面背景输入文案和APP的中英文名称，以及“立即体验”操作指引文字，然后在操作指引文字位置处绘制圆角矩形，再调整堆叠顺序。绘制与画板等大的圆角矩形，选择画板上所有的内容并创建剪贴蒙版，最后保存文件。（3）编排界面文字▲编排界面背景▲编排界面文字12.3.2登录页界面设计使用“画板工具”在画板右侧创建等大的画板，然后复制粘贴矩形背景、状态栏。再打开“登录页界面主视觉插图.ai”文件，将其中的图片移至纯色背景上，调整该图片的大小和位置。（1）编排界面顶部内容▲编排界面顶部内容绘制一个仅顶部为圆角、宽度与画板一致的矩形，然后再绘制3个圆角矩形和一个直角矩形。绘制3条水平直线，用于规划内容区域。（2）规划界面中