笔画 字体 粗细 本期推荐的是免费商用的卡通体，此类字体非常适合运用在可爱活泼、轻松休闲的设计中，会有不俗的表现力，常常能达到“画龙点睛”的效果。往期回顾：视觉设计师来收！免费商用字体推荐：圆体篇（12款已打包）圆体给予人圆润亲切的感觉，显得温润柔和、新颖活泼。阅读文章 > 整个字形向上倾斜，给人一种积极向上的感觉，而且横折和竖折的笔画都有弧线，没那么死板，无论是笔画结构，还是笔画粗细，都是灵活的，是一例轻松快乐风格的字体。字形笔画去除了折笔的弧形，换之以平直的笔画，竖弯钩转为竖折，同时弱化了钩笔画，省去了许多笔画末尾的小尾巴，显得更加直白可爱。整体形态采用了镂空的制作技巧，增强了字体的立体感。字体设计灵感来源于千图网 IP 千小兔的形象，将可爱的千小兔融入字体设计中，尽显年轻、活力与俏皮。适用于各类可爱、少女风的海报和店招场景。笔画粗细对比强烈，字形活泼，以拙为巧，趣味十足，充满童趣，让人觉得轻松愉悦。所有笔画以“圆润”为主，保留少量飞白，具有手写的韵味。在字形上淡化了棱角，笔画中间呈弧形外拓，将转弯的折角用平滑的曲线代替，部分笔画有规律的加粗，再结合圆润平滑的笔画，显得可爱个性，憨态可掬，轻松惬意。字体组合结构松散，重心不稳，字形偏长，起笔收笔锋利且粗细对比明显，笔画笨拙微带曲线感，具有诙谐幽默的效果。图片小可奶酪体字体笔画比较简单，都是中间宽两头窄的固定样式，笔画比较圆润，在转折处一笔形成的弧度，突出了手写感和趣味性。横竖笔画略带波浪，不完全平直，尽显俏皮可爱。字体笔画粗细排布均一合理，小字可读性较高。字体线条粗细适中，笔画随性，结构肆意洒脱，具有很好的识别性。猫啃什锦黑是一款可爱的马克笔手绘风格字体，其笔画活泼有趣萌萌哒，特别适合做可爱类、母婴类等海报的标题字体。仓耳非白是一款粗细对比明显、风格强烈、拥有 5 个字重的家族字体，结构方整，笔形简洁、利落，带有明显区别于其他字体的风格。Tips：如果安装后在 PS 或 AI 中找不到字体的话，请搜索「TsangerFeiBai」即可。字形结构灵活，选用粗细对比夸张的笔画，使字体更具视觉冲击力，搞怪的字型结构和出乎意料的空间调整让字体多了几分调皮可爱之气。笔画错落有致，打破了许多固有的排列模式，营造出天真烂漫的感受。欢迎关注作者的微信公众号：「艺海拾贝Design」 文件名 如何下载使用 文件大小 提取码 下载来源 免费卡通字体47.6MB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/cartoon-font
模糊 粗细 高斯 AI是非常能提高设计效率的试用的矢量设计软件，今天我们用它设计一款港风的字体，这种字体在电商或品牌设计中也经常使用到，简单易学，赶紧get起来吧。效果图：使用软件：Adobe Illustrator 2021版本 操作难度：⭐️⭐️教程/步骤：01.使用“文字工具”输入文字，字体为ＤＦＰ超极太楷书体，字号为30pt，再去掉原本文字的颜色。02.使用“外观”面板新增填色，然后更改描边颜色和粗细，以及填色的颜色。03.再新增新描边，更改描边颜色和粗细。在该描边上新增效果，选择“变换”。打开“变换效果”对话框，调整数值。04.继续新增新描边，更改描边颜色和粗细。在该描边上新增效果，选择“变换”。打开“变换效果”对话框，调整数值，完成。05.可随意更改文字内容和字体。这个绝技超赞哦，跟着做！零基础也能搭出完美绝配，让你花最少时间做出高品质画面。06.实现霓虹灯字体效果（可编辑）：1）使用“文字工具”输入文字，字体为“可口可乐在乎体 楷体”，字号为70pt，并去掉原本文字的颜色，然后点击“添加新描边”按钮。2）接着选中描边那项，点击“添加新效果”按钮，选择“投影”（风格化>投影）。打开“投影”对话框，设置参数如上图所示。3）然后“添加新描边”，设置描边粗细为2px，点击“添加新效果”按钮，选择“高斯模糊”（模糊>高斯模糊）。打开“高斯模糊”对话框，设置数值为2。接着更改描边的不透明度为80%。4）继续“添加新描边”，设置描边粗细为2px，颜色为红色，添加“高斯模糊”（模糊>高斯模糊），设置数值为4。5）继续“添加新描边”，设置描边粗细为4px，颜色为红色，添加“高斯模糊”（模糊>高斯模糊），设置数值为8。6）继续“添加新描边”，设置描边粗细为5px，颜色为红色，添加“高斯模糊”（模糊>高斯模糊），设置数值为12，完成！完成后，即便更改文字内容和字体，也不会影响效果。而且这款特效字在电商设计或品牌设计中也经常使用到，简单易学。07.点状螺旋漩涡图形1）使用“椭圆工具（L）”绘制一个尺寸为100px*100px的圆形，再使用“剪刀工具（C）”把圆剪开四段，位置如上图的红色线。2）绘制两个圆，尺寸分别5*5px和2*2px。再全选它们，执行“对象”>“混合”>“建立”，再双击“混合”工具打开“混合选项”对话框，设置间距为指定的距离，数值为6px。3）将圆点混合后的对象，复制粘贴为4个。再选中一个圆点混合对象和被剪后的1/4的圆形，执行“对象”>“混合”>“替换混合轴”命令。如此类推，完成另外3/4的圆形替换混合轴命令。4）完成替换混合轴命令后，全选对象并编组。然后执行“效果”>“扭曲和变换”>“变换”命令。5）打开“变换效果”对话框，设置水平和垂直缩放为91%，旋转角度为10，副本为25，如上图所示。设置水平和垂直缩放为85%，副本为25，如上图所示。设置水平为91%，垂直缩放为100%，副本为70，如上图所示。设置水平为90%，垂直缩放为95%，副本为77，如上图所示。这次分享够给力了吧！好了，看完之后记得要去实操一下哈，不然很容易会忘记。我们下期再见，喜欢的话按赞分享呦～作者：周妙妍 来源：版式设计很简单（ID：format_design）
线条 文字 粗细 在做版式设计的时候，我们经常会用到一种元素来辅助排版——线，“线”具有区隔内容、强调信息、平衡版面、指引、组合、连接、装饰等诸多功能，能有效解决很多版式问题，但“线”的使用并没有表面上看起来那么简单，很多设计新人在用“线”排版时会出现：冗余、死板、不平衡、不美观等问题，所以，葱爷今天就来讲讲，在使用“线”进行排版时需要注意哪些细节。平面干货：平面设计高手教程！全方位解锁「点线面」的运用方法（附实操案例）本文从点线面的定义、作用、设计方法帮你全方位科普点线面在版式设计中的运用，附上实操案例，基础差的平面设计师，这篇别错过了！阅读文章 > 一、线的种类常用于版式设计的“线”有 6 种：1. 长直线线条的长短没有一个明确的界定标准，我自己评估了一下，在中文版面里，线条如果长于 10 个正文的字符宽度，大概就可以称之为长线，否则就是短线。另外，长线用于区隔内容时，其长度一般是大于或等于内容的长度。2. 短直线短线用于区隔信息时，线条会比“文字行”短，短线还常用于组合信息，作用类似于大括号。上图的红色短线就是起到了组合信息的作用。3. 斜直线斜线的主要用于切割文字和图片、规范文字排版、填充空白等，比水平和垂直的线条更具动感。4. 折线折线常用于信息指引，比如产品的功能示意图、信息图表等，另外，用于区隔信息效果也不错。5. 曲线比如波浪线、弧线、或者螺旋线等等，曲线比直线更加柔和、活泼，常用于儿童、女性、或手写体为主的设计中。6. 虚线虚线具有低调、优雅、可爱的特性，常用在正文排版中用于区隔信息。二、线的粗细不同粗细的线条其效果和气质会有明显差异，所以需要根据具体的需求来设置线条的描边参数。细线条比较秀气和精致，如果版面的调性要求高端和优雅，所作用的文字“字重”以regular或light为主，那么细线会更加合适。线条的粗细值通常和其中小号字的较细笔画（衬线体参考横笔划）的粗细差不多。粗线条相对粗犷而显目，如果版面中主要文字的“字重”是medium或bold为主的无衬线体，那么使用粗线条比较合适。如果线条所作用的文字字号只有一种，线条的粗细值通常会比文字笔画略细一点点。而如果所作用文字的字号不只一种，线条的粗细值通常是介于大号文字与小号文字的笔画粗细之间。如果版面中的线条比较多，功能也不一样，那么最好区分一下线条的粗细，以使版面更加精致、层级更加清晰。比如在上图的报纸排版中，区隔报头与目录之间的线条是最粗的，甚至还用了两根线条；目录之间的线条，以及区隔目录与版位的线条要相对细一些；而版位里不同信息板块之间的分隔线是最细的；用于区隔导读和正文的线条又是比较粗的。另外，如果线条的目的是为了强调众多文字中的某些句词，通常也会使用较粗的线条。三、线的长短长线和短线的有些功能是一的，比如区隔内容，那到底什么时候要用长线，什么时候要用短线呢？主要依据是其所作用的内容的长短，通常来说，作用的内容比较长，那么用长线效果比较好；内容不一定只是文字，也可能是文字加图片,甚至是纯图片。如果所对应的内容比较短，则用短线效果会更好，短线的长度通常在所作用文字中“长句”的 1/3-1/5 之间。四、线的位置长线的起点和终点通常要与对应的图文两端对齐，或一端对齐、一端做出血处理，如果同类型的文字段落有长有短,则以最长的为准。短线则要与所对应文字的对齐方式统一，比如统一左对齐、右对齐、居中对齐。如果线条的作用是强调某些词句，那么其与文字的间隔会比较小，大概是线条粗细的1-2倍，甚至会与文字交叉；如果线条的作用是将不同组别的信息区别开，那么线条与文字的距离通常是大于等于 1 行文字的高度（横向区分），或者是大于等于 1 个字符的宽度（竖向区分）；文字越少、空间越大，间隔也相应要更大。五、线的呼应关系在文字相对较多的版面里，我们好少看到只有一根线条的情况，因为有几条重复出现的线时，才能形成呼应，以及版面的统一性、平横性和节奏感；而版面中出现不同的线是为了呼应内容本身的结构，也是为了加强版面的对比关系。图三比图一和图二更加平衡、更加精致。六、打破线的束缚如果你希望版式的调性更加灵活和时尚，可以在图文与线之间适当做一些错位、叠加或者交叉的效果，就会有一种打破束缚的感觉。以上葱爷分享了版式设计中“线”的使用技巧和注意事项，当然，这些所谓的方法也觉得不是标准，设计是不存在标准的，所谓的经验和技巧只是能帮助经验不足的设计师可以更快做对、做好，如果你够强，所有的经验都可以打破。关于排版中的其他细节，我们后面慢慢聊。本篇来源：优设网原文地址：https://www.uisdc.com/line-design
字体 粗细 斜体 Roboto 是 Google 在 2011 年为 Android 4.0 开发的无衬线字体（Sans-Serif）家族，2014 年为新的 Android 5.0 重新设计，后来也成为 Google 旗下服务 Google Play、YouTube、Google 地图和 Google 图片搜寻的默认字体。Roboto 字体使用 Apache 授权条款释出，整个字体系列包含六种字重粗细：Thin、Light、Regular、Medium、Bold、Black 和相对应的斜体，任何人都可以从 Google Fonts 网站免费下载。近期 Google 宣布推出一款名为「Roboto Serif」的衬线字体（Serif），让任何屏幕尺寸、任何格式的阅读更舒适、容易，Roboto Serif 加入使 Roboto 字体系列更完整（这个字体系列里还有 Mono、Slab 和 Condensed 衍生字体），这款字体开放源码、可从 Google Fonts 免费下载。值得注意的是 Roboto Serif 并不是从原有的 Roboto（无衬线）字体修改而来，而是将每个字母从头开始绘制，既有考虑到 Roboto 但又是一项全新的原创设计。此外，Roboto Serif 还可依照不同的屏幕大小动态调整粗细、宽度，藉此提供更好的显示及阅读效果。Roboto Serif 收录九种字重粗细：Thin、Extra-light、Light、Regular、Medium、Semi-bold、Bold、Extra-bold 和 Black，也有对应的斜体（Italic）可用，如果对这个字体有兴趣，Google 提供「Getting Comfortable with Roboto Serif」电子书详细介绍 Roboto Serif 特色和显示样式。Roboto Serif网站链接：https://fonts.google.com/specimen/Roboto+Serif使用教学开启 Google Fonts 的 Roboto Serif 字体页面，从样式可以看到不同的字重粗细、斜体，从上方调整要预览的文字实例、文字大小。如果要下载字体只要点选右上角「Download family」就能完整取得 Roboto Serif 字体系列。由于部分同学无法搭梯子，优设网已经下载好放在开头和文末的附件了，大家也可以直接下载附件。下载后解压缩、执行字体文件就能将 Roboto Serif 安装到系统上，无论是 Windows、Mac 或是 Linux 都能安装及使用这些字体。想要测试一下 Roboto Serif 不同字重、线条粗细、宽度或斜体实际显示样式，Google Fonts 网站最下方就有测试功能，也能查看范例字符（Sample glyphs）。值得一试的三个理由：Google 宣布推出 Roboto Serif 免费英文衬线字体在任何屏幕尺寸、任何格式上都提供更舒适、易于阅读的体验Roboto Serif 收录九种字重粗细，也有对应的斜体可以使用Fontworks和谷歌合作啦！免费开放8款开放日本字体下载Fontworks Inc.（フォントワークス株式会社）是一家成立于 1993 年的日本字体公司，旗下有知名的筑紫系列、UD 字体系列和 Klee（クレー）字体，经常出现在广告的标题，看起来很有气质，筑紫系列和 Klee 也被内建于 Mac 系统。阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 Roboto Serif 字体包56M2333 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/roboto-serif
表哥
飞翔的企鹅
