《製封指南》 Ch1-1 | 设计工具 设计工具百百种，到底哪一个适合初学者呢？ 如果已经是製封一段时间的设计者，又可以学什么工具，让作品可以有更多变化？ 就让这篇文提供一点方向吧～ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 1.简易配备 推荐指数：★★??? ■一支手机 ■一个app 有放图、放字的功能即可 ex.美图秀秀、fotor、ig限动页面（欢迎补充） ｜优点 ■好上手，用手指操作即可，没有电脑也可以做书封 ■使用手机图像编辑软体可以直接进行底图调色 ｜缺点 ■功能简陋、画质较差，是没有电脑的替代方式 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 2.标准配备 推荐指数：★★★★? ■一台电脑 ■一个软体 gt;简易製图功能 ex.美图秀秀电脑版、photoscape - gt;完整製图功能 ex.photoshop(简称ps，popo站上最通用) ｜优点 ■最通用，功能完整可以做足够多变化，操作也较方便 ■photoscape功能直觉好上手 ■ps可以调整为高画质(photoscape不行) ■ps最通用，所以很多线上教程可以参考 ■ps可以使用mockup，把你的书封弄成一本书，展示好看 ｜缺点 ■photoscape功能直觉好上手但一样画质差不能调 ■ps需要花时间熟悉介面和学习怎么用 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 3.专业配备 推荐指数：★★★★★ ■一台电脑 ■两个软体交互用 gt;排版、绘製向量图用 ex.adobeillustrator(简称ai，跟ps一样都是adobe家的) gt;调色、笔刷、mockup、相片编辑 ex.photoshop ｜优点 ■两个软体交互用，各取所需，达到设计者想要的效果 ex.先用ps将照片调成想要的顏色后再拉进ai进行排版 ｜缺点 ■ps和ai都需要花时间熟悉介面和学习怎么用 ■要够熟悉两个软体的功能 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 【结论】 没电脑或懒得学软体：简易配备or标准配备-简易製图功能的软体 初学者：标准配备-完整製图功能的软体，慢慢摸索ps 已经会ps的设计者：可以尝试使用ai，开发更多设计的可能性 我自己排版的部分用过ai就回不去ps了... 后面教学也会以ps和ai的功能为主(因为其他简单的软体好上手到没什么好让我教的...) 还有如果要製作实体书封，至少要会ps 第一篇文就这样啦 有问题或建议欢迎在下面留言哦~ (软体怎么载、基本功能怎么用、字体哪里载等，这种可以google到的问题我就不回答啦) Ch1-2 | 图哪里来 选择图片有一些基本原则你要知道： 1.google提供图片搜寻的服务，但这不表示搜到的图片都可以任意使用。 平时如果只是学校简报，那你可以用下载的图片，因为算私下使用，但今天书封设计涉及重製和再分享，那就算公开使用，所以必须注意图片着作权/智慧财產权的问题喔~ 2.不是只要标註出处，就代表没有着作权问题。 有时会见到设计者「侵权请告知，即删并道歉」的公告，必须说如果所有权人留有你的不当使用证据而且执意要计较，就不是道歉能了事的了。(虽然很少会有这种情况发生但既然知道不对就还是避免吧～) 3.选择图片尽量从「可商用免费图库」寻找(当然有钱也可以直接从图库买啦)。 不囉嗦下面直接上我知道的所有网站清单。 如果只是网路上使用基本上没问题，但如果要商用(例如有收取报酬的书封设计)就要仔细看一下授权条款，以免不小心侵权喔～ 「可商用免费图库」常见的禁止条例有： ■不可以拿到其他平台卖/获取利益 ■不可以声称你拥有这张图片的着作权 ■不可以用在违反善良风俗的用途上 4.如果想知道更多，可以参考这篇文章～ 「使用网路上的图，如何避免触法？」&lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 【央央私推】 懒人我最常用的是直接google图片搜寻，再开啟工具列选择条件。 可以参考封面图 常用选项 ■想要高清图gt;选择「大小」gt;大 ■想要不侵权gt;选择「使用权」gt;标示为允许再利用且可修改(看你需求选择即可) ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 【图库清单】 1.基本上都是免费授权但网站太多我也没有每个都仔细看 如果要商用，还是要看一下授权条款喔～ 2.想要找到适合做书封的图，需要找对关键字 例如国外网站就是用英文搜亚洲、少女、女孩、校园、青春、情侣...等等等 ■国外高画质图库 pixabay pexel pxhere visualhunt magdeleine unsplash peakpx picjumbo gratisography gettyimages(非商用) lifeofpix(自然风景) newoldstock(老照片) superfamous ■照片分享社群，须注意个别创作者授权条款 flickr ■涵盖各大网站资源库 ccsearch 台湾创用cc计画(有中文) zoommy thestocks ■插画/素材类 freepik lovepik flaticondesign(简约可爱扁平化日系插图) paper-co(纸) &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank">(日系小物素材) biodiversityheritagelibrary(17世纪「动植物图鑑」，请至flickr搜寻) ■其他 foodiesfeed(食物) pakutaso(日系唯美图库/有些猎奇图片) ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 【结论】 虽然看起来很多，但到后面应该会发现常在用的就那几个xd 大家就自行探索吧～ Ch1-3 | 配色原则 | 对比配色范例 只有一个大原则 同一张画面上尽可能不要超过三种顏色 【简单选色法】 step(1)吸取照片顏色 底图是一张封面的主角，直接从里面挑色，整体来说一定是和谐好看的。 step(2)微调吸取后的顏色 依照你的需求微调顏色深浅。 例如标题用色放在白底会看不清楚的话，就稍微调深些。 只要色调相同，与图片保持和谐即可。 【常见用色范例】可参考上图 ■单色 ■双色 ■三色(范例是笔划变色+插图) 结论： 秉持本书只给乾货的原则 如果大家想学习更深入的配色理论 可以参考这篇文章「设计配色完整攻略：色彩意义、色彩理论、色彩心理学让您一次拥有！」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> 也可以参考抖抖村的youtube影片「再不用抄袭颜色！直男能看懂的超简单色彩理论」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> Ch1-3 | 配色原则 | 相近配色范例 【相近配色范例】 ■单色 ■双色 ■三色 Ch1-4 | 字体怎么选 字体很多，到底该怎么选？ 上图是我整理自己常用的中英文字体给大家参考～ 需要特别说明的有两点： (1)「字重」指的是字的粗细 有些字体后面会写着light/regular/bold/black等就是不同的字重 例如中文字体图片右下角分别为「源泉圆体light」与「源泉圆体heavy」 同一字体，但不同字重组合成的系列，我们称这个叫「字体家族」 上面选的中文字体我之所以爱用，就是因为他们有各种不一样的字重 思源黑体、源样黑体、源泉圆体、源云明体都有自己的字体家族 我喜欢字体可以有很多变化 (不然其实也可以直接用ps的字体加粗功能啦) (但ai就没有字体加粗功能，如果想加粗、或想要细一点的必须得找到字体家族才行) (中英文字体都有字体家族) (2)英文字就用英文字体，不要用中文字体 两者设计逻辑不一样 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 秉持本书只提供乾货的原则 字体的学问真的要细讲可以直接另外开一本讲了 但我这方面没有特别深入了解，网路上有更专业的教学 【网路文章】 「许瀚文-你不可不知的中文字体基本知识：黑体、明体」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> 「justfont-思源改作，免费中文字体下载指南」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> justfont是台湾专业的字体设计公司，字体界的潮牌。 上面是他们的部落格，分享一些字体相关的基础知识和最新资讯。 【podcast】 字型脑补 【书/mook】 typography字志：issue01造自己的字！ 中文：蒙纳字型设计师许瀚文 日文：字游工坊负责人鸟海修 欧文：蒙纳字体总监小林章 ──世界最前线字型设计师，字型製作流程无私解密！ 本书为中文圈第一本以字型为主题的专刊，由日本专业设计出版社graphic社监製授权，并加入繁体中文版独家中文内容，将为你从各种不同面向深入发掘字型的相关知识与情报。 (在图书馆翻过，知识含金量高，博客来有卖) Ch1-5 | 装饰小图案 设计时可以找一些小插图辅助 让画面看起来更丰富、平衡画面或补感觉太空的地方都很好用～ 可以参考示范封面(轻日是我的小帐应该不是秘密了xd) 下面提供两个小插图来源： (1)flaticon|flaticon.com 上面这个网站是可免费使用的(要标註作者资讯) 有时会有两种档案类型可供下载 使用ps或其他软体gt;下载png档即可 使用aigt;下载svg档(拉进ai就是可编辑/无限缩放的向量图档) ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ (2)googlequot;ps____brushfreequot; 如果你是ps使用者，可以使用笔刷工具 空格填入你想要的素材名字(英文)，例如花草、水彩等等 下载ps笔刷档(.abr)再匯入你的笔刷库 就可以自由使用囉 结论： 就是乾货 补充： 使用装饰小图案要注意的是，它是用于「点缀」和「辅助」，而不是主角。 如果整个封面做完才发现哪个地方不平衡、空空的、怪怪的，装饰小图案丢上去也无法达到加分作用时，那可能是整个排版结构的问题，元素间的摆放没有在整个画面中达成平衡所致。 之后会开文讲。 Ch1-6 | 书封尺寸、像素设定 ■尺寸 mm=公厘；cm=公分；px=像素 一般小说尺寸大小为a5(148*210mm) gt;我个人都以这个尺寸製作 popo官方封面尺寸建议则是195*275px gt;只有要萤幕显示，没有要印出来的话ok ■像素(画质/解析度) dpi(dotperinch)gt;印刷输出用gt;要印出来请至少设定300dpi ppi(pixelsperinch)gt;萤幕显示用gt;72ppi或150ppi就可以gt;低于72ppi可能有变模糊的风险 ■色彩模式 cmykgt;印刷输出用 rgbgt;萤幕显示用gt;色域较cmyk广，可以显示更鲜艷的顏色 结论： 像素不是设越高越好，需要依照个人的情况去调整。例如我有製作作品集的需求(可能会印)，所以一律都设a5/300dpi/cmyk；但如果你的封面只有要萤幕显示，没有要印出来的话，设到300ppi看起来不会比较清晰，只会让档案变大佔空间。 Ch1-7 | 把书立起来的2种方法 | (1)MockUp 一起来学怎么把平面书封做成拟真书，美美的跟大家分享吧！ 两种方式都需要用到ps 第一种方式是mockup ■什么是mockup mockup如果要用中文理解，应该就是「拟真模型」了 设计师在做好平面稿后会把图mockup起来向客户提案，让客户看成品大概会长怎样 mockup范围非常广泛，你可以想到的印刷品应该都有，书只是其中之一 ■怎么找免费mockup素材 googlequot;_____mockuppsdfreequot;就可以蒐到很多 例如要找书封就quot;covermockuppsdfreequot;/quot;bookmockuppsdfreequot; 书也有不同类型 精装硬壳书：hardcoverbook 一般纸本书：softcoverbook 书衣/有内折书口的书：bookjacket 骑马钉小书：saddlestitchbooklet 空格填入书、小册、海报、名片、明信片、帆布袋...等等你想做成拟真模型的东西都行 用英文搜资源比较多 ■怎么使用mockup (1)上网下载别人製作好的psd档 (2)用ps打开后会长下图那样，有好几个图层 (3)找到右下角有小符号的图层，点两下，会开啟一个新的页面 (4)进入刚开啟的那个新页面，把你的设计放进去，然后存档(不是另存新档喔) (5)回到原页面，你就得到立起来的书了～ Ch1-7 | 把书立起来的2种方法 | (2)动作 把书立起来的第二种方式是ps里的内建功能「动作(action)」 ■什么是「动作」 「动作」是ps内建功能，别人把操作过程纪录起来，存成atn档，你下载后就可以让ps自动跑操作过程，得到一样的效果。 动作可以製作拟真模型，也可以做其他的事，例如特殊滤镜或很酷的特效(想看多酷自己google”psatn”，毕竟popo画质，嗯) ■怎么找免费封面动作素材 googlequot;coveractionpro2.0freequot; 可能要自己找找哪里可以下载 我载太久忘记出处了 ■怎么使用「动作」 (1)上网下载atn档 (2)打开psgt;工具列找到「视窗」gt;开啟「动作」 (3)点右上角叫出清单gt;选择「载入动作」(不是新增动作喔) (4)展开你的动作，里面有step1amp;step2(可参考上图) (5)选择step1，再按下方拨放键，会出现一个新档，把你的设计放进去 (6)放好之后，选择step2，再按下方拨放键 (7)等程式跑完，你就得到立起来的书了～ 总结： mockup和action都可以帮你把书立起来 推荐mockup，因为比较快速、资源也较好找 action主要还是拿来做特效的 Ch1-8 | 大神在哪里 | 设计参考资源 练习做书封的时候不免要多看多学，这时候就需要寻找参考资料；也有时候只是单纯想欣赏别人的设计，那么除了popo哪里有大量的封面可以参考呢？ ■小清新风格|青春爱情小说简约主流风格 1.博客来 首页左侧「全站分类」gt;「中文书」gt;「文学小说」gt;「爱情小说」区有各种类型的封面；如果想找特定风格，就搜寻出版社常见有「城邦原创」、「要有光」、「春天出版」等等。 2.popo本站 首页导览列「排行榜」gt;下滑至「图文设计」展开 週榜/月榜/总榜都有很多棒棒的设计者～ ■对岸风格|常见古风或插画底图为主很精緻的风格 1.花瓣网 算是中国版的pinterest(有app)。 除了「封面设计」、「书封设计」，也可搜寻「装帧(ㄓㄥˋ)设计」 (ps.台湾这边「装帧」指的是一本书的装订，是实体书才会用到的；但对岸似乎常用这个词指称封面) 2.站酷(zcool) 有较多专业设计师出没的一个设计社群(有app)。 搜寻关键词跟花瓣网一样。 ■社科类、文学类|这一栏都是我自己爱的设计师推荐xd 1.王志弘 喜欢他到愿意花两千多买他的作品集，那本书被我供着，每翻一次就像经过了一场洗礼一样（没浮夸）。 其实我也只是买个作品集，就别说我有个老师是他的脑粉，所有他设计的书这位老师全都买(当然包含作品集)，通路买不到还会去二手书店找，不知道收藏有没有上百本了... 总之，是我心目中跟神一样的设计师，整个不敢妄下评论xd wangzhihong.com 2.许晋维 他是我最爱的封面设计师，图像表现手法和排版每次都让我觉得很惊叹，最常见是社科类和文学类的书。 去flickr搜寻他的名字即可。 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank">/photos/eddie0104/&lt;/a&gt;</a> 3.蔡佳豪 我很喜欢他的现代插画风格！！最常见也是社科类和文学类的书。 他设计的书封放在书店架上是脱颖而出的，但我讲不出具体是为什么。 &lt;a href=<a href="/tsaichiahao" target="_blank">/tsaichiahao</a> target=_blank class=linkcontent&gt;<a href="/tsaichiahao&lt;/a&gt;" target="_blank">/tsaichiahao&lt;/a&gt;</a> ■综合类|没有限定什么风格，国内外设计都有。 1.pinterest 设计社群，能让你把喜欢的作品pin起来，变成你自己的收藏库。 中英文搜寻都可以，我觉得它有个非常方便的功能是当你点进一个你感兴趣的设计，底下就会出现相似风格的作品，一个连一个，海量作品刷不完。 2.behance 大概全世界最优秀的设计专案都聚集在这里了。 如果要研究一个作品的產出过程或背后思考脉络等等再来这边，海量刷图的话比较建议使用pinterest. 结论： 网路好棒 Ch2-1 | 认识实体书封 ■上图 以直式右翻书为例，实体书封摊开成平面图之后，每一个部分的名字～ ■下图 一本书是往左翻还是往右翻，是依据内文排版的文字方向。 製作之前要先和作者确认清楚喔。 直书：右翻/横书:左翻 Ch2-2 | 个人志去哪里印？ 我知道的作者们大部分都是去「樺舍印前」印。 应该是因为可以少量印刷，想印几本就几本(1本也行)，价格也不会很贵；而且我个人觉得最方便的是它可以直接线上估价，没有太繁琐的流程。 个人志、笔记本、明信片都能印。 如果作者们有推荐其他家印刷也欢迎告诉我～ 有的话再分享上来推荐给大家。 Ch2-3 | 开新档案的正确方式 由于这边大部分设计者都以ps为主，所以就以ps的开新档案来做范例吧～ ■上图 1.实体书封完成时，送给厂商的档案必须是平面稿(整本书摊开)的状态，所以会直接在一开始就以这个形式製作，或有些设计者也会把封面封底书背书口个别做好后再拚成这个形式。 尺寸：请依照说明计算。 解析度：300dpi 色彩模式：cmyk 2.什么是出血？该注意什么？ (1)出血就是会被裁切掉的地方。图在输出时需要比实际尺寸大一点，再进行裁切，才能确保书本尺寸是正确且统一的，所以我们需要设定「出血」。 (2)通常出血尺寸为3mm，就是原始尺寸的上下左右都要加3mm的意思，所以在设定时就是原始尺寸的宽和高各要+6mm (3)製稿时请务必把底色延伸到出血区，避免白边情况；除了底图/底色，其他内容不要放到出血区以免被切掉。 ■下图 开完新档案就是一片空白，你可能会想，蛤，阿这样我怎么知道我的封面封底书背书口在哪？ 这时请善用ps的参考线工具(检视gt;新增参考线)，设定你的出血和封面封底书背书口的位置。 这些设定完就可以开始製作啦。 结论： 送印一次过的方法就是把档案都设定正确，才不会被印刷厂退件要求修改喔～ Ch2-4 | 怎么得知书背尺寸 首先要内文排版完成并确认总页数后，才能计算书背尺寸。 然后这是樺舍印前的估价网页： doujin.webprint.com.tw 进入后下拉至「书籍内文」区块 step1.输入总页数 step2.选择纸张(纸张种类会影响尺寸) step3.下面会自动帮你计算出书背尺寸 Ch2-5 | 字级字重表 由于以前刚做实体书封时没有经验，发生过电脑上看可以，实际印出来字却太大或太小的可怕情形。 (*字级指的是字的大小) 所以我製作了一张字级字重表，大家下载后用a4纸印出来，就可以直接对照你家有的实体书看它字级是多少，也可以知道说你现在电脑上设定的字级印出来大概是长怎样。 印一般a4纸印ok，但如果可以去输出店印透明的投影片或半透明的描图纸的话就可以直接重叠对照，这是我比较推荐的做法～ 通常爱情小说封面小字(除了书腰)最小就是6pt，再小就很难识读了；然后12pt就这类小说来说其实很巨大。 中间那个标示148*210mm的框是a5，也就是一般爱情小说封面的尺寸。 Ch3-1 | 本章使用说明 在本章里，我们会说到「网格系统」的概念。 在想排版要怎么分享给大家时，一直很犹豫的点是我如果随便教了，是直接提供一条快速达到美的捷径没错，但我不愿让我教的方法变成一种「标准答案」，毕竟设计的乐趣之一就是享受在探索不同编排方式时让自己作品变更好的过程，我不想抹杀掉这一点。 所以我的建议是，请设计者慎服，将这一章视为「解决问题」的方法，如果你符合以下所提出的状况，再使用本章内容。 1.你是个作者，并不对探索设计感兴趣，只是需要一个方法为自己的作品做出封面。 解：可以直接参考书中范例作为设计模板，这样最快。 2.你是个设计者，设计时觉得自己的作品很「平」，不知道该怎么办。 解：运用网格系统创造画面层次感。 3.你是个设计者，遇到面对一片空白不知如何下手的时候。 解：运用网格系统划分版面，让元素摆放有个依据，至少不会整个迷茫。 4.你是个设计者，遇到排版后觉得某一块空空的、怪怪的时候。 解：如果放了装饰小元素感觉很硬要或没有比较好，那就是你元素跟元素之间的摆放关係，于整个画面是失衡的。在试了很久之后还是无法的话，你可能需要在「版面平衡」章节里找理论方法去检视或调整你的排版。 最近要忙一些别的事情 可能不会那么快更新tt 如果大家有问题欢迎先在底下留言告诉我哦 Ch3-2 | 版面平衡 你是否遇过这样的情况？ 在图片、标题、小字、作者名摆好后，拉回整体看发现总有一块感觉空空的、怪怪的？就算加了装饰小图还是没有比较好，反而感觉很硬要？ 这一章内容主要是给遇到这情况的设计者「调整」自己元素的方法。 有天份的人，或设计过一段时间有经验的人，自然而然会知道怎么样排版「感觉」是对的，达到画面的平衡。(没天分也别哀，多做就会越来越有感了啦) 但是，再有天份或经验总有脑子突然无法正常运转或「手感不佳」的时候，遇到上面那个情况可以用以下方法测试看看： 1.把画面中分散的元素连起来，连的时候看情况连元素的中心点或四角，看能不能构成一个三角形或四边形(可以给人稳定感的长方形、梯形等等) 2.检查它们是否有确实对齐，齐左、齐右或置中。 元素可能包括：标题、小字、作者名、图片主角(你第一眼会看的地方)。 结论： 这个是我自己想的非正式方法，也没啥理论支持（应该是有，但我学疏才浅没有看过），很努力想把很抽象的东西用白话文讲tt 大家就加减试试吧。后面会有图例。 Ch3-2 | 版面平衡 | 三角形构图检测法 这个没有标准做法，只是拿我以前做过的封面示范检测法可以怎么用。 总之只要让版面看起来平衡就行了。 1.我们没有永远 元素：照片主角、标题、小字 做法：用几何形框出外围，取中心点连线，构成三角形。 说明：这个案例三角形是歪的，但这个朝下的三角形，下角在版面的正中央，因此整体看起来是稳定的。 2.陪你在月球散步 元素：标题、照片主角的腿、英文装饰字 做法：对于有方向性的元素，以线而非点，构成三角形。 说明：这张照片里主角有一个很明确的方向性，整个人往后倾倒，所以为了让版面平衡，在她后面加上英文装饰字去稳住她。标题则置于两者之间做平衡。 3.于是，你在这 元素：标题、小字、作者名 做法：用几何形框出外围，取中心点连线，构成三角形。 说明：这个案例三角形整个是歪的，但你可以发现右上角和下角连起来的线刚好卡在女孩的头上，不平衡的地方被女孩的头撑起来了。画面左侧也是歪的，所以那时也加了装饰小图案在旁边。(这是2015的作品，那时也没在管什么平不平衡的一切靠感觉，没想到画线画出来竟然有这种巧合。) 4.被遗忘的恋音 元素：标题、小字、作者名 做法：用几何形框出外围，取角落连线，构成三角形。 说明：这个案例就是很正常的直角三角形，然后用图片裁切的手法补画面左半边的平衡。(一样是2015的作品，现在看会觉得小字太小了。) 结论： 不管是以前还现在，我在设计的时候都没在刻意找什么方法让画面平衡，只是会愿意花很多时间慢慢移动元素或调整摆放位置，尽可能把封面的「感觉」调对(当然随着经验累积调整时间就会渐少)。 我的建议是一开始设计的时候不需要想这么多，怎么微调都条不好的时候再用这个方法检测看看就好。 Ch3-3 | 资讯层级 | 简介、文字层级 在进入网格系统之前，我们要先了解「资讯层级」的概念。 「资讯层级」指的是将文字依重要/醒目程度做分级，作为决定它们各自大小或排版位置的依据。 【为何要分？】 1.做出画面的层次感 2.让文字更好被阅读 3.让该被强调的资讯跳出来 【分的依据】 你想让观者第一眼看到什么？ 要怎样放才能让一堆文字容易阅读？ 哪些是重点，哪些又没这么重要？ 以爱情小说书封来说，最大是标题、其次是小字和作者名；如果你在练习做资讯量大的书腰，就更需要把层级分好了。 q.文字可以用哪些方法区分出层级呢？ a.字级(文字大小)、字重(字体粗细)、顏色、【加外框】...etc. 可单独用或互相搭配 gt;gt;续下一章|q.怎么透过排版位置分出层级？ Ch3-3 | 资讯层级 | 视觉动线、排版层级 q.怎么透过排版位置分出层级？ a0.依据人的视觉动线原理(白话：人看画面/阅读文字的方向习惯，细节请至结论看) 【范例将同样的封面用不一样的方式排，方便比较】 【我决定的文案重要程度(层级)：标题＞作者＞小字】 【这张设计希望你先看到标题，再看到作者，最后才看到小字】 a1.如果你的标题整体是横的： 我们阅读横书的习惯是从左到右、从上到下(z字型) 所以层级依重要程度：标题在左上、作者在右上、小字在左下 a2.如果你的标题整体是直的： 我们阅读直书的习惯是从右到左、从上到下 所以层级依重要程度：标题在右上、作者在左上、小字在左下 a3.如果你的标题在版面中央： 最重要摆中间，其他资讯看是直书还是横书，概念如上 所以层级依重要程度：标题在中间、作者(直书)在右上、小字在左下 结论： 秉持本书只给乾货的原则 如果大家想了解视觉动线背后的原理 可以参考文章「赶紧收下！连bat设计师都在使用的视觉动线技巧（上）（下）」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> 想了解日常阅读习惯 可以参考维基百科「东亚文字排列方向」 &lt;a href=<a href=" target="_blank"> target=_blank class=linkcontent&gt;<a href=" target="_blank"> Ch3-4 | 网格系统 | 介绍 & 初级切法 | 2等分 如果有人问美术和设计差在哪，我通常会回答他们都是艺术类，只是美术是文组，设计是理组。 文字图片材料都备好，设计要速成，其实是有公式的(不过你知道就像数学物理，公式背起来你也不一定每题都能解；设计你懂方法，速成可以，但想做得更好还是得靠持续练习，并增进自己的美感)。 【拆解封面设计，公式三步骤】 1.先将资讯分出层级(上一章有教) 2.设版心、用网格系统划分版面 3.把图跟文字资讯摆进去 【网格系统是什么】 基本上是在你开新档案的时候就把版面切割成几等分，让你放资讯进去的时候有个依据，不会脑子跟着画面一片空白不知如何下手；或你是老手没梗了，也可以用这个方法刺激灵感。 【怎么切—初级切法】 1.先切2或3等分(直横皆可，不一定要均分)/一分给图、另一分给文字资讯或留白 2.文字资讯那一半再切，你有几个层级，就切几分 (对怎么切没特别想法的话，可以看看你的底图，怎么切能配合的起来) 【啊不一定要均分的话，要怎么分才好看】 1.等分切 ex.1/2,1/3,1/4,1/5,1/6...etc.(再多就不建议了) 2.比例切 ex.黄金比例(1:1.618),白银比例(1:1.414),斐波那契数列(1.2.4.8.16)...etc. 【均分后物件怎么放】 以划分出小空间为准，各种对齐，置中齐左齐右就对了。 总结： 这不是死规矩，只是个概念，任何方法都可以做变化，例如切线也不一定要是直的，斜的、弯曲的都可以，你就可以用不一样的方式呈现图片之类的，等练习熟悉之后就可以活用了。 网格有千千万万种切法，它只是个工具，应该帮助你发展创意的同时让你的资讯不会乱七八糟，而不是限制你的创意。总之，设计包含感性的成分，本来就难以用一个原则概括所有，所以就算有公式，还是要多练习喔～～ 另外想知道提升美感的具体方法，可以至youtube搜寻： 1.如何成为一名优秀的设计师：罗子雄@tedxchongqing 2.抖抖村审美 Ch3-4 | 网格系统 | 初级切法 | 3等分范例 【拆解封面设计，公式三步骤】 1.先将资讯分出层级(上一章有教) 2.设版心、用网格系统划分版面 3.把图跟文字资讯摆进去 【怎么切—初级切法】 1.先切2或3等分(直横皆可，不一定要均分)/一分给图、另一分给文字资讯或留白 2.文字资讯那一半再切，你有几个层级，就切几分 (对怎么切没特别想法的话，可以看看你的底图，怎么切能配合的起来) 【啊不一定要均分的话，要怎么分才好看】 1.等分切 ex.1/2,1/3,1/4,1/5,1/6...etc.(再多就不建议了) 2.比例切 ex.黄金比例(1:1.618),白银比例(1:1.414),斐波那契数列(1.2.4.8.16)...etc. 【均分后物件怎么放】 以划分出小空间为准，各种对齐，置中齐左齐右就对了。 后记 — 完结啦 时隔两年在排行榜上看到这本，突然想起自己挖的坑xd 中间更到教排版就没更了，是因为当时把排版教学拿给身边的人看，收到不太好理解的反馈，但又想不到更好的呈现方式，毕竟做一篇也是要几个小时，想着效果不好做了也帮不到人，就默默弃置了。 现在隔了一段时间回来看，自己也觉得确实是有点难懂哈哈哈，算了啦就这样，感谢后疫情时代互联网大爆发，多了很多免费的线上学习资源，针对中文的教学，其实还是要往中国那边找比较丰富，推一个我自己常看的站酷（zcool），有各种从入门到专业的平面设计教学和乾货，除此之外，小红书上也有设计博主整理相关资源，大家可以参考看看。 开製封指南的时候，我已经卡在瓶颈期很久了，当时无时无刻想着要不要放弃设计，然而，曾经怎么也想不通的事、过不去的坎、画不出的图，随着不断学习累积已逐渐明朗，直到两年后的今天，我依然在做设计，并且以平面设计师的身分努力在社会上生存中xd我觉得挺好。 最后谢谢大家的阅读、收藏和留言让我知道自己没有白做工哈哈哈，能帮到大家真是太好了，在popo这么久终于有一本书可以掛上已完结了！