想搞定字体设计,了解字体结构是特别基础的一部分,今天腾讯同学从字体的分类、结构特征、设计原理以及常用的设计规律四方面给同学们科普一下这方面的姿势,想入门字体设计的同学,来学习咯,

一、常用分类

字体设计得先了解字体结构和组合形式,就像房屋装修一样,你得先了解房屋结构和框架才好进行拆墙重新装饰设计。所以首先了解2个我们常用的字体分类概念:

衬线字体(宋体):

笔画开始、结束的地方有额外的装饰,而且笔画的粗细有所不同。

衬线体粗细不同(可读性更佳)。大段落文章,增加阅读对字母参照参考。就像大家都穿了(衬)衣服和不同装饰物一样好识别,装饰性强、有对比参照性。    非衬线字体(黑体):

没有额外的装饰,而且笔画的粗细差不多。

简洁、时尚、轻松休闲、干净。笔画对比较弱,不及衬线字体。    这2种字体概念联想起穿衣和没穿衣就容易好记,也很好理解。在字体设计中记住这2个概念针对不同类型字体做装饰性处理是关键。

除了这两位基本款,从字体风格分析入手能更好认识不同字体:《不会挑选字体?来看看字体的7种类型及特点》

二、结构特征

抛开上面2种我们常见的字体分类概念,我们在来复习下小学语文中的字体结构。

单体字:一个偏旁单独构成的字。

合体字:两个或两个以上偏旁组合成的字。

其中合体字又分:    汉子轮廓以形似方块,但是由于笔画不同,字体轮廓的形状就会呈现不同的形状,所以在视觉均衡上就会有些许视觉偏差。尤其是单体字和合体字组合笔画就会显得不好看。所以我们要在不同形状的字形上做调整和处理,让他们看起来更加完整、均衡。    上图,等高、等宽的三角形、正方形、圆形我们会发现视觉上他们是不等大,字体科普文:认识最基础的字体结构》(https://www.unjs.com)。    顶格、缩格、出格就是针对不同结构的字体笔画特征进行微调,让他们看起来更加均衡、等大、视觉更完整。

三、平衡/杠杆原理    中学物理里学过杠杆原理:动力×动力臂=阻力×阻力臂 ,公式:F1×L1=F2×L2

时过变迁,也许有点难理解。结合上图,简单点讲:就是距离中心点越近,F2越重才能与离中心点远的F1平衡。    结合汉字方格,中心点就是方格的垂直中心,例如“体”字,右侧“本”的垂直中心点B,单人旁的垂直中心A,B跟中心点的距离越近,A跟中心点的距离越远,整个字体组合字体重心才平衡,均衡。

当字体变形的时候,把字体拉长,或压扁都是同样的道理需要去细调偏旁部首让重心更平稳、均衡、视觉才更加完美。

单独看每个字都有一个独立视觉重心,设计字体就是要兼顾每个字体的重心,让整体更加平稳均衡。

四、一般规律

(1) 黄金分割线原理

黄金分割值≈0.618

按照黄金分割线0.618的位置我们可以把方格字按上下、左右结构的比例特质画出4条黄金分割线A、D、C、D。    我们在设计单个字体结构的时候,可以参照黄金分割线的原理去调整不同笔画结构的字体,让其看起来更加美观。

黄金分割定律也可以运用到网页设计中,方法右戳:《你知道网页设计的黄金比例吗?》

(2 )上紧下松

上紧下松的例子比较容易记住。拿长腿女人和长腿大叔做例子就好很贴切了。    (3)横细竖粗

横细竖粗跟重力感觉相近,只有字杆粗壮(像树一样)才看起来更加平稳,舒适。    (4) 左紧右松

左紧右松跟视觉阅读习惯相关,就像我们阅读喜欢从左上角开始往右下角阅读一样。

计算机字体原理,字体科普文:认识最基础的字体结构 -电脑资料相关推荐

  1. 计算机中常见的英语错误提示,BIOS出错英文提示信息大全 -电脑资料

    BIOS出错英文提示信息大全 -电脑资料 时间:2019-01-01 [www.unjs.com - 电脑资料] 第二电脑网收集的BIOS出错英文提示信息大全,对硬件出错的判断非常有用 Drive A ...

  2. 怎么恢复我在计算机里删掉的文档,如题,如何彻底删除电脑中的文件,使文件不能恢复?(我的方式是直接? 爱问知识人...

    是的,普通的"删除"操作不能完全除掉数据,可以通过技术手段找回来,<越狱>里面男主角丢到河里的硬盘不是被恢复了数据吗. 删除到回收站里,那个只是暂存在回收站,很容易回复 ...

  3. 【PXI系列科普文】- PXI基础介绍

    从今天开始,虹科测试测量团队将为大家带来关于PXI总线相关的一系列科普性文章,如感兴趣欢迎联系进行交流:ltt@hkaco.com.今天主要介绍2部分内容,给大家介绍下PXI的背景和历史,以及关于PX ...

  4. 计算机储存文档格式,把word文档保存成为tif图形格式 -电脑资料

    TIFF图形格式(TagImageFileFormat)的文件,具有图形格式复杂.存贮信息多的特点, 标记图像文件格式(TIFF)用于在应用程序和计算机平台之间交换文件.几乎受所有的绘画.图像编辑和页 ...

  5. excel表格从某个标志计算机,让Excel也玩多标签 多个图表一个窗口 -电脑资料

    很多用户习惯了傲游.火狐浏览器的多标签浏览功能,希望能够在文档.窗口中也均能实现,将多个程序以标签的形式显示在同一窗口之中, 软件安装(如图1)和使用方法非常简单,安装后,用户点击Excel表格,并同 ...

  6. win8恢复我的计算机较早时间点,Win8系统的重置和刷新功能 -电脑资料

    Windows8重置电脑的步骤如下: 1. 电脑开机进入Windows Recovery Environment (Windows RE) 2. Windows RE擦除和格式化硬盘分区商店额Wind ...

  7. 如何运用计算机制作合同书,Word 2007 制作一份专业合同书实例WORD2007 -电脑资料...

    我们需要用Word 2007做一份采购合同书, 1.建立文档 在编写采购合同时候,按照正常的步骤输入文档,需要注意的是留出需要单独填写的部分.在下面的步骤中,我们将最常用的文本输入格式--文本,日期, ...

  8. 计算机ps特效教程,Ps动画教程:逼真小溪潺潺流水动态效果... -电脑资料

    Photoshop动画教程,制作小溪潺潺流水效果,逼真漂亮, 本例介绍运用PS打造小溪潺潺流水动态效果,教程详细介绍了如何将一幅静态风景图变成逼真的流水动态效果,希望朋友们喜欢~~ 一.效果 效果图 ...

  9. vb计算机怎么制作,教你如何制作VB的PCode调试器 -电脑资料

    P-Code简介 术语P-Code既不是一个新名词也不是Microsoft的发明,P-Code只是简单地被解释执行的伪指令, MSVBVM50.DLL MSVBVM60.DLL 文件名称清晰的表明是M ...

  10. 计算机资源管理菜单包括哪些,玩转Win7之“资源管理器窗口” -电脑资料

    WINDOWS的资源管理器一直是我们使用计算机时和文件打交道的重要工具,在WIN7中,我们会发现新的资源管理器使我们可以更容易地管理和搜索自己的目标文件和目录, 隐藏的文件菜单 初接触WIN7的用户可 ...

最新文章

  1. 首次使用gradle出现Could not find method leftShift() for arguments解决办法
  2. sublime按ctrl+B不能运行
  3. 不是外链没用,而是你发的外链没用
  4. ITK:从图像区域中随机选择像素
  5. 稀疏矩阵加法运算_1.2 震惊! 某大二本科生写的矩阵乘法吊打Mathematica-线性代数库BLAS-矩阵 (上)...
  6. 4g的服务器mysql配置文件,服务器物理内存16G mysql数据库my.cnf配置及参数说明
  7. 关于java中getClass()和getSuperClass()的讲解
  8. 【转载保存】接口压力测试安装与使用
  9. 洛谷——P4053 [JSOI2007]建筑抢修
  10. 设计网页录入信息与自己定义server数据接收
  11. hdoj1465错排公式的应用(递推)
  12. multisim 10 小知识
  13. STM8L USART串口使用
  14. IPv4地址中的保留和特殊用途地址
  15. MATLAB2018a解压文件损坏,文件解压失败与压缩文件文件已经损坏的解决办法
  16. 设置C++缺省源的方法(DEV C++)
  17. TMS VCL UI包功能和特点
  18. [POI2007]TET-Tetris Attack
  19. [转发]知识图谱 (Knowledge Graph) 专知 荟萃
  20. docker启动jenkins部署springboot到tomcat(集成:企业微信和邮件通知)

热门文章

  1. 佳能G1800 G2800 G3800系列打印机 端口使用中 请稍后完美解决!
  2. 详细安装sqlmap详细教程
  3. C语言实现简单小游戏
  4. STL源码剖析(侯捷)笔记——STL概述
  5. 【verilog教程】第10篇:verilog代码规范
  6. 送给你,PBA商业分析指南(全书下载)
  7. 《python深度学习》总结与感想
  8. ICMP协议与ping命令
  9. 现任明教教主CCNP Security Secure第十一天视频共享
  10. .net core2.1任务调度Quartz可视化管理