以下文章来源于小梓的设计笔记,作者小梓
主要分享UI、交互、视觉等方面的设计经验及技巧,偶尔也会分享自己的读书笔记,期待与大家共同进步!
转自:小梓的设计笔记(ID:xiaozi9492)
小梓
今天的这篇的文章,主要是给大家梳理一下字体的类型及运用,其实想写很久了。因为在设计中,字体是我们经常都会接触和涉及到的,无论是UI还是视觉。
中文字体的分类及运用
宋体的特点是横细竖粗,横线尾和直线头呈三角状,字形端正、刚劲有力,常用于正文。宋体还包含有标宋、仿宋和中宋等。标宋比宋体的比例大,适合做标题,仿宋横竖粗细几乎相同,类似的三角还存在。宋体的点、撇、捺、钩等笔画有尖端,属于衬线字体。
宋体给人古典文艺清新的气质,不仅适用于正文,也同样适用于标题,就如下图的海报,如果标题不是用的宋体,应该也达不到现在这种文艺简约的效果了。
黑体的特点是横竖的粗细一致,横平竖直,没有衬线。黑体还包含有细黑、中黑、粗黑,超粗黑等,它们的特点与黑体相似。
由于黑体非常醒目,所以经常用于标题,就如下图的广告,标题很突出,你一眼就知道是干什么的。
书法字体主要包括篆、隶、楷、行、草。
篆书是大篆、小篆的统称。笔法瘦劲挺拔,直线较多。起笔有方笔、圆笔,也有尖笔,手笔“悬针”较多。
隶书有秦隶、汉隶等,一般认为由篆书发展而来,字形多呈宽扁,横画长而竖画短,讲究“蚕头雁尾”、“一波三折”。
楷书对于学过书法的同学应该不陌生,它的主要特点是字体端正、起笔顿落笔有笔锋。楷体给人质朴古风的感觉,非常适合营造唯美古典的氛围,与下图3中的水彩画结合起来相得益彰。
行书是介于楷书、草书之间的一种字体,是为了弥补楷书的书写速度太慢和草书的难于辨认而产生的。
草书有广义和狭义。广义的,不论时代,凡写得潦草的字,都可以算草书。狭义的,即作为一种特定字体。 形成于汉代,是为了书写简便在隶书基础上演变出来的。特点是结构简省、笔画连绵。草书给人的印象苍劲有力、非常具有艺术价值。就如下图2中的洛书芳华。
魏体其实也是行书的一种。特点是笔画有波纹状,笔画捺比较长。
圆体的特点就是拐角处、笔画末端为圆弧状。字体清晰、端正、友好。圆体还包括细圆、中圆、粗圆等。琥珀体和彩云体就是圆体变形而来。下图广告中的标题“299减100!”用的就是圆体字,不仅与汤圆饺子等实物保持了一致性,还带给人温暖友好的感受。
可爱体主要是指娃娃体、快乐体等一些比较可爱的字体。可爱体的特点类似于儿童的书写规律,字体笔划比较开,比较弯弯扭扭。在外型及风格上,稚嫩可爱。就如下图2和3,可爱体不仅友好,还给画面营造了有趣又活泼的氛围。
综艺体是宋体、黑体的一种变体,也是艺术字的一种。特点是笔划更粗,尽量将空间充满。同时为了美观,笔划拐弯处都有一个矩形角度。方正、百度、微软等各大字库都有开发这种字体,常被用于报告、报刊等的标题。下图2就是一个PPT的页面,标题用的就是综艺体。
手写体是一种使用硬笔或者软笔纯手工写出的文字,手写体的特点就是自由、个性、有温度。比较出名的手写体有静蕾体、叶根友体等。手写体运用的不是特别多,比较适用于信件家书等一些特别的个性化需求的设计中。
大家也都知道现在的字体非常丰富,除了以上这些字体,还有许多非常优秀的字体,例如下图1的汉仪菱心体、汉仪游园体、庆科黄油体...但是现在很多的海报字体、广告字体等都不是拿现有的字体直接用的,都是再现有的基础上加以变形和调整。一是为了达到设计的整体效果,二是字体版权的问题。
例如下图2和3的标题字体都是在现有字体的基础上做了一定的调整,使得整个设计更加独特,更具细节感。
英文字体的分类及运用
旧式体类别中的字体是基于手写体创建的。可以想象自己手里有一支V形笔尖的笔。旧式体都有衬线,而且小写字母的衬线总有一个角度(笔的角度),和主干连接处会有一条线(括孤)。由于使用的是这样一支笔,旧式体中的所有曲线笔划都有一种从粗到细的变化,笔划中的这种对比相对比较缓和。如果在曲线笔划的最细部分画一条线,这条线将是对角线。这条线称为强调线,旧式体有一条对角强调线。
因为旧式体没有特别强烈的对比,不会分散人的注意力,所以经常运用在文字量比较多的正文,方便阅读。
旧式体反映了人文主义的痕迹。但是随着历史的演进,字体的结构已经有所变化,由于生活方式和文化的变化,字体也随之改变。现代体有衬线,不过它们的衬线是水平的,而不再倾斜,而且这些衬线很细。现代体就像一座钢铁大桥,结构很严格,笔划中有剧烈的粗细过渡,因为不存在笔的倾斜,所以强调线完全是垂直的。
因为现代体看起来醒目、冷酷、高雅、具有视觉冲击力。所以经常运用在海报的标题字上,就如下图的两张海报,对比强烈,吸引眼球。
随着工业革命的出现,又产生了一个新的概念:广告。最初,广告人选用现代字体,并把粗线设置得更粗。你以前可能见过使用这种字体的海报,从远处看,所看到的都是一条条垂直线,就像一个栅栏。要解决这个问题,一个明显的做法就是把整个字体都加粗。粗衬线体的粗细过渡很小甚至没有。
粗衬线体经常运用在标题或者儿童书籍中,因为它非常简洁易读。
类别词“sans”在法语中的含义是“没有”,所以无村线体就是指笔划末端没有衬线的字体、去除衬线的思想是字体变革后期才有的发展,直到20世纪早期才得到大范围内的认可。无衬线体的粗细几乎总是单一的,这说明笔划中几乎没有可见的粗细过渡,字体的粗细都一样。
因为无衬线体简洁大方、美观、易读性强,所以在设计中运用的非常多,我们熟悉的无衬线体就有Arial、Helvetica、BrandGrotesque等。
利用一个书法笔刷、钢笔或者专业笔等手写的字体都属于手写体。这一类字体还可以很容易地划分为连笔手写体、不连笔手写体、手工书写的手写体、模仿传统书法风格的手写体等。不过为了强调我们所要介绍的内容,这里将把它们作为一类汇集在一起说明。
手写体非常文艺别致,经常运用于邀请函和书信中。但手写体不易多用,用多了就显得太腻了,而且它的阅读性也不强。
花体很容易看出来,如果一本书全部使用这种字体,读这样一本书让你很想把它扔掉,那就大致可以认为这属于一种花体。花体本身很不错,它们不仅有趣而且特别,很易于使用,有时更廉价,而且你一时想表达的任何突发奇想都可以使用这种字体。当然,正是因为它们如此特别,所以这种字体的使用要有限制。
花体可以帮你更好的传递情绪,增添设计的趣味性,用的好的话,在设计中也是加分不少。
希望通过今天的这篇文章,大家都能对字体有一定的了解,在选择字体的时候能做到心中有数,而不是毫无头绪,随便的选一个字体。其实无论是中文字体还是英文字体,都有它的情感及独特之处,至于如何运用它,完全取决于你对字体的理解,对设计的理念。
推荐阅读
(点击标题可跳转阅读)
Airbnb前端工程师告诉你,如何在设计中选择正确的字体和版式
关注『网页设计精选』
看更多精选网页设计文章
↓↓↓
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/fr/articles/detail/Classification%20and%20application%20of%20Chinese%20and%20English%20fonts.html
评论列表(196条)
测试