思源 黑体 字体 经常做安卓端设计的朋友应该经常被一个问题困扰，那就是思源黑体的行高特别高，而且文字整体偏下。这会导致在 UI 设计软件中使用居中操作后，视觉上总是偏下的。但是这一问题 Adobe 官方一直未曾解决，甚至不认为这是问题。思源黑体和更多黑体字下载：视觉设计师来收！免费商用字体推荐：黑体篇（13款已打包）“黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。阅读文章 > 作为一名从业多年的非著名视觉设计师，这种事情是不能忍的。如下图所示，虽然按钮文本在布局中是居中的，但是因为行高的存在，以及思源黑体文本本身偏下的问题，此时文本整体是偏下的。当前因为硬件平台以及软件适配等原因。不同公司对行高的定义是不同的，有 1.4 倍、1.5 倍，以及一些更复杂的计算方式。而思源黑体因为整体偏下以及原本默认行高偏高，自定义行高后在 figma 和 MasterGo 等设计软件中，字体显示更加离谱，完全失去了平衡。那究竟有什么好的解决方案呢？关于这个问题我跟国内多家设计软件提了建议，但是目前还没有人着手优化。于是便自己寻找各种解决方案，终于功夫不负有心人。让我发现了一款基于思源黑体优化的字体——梦源黑体。此字体为免费开源可商用：https://github.com/Pal3love/dream-han-cjk为啥叫梦源黑体呢？是因为此字体是一位叫做梦回琼华的软件开发工程师在思源黑体可变版的基础上修改的。梦源黑体将可变版思源字体的大量中间字重实例化为传统单字重字体，合并了重叠的曲线轮廓，在保证最大兼容性的前提下，提供更加细腻、丰富的字重选择。此外，本项目修复了思源系列广泛存在的 Adobe 行高过大问题。本系列字体的其他功能（如字形、竖排、kerning、多语言、异体字、曲线精度等）与思源系列保持完全一致，未做任何修改。（引自作者原文： https://zhuanlan.zhihu.com/p/480219182 ）通过下图，我们可以发现在相同字号和行高的前提下，思源黑体、梦源黑体和苹方三款字体的文字布局，苹方始终可以保持居中位置，梦源黑体在一般常用字号大小时表现优异，能够保持居中。在字体过大的时候会出现一点偏下，在使用 64 号字时，上下间距约相差 3px，完全可以满足日常使用了。而思源黑体就显得惨不忍睹了，基本 10 号字以上就会出现明显偏下；既然梦源黑体能够解决思源黑体存在的问题，那么直接替换是不是就可以了呢？理论上是可行的，但是还会存在一些问题，因为梦源黑体的原作者是基于可变版思源黑体来优化的，其字重有 27 个之多。而思源黑体标准版则只有 7 种，从细到粗分别是 ExtraLight、Light、Normal、Regular、Medium、Bold、Heavy；所以要想使用梦源黑体，就需要和标准版的思源黑体字重一一对应，通过对比筛选出其对应关系为：ExtraLight=W1、Light=W6、Normal=W12、Regular=W13、Medium=W17、Bold=W22、Heavy=W27；所以如果你只是想解决字体行高和不居中的问题使用上述字体字重即可，在 UI 设计软件中也可以自定义行高，文本会使用保持上下居中；而笔者作为强迫症，又对梦源黑体进行了如下修改，首先将字体名称和字重从梦源黑体改为了对应的思源黑体及字重。同时针对针对 Android 端中文使用思源黑体，英文使用 Robto 字体，排版时需要来回切换两种字体的问题，将思源黑体中 95 个英文字符替换为了 Roboto 字体。使用修改后的字体你能够得到的效果如下：因为此款字体是基于思源黑体可变版优化的，所以和思源黑体标准版字形和字重有细微差异，请知悉，同时本人已联系原作者，希望不久后基于标准版思源黑体优化的版本能够和大家见面。相信此款字体能够解决广大设计师在工作中的一些困扰，最后向梦源黑体的作者致敬（有条件的朋友可以去 github 给作者点一个免费的小心心）。有需要的小伙伴可以附件下载梦源黑体原版以及经过本人改造过的思源黑体文件。（仅做交流使用，不作任何商业用途）欢迎关注作者微信公众号：「动效研究社」 文件名 如何下载使用 文件大小 提取码 下载来源 思源黑体优化版376.05MB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/dream-han-sans-serif
黑体 字体 个字 “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。还有优设自研的超人气字体：「优设标题黑」官网下载！「优设标题黑」请从优设官网下载，我们会将最新字体版本更新在此，大家记得收藏本页面。阅读文章 > Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字体是开源且免费的，用户还有权修改它，以此衍生出了大量基于思源黑体改造的字体。阿里巴巴普惠体字形瘦长，视觉重心略高，字体内外都透露出一股年轻挺拔的姿态。包含 5 个字重，针对不同字重的使用场景，对细节做了区别化处理。其中 L/R/M 较细的字体更适用于长文阅读，而 B/H 两款较粗的字体更适用于标题场景。奉行简洁真实，去除装饰，特征鲜明但又低调，并针对移动端进行了像素级优化，具有现代感和未来感。包含 5 个字重。MiSans 为小米品牌字体，笔型平直有力，设计简约，减少视觉负担，更有利于屏幕显示。MiSans 字重齐全，层级清晰，共有 10 个字重。华为 HarmonyOS 鸿蒙操作系统全新定制的系统默认字体，鸿蒙字体设计上聚焦于功能性、普适性，是一款多语言的无级可变字体。首款支持字重、中宫双重无级可变的荣耀品牌定制字体。采用现代简约的黑体风格，不同笔画部件之间的位置关系清晰明确，字体精美舒适。江城斜黑体可以看做思源黑体斜体版，字形倾斜 12 度，具有力量感，速度感。保留了原字体 7 个字重，满足多种场景使用。江城律动黑字体向上倾斜 5 度，具有上下律动感，自带活动促销 BGM，天生适用于活动、促销等广告语。欢迎关注作者的微信公众号：「艺海拾贝Design」 文件名 如何下载使用 文件大小 提取码 下载来源 免费商用黑体370.2MB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/free-font
手写体 文字 黑体 今天主要给大家带来的是案例实操，为了让大家加深理解我会用一套文案去设计三个画面，让大家看一下变化的过程和思路，好啦闲话不多说下面进入今天的文章吧~这里使用了手写体的英文和黑体的字形。这样做既具备了黑体的高识别的特点，又用手写体的英文中和了调性不至于让文字看起来太过生硬，再加上适当的手写元素融合让信息组的层级也变得非常丰富。造型我们之前已经确定过了要保持曲线的形态，那么看了目前这个设计后我们就明确了内空间的形态，它需要又能承载主标题，又能以曲线的形态存在，最好能同时串联主体和主标题。还记得我们第一稿选择了上下分割构图后，主空间的结构调整为对角结构，这次我们给对角结构调整为上下结构。本次我们还是选用上下分割构图，在主空间内我选用和第一个类似的对角结构，但是左右要翻转一下。本期教程到这里基本就结束了，本次我们学习了如何使用图片，如何强化图片的思路，也知道了很多观察图片特征特点的方法。建议大家可以在私下积极尝试并且和我互动交流。最后谢谢大家的观看，我们下期再见。让设计立马变潮！收好这7个文字排版技巧我猜很多人在工作中都被客户或老板说过，设计不够时尚，其问题可能出在设计风格、色彩、画面元素、排版等方面，所以今天就来分享几个很潮的排版技巧：交叉文字色块即在两个或两个以上的长条色块上排一行文字，然后旋转色块使其交叉，大家对这种排版方式绝对不陌生，效果有点像电影中案发现场阅读文章 > 欢迎关注作者微信公众号：「视研设」本篇来源：优设网原文地址：https://www.uisdc.com/copywriting-design
落霞与孤鹜
在路上
