UI设计中字体设计有什么技巧

字体做为信息传达的基础，在目前整个设计领域应用都甚为宽广，如LOGO、创意广告、电视包装、H5标题、海报等等，可以说有标题的地方就有字体设计。作为一个设计师，这可以说是必备技能没有之一，即使你没有设计理论基础，绘画基础，但我觉得人人都可以做字体设计。

当今软件和科技的发展飞快，C4D和AE动效的软件应用也越来越广泛，我们可以用各种材质或形式来展现字体，但是遵循的字体设计原则不变，所以字体设计基础尤为重要。

字体设计需要掌握的四个方面

1.设计原则

从需求出发，从字义出发，形义结合。

这是决定字形设计方向的基础原则，艺术的本质是尝试更多的更能性，设计的本质是确定少的可能性，通过确定原则我们排除掉一些错误选项。同一个字体，通过设计可以变化出无数的可能性，这就是字义到字形的过程。

易于辨识

设计也要把握好度，当字形无法识别的时候再好的设计别人也看不懂。

（同样一个融字，可以变化出无数的字形，字形的不同给人表达的字义感受也不同，这个字我做了几十个方向的尝试，不断的推翻再来，求这个字给我留下的心里阴影面积）

2.重心与结构

敲黑板！划重点，这是字体设计的重点与难点。

德国字体设计大师Erik Spiekermann曾经说过：“重要的不是设计黑的部分，而是设计白的部分”，这里的白指的就是负形空间，只有负形空间的均衡，才能达到舒适的视觉感受，中文西文也相通，字体和图形都一样。

重心与结构就是字体的视觉中心和空间结构的分布，寻找字体的视觉中心在哪里，确定笔画正负空间的对比程度，笔画可以看做是正空间，留白可以看做是负空间。视觉中心会决定字的结构看起来是否稳定偏移，正负空间的会决定笔画的位置和字体的性格。

关于这块内容，网上有无数的教程方法和理论，都不太便于大家认识和学习，看了似懂非懂很打击学习积极性，这里我们做一个简化易懂的了解。

我们先来认识两个基础字形，黑体字和宋体字，也可以称之为无衬线体和衬线体。

黑体笔画单纯，粗细一致，起笔收笔均呈方形，故又称方头体或等线体。黑体字具有结构严谨、庄重有力、朴素大方等特点。在中文里面，没有衬线的字体通常称为黑体，黑体的风格没有宋体活泼，但视觉效果更强烈，适合于标题等需要重点突出的位置。（黑体像更现代的央视大裤衩）

宋体的特点是字形方正、笔画横平竖直、横细竖粗、棱角分明、结构严谨、整齐均匀、有极强的笔画规律性，能够使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。（宋体像更传统的故宫）

最简单易懂的方式就是通过对比基础的字形找字体重心与结构，通过常用的黑体字对照自己设计的字形。（这种方法的应用较广，但并非所有的字形都要如此）

此外还有几个重心结构的基本规律：（规律只做参考，切勿死板硬套，还是根据设计情况来定）

字体重心

非字体正中心，是视觉中心，因为人的视觉中心都是靠上的，所有对照所有的标准字库字形，字形的重心都比字体之正中心靠上，这样出来的字形让人视觉上感受最稳固。

上下对比

在做一些纤细雅致的字体的时候，往往都会字体重心靠上，拉长字形的下部，这个可以当做是看一个九头身的美女或者欧巴的大长腿，让字行看起来更加的精致同时增加了纵向空间，让字体正负空间增大更便于设计及识别。

粗细对比

在做黑体字的时候，遇到正负空间压迫感强的情况，我们往往会在笔画上面进行粗细对比或者正负空间进行粗细对比，这样的结构更加平稳，同时让字体在负形空间极端压缩情况下通过对比的方式，保证设计感及识别度。

3.字体的性格

字形千变万化，性格也各不相同。

力量感：兰亭特黑、超纲黑等负空间小的黑体字，关键词：男性、游戏、运动、强调。

轻盈感：兰亭细黑等负空间大的黑体字，关键词：女性、文艺、正文、轻巧。

童趣感：幼圆、丁丁手绘体等儿童手绘字体，关键词：儿童、活泼、童趣、幼稚、随意。

庄重感：方正风雅宋、楷体等书法传统字体，关键词：严谨、庄重、官方、古代、中国、传统节日。

古典与现代：衬线体与非衬线体，现代与古典，现代很多国际品牌的英文LOGO都是基于非衬线体设计，而一些复古的电影海报上面还是会用到衬线体。

工作量与难度最大，往往需要反复的调整尝试，保证衔接的自然、顺畅以及整体性，可以先用画笔或在纸张上面绘制基本形状，再调节粗细、瞄点和方向，执行拓展后反复调整。

是不是觉得我分享的内容还不够详细，然而上面的内容详解的话三生三世都说不完的，所以我们只做基础的系统认知，方便大家后期按照这个系统梳理深入学习，这里就不做深究了，某度是个好东西，我相信你肯定会用。

但做任何事终归逃不了一个练字，且字体设计会有更多的个人理解及风格在里面，更像是一种的绘画方式千变万化，同软件学习完全不同，所以这个技能并没有什么三五分钟速成的技巧，不然字体设计网站的优秀作品一定会成倍增加。

一、替换法

顾名思义，替换法就是在保持字体识别度的前提下用适当的图形或符号来替换字体当中相应的部分，适合用这种方法设计的一般都是名词与动词居多。例如咖啡二字，将啡字的口字旁用咖啡杯替换，让整体视觉更具有形象感。

二、共用笔划法

共用指的是一个笔划能同时被两个或两个以上的字体所使用，用这种方法能达到整体视觉连贯性的目的，例如安罗拉在采用共用笔划之后，整体变得连贯紧凑。

三、卷叶法

卷叶法很适用于柔软女性产品，因其视觉上有如叶子一般卷曲，所以称之为卷叶法，在以下字体案例中，我们能明显看得出来，用这种方法能很好的表现动感。

四、断肢法

既然笔划可以共用，同样也可以断开，断肢法通常是为了简化字体，同时保证识别度，越简单越经典指的就是这个意思。

五、错落法

从字面上就能理解出来，将所要设计的字体打散后，进行错落摆放，再根据整体视觉进行设计，称为错落法。

我们在设计中除了接触到图形，还需要了解文字的设计。特别的文字设计或者排版可以使整体的画面效果更加有氛围，甚至超过图形表达的感受，更加直观的表达出内容的主旨。

文字的设计方式有很多种，例如通过字体变形，结构重组等方式来让文字变得更加特别，但往往会让我们耗费比较多的时间。

因此我一直在思考有没有一些方法，既简单又高效的设计方式来提高文字的设计感。在浏览国外的一些设计网站的过程中，做了一下文字设计形式方面的收集，并整理出十种我认为具有代表性的文字设计形式。另外还参考这些设计方式，使用中文字体进行了一些尝试。

一、拉伸的文字

拉伸的处理手法，让文字更具有张力，整体氛围更具标题感和图形化，但依然保留这文字该有但识别度。常见于纯文字排版的海报，既满足阅读需要，同时具有设计感。

拉伸与文字本身的字形、字体有着很大程度的关联，并不是所有的文字都适合拉伸，例如下面的案例

不同字体对比

从方案尝试中看出，左边字体在进行拉伸之后，文字本身的结构会遭到破坏，而右边的效果则较为可以接受。因此在设计的过程中尽量选择可适用于拉伸的字体，另外在拉伸的过程中需要对细节重新处理，使字体保留原有字体的细节美感。

不同字形的对比

从下面案例中对比，O在进行上下拉伸的时候效果比较好，而左右拉伸的时候会失去字体本身的美感，而Y在上下左右拉伸后整体视觉效果都相对平衡。

细节处理对比

优化字体线条的细节可以使得整体文字更加规整、方正（右边）。而未进行细节的设计则会显得笔画参差不齐（左边）。

传统与现代对比

传统的字体拉伸后（如下图中间的字体），字体本身的韵味就失去了，因此不建议对于一些较为传统的字体进行拉伸设计。

设计尝试

中文字的笔画比较多样性，因此在细节的设计上比英文来得更加复杂，在处理“撇、捺、点、折、弯、勾”时需要保持原本的笔画结构性。

拓展案例

结合实际要表达的内容，使用拉伸的设计手法，例如结合物体，叠加颜色或者交错拉伸等。

二、虚实结合文字

虚实结合即为线面/阴阳的设计手法，通过虚实的处理，可以突出一组或一段文字中的重点信息。在一些强调主次的设计中，可以尝试这种方式来做区分，线面结合的处理手法让原有都是面的字体多了一些的透气感和空间感。

虚实处理的方法需要考虑本身字体的粗细，过分纤细的字体效果可能并不明显，

尝试对比：

从对比中，发现粗体相比于细体来得更加直接更容易出效果，对比明确。 

中文字体的尝试

从尝试中来看，与上面中的结论较为一致，较细的字体使用虚实结合效果并不理想。对于书法体的应用，更多需要考虑字体的收边效果是否工整，收边过碎，会影响在描边之后的细节美感。

设计尝试

三、递进渐变的文字

通过递增或者递减的设计手法，让原本简单重复的文字元素，变得更加具有层次感和节奏感，让文字的生命力变得更加丰富多样。

在设计的过程中需要提前规范好各个之间的差异关系及变化的效果过程。按照一定的数值倍数差异比进行变化。

不同方式的尝试对比：

在尝试的时候发现，粗细变化的模式可能更多会依赖于字体本身的模式。

中文字体的尝试

中文在使用递进渐变的方式中需要考虑整体文字的结构感和块状感，由于字形较为复杂，整体视觉效果会过于零碎。

四、扩展变化的文字

与递进渐变接近但却又差别的文字设计形式。扩展变化的文字具有张力的同时具有一定的速度感和发射性，就像向四周展开的波纹效果，具有延续性。

按文字的行高或者字宽作为基础值，按一定的比例，对文字进行破形切割处理，上下左右进行扩展发散。

比例值示意效果：

中文字体的尝试

外观的完整度还算可以，但由于中文本身自有的特性（笔画较为丰富多样），因此在扩展层次的数量上需要进行一定的控制，不宜过多，以短语或标题使用较好，避免过于形式而导致文字识别性降低。

设计尝试

五、底纹的文字

文字作为纹理出现在画面中，区别于图形化的纹理。既有图形感，同时可以辅助传达一定的信息和态度。

在字体的选择上尽量适用字形较为简洁的字体，避免影响前景内容的展示。设计上可以结合其他的设计形式，例如虚实结合/拉伸变形/扩展变化等方式，提升画面的丰富程度。 

中文字体的尝试

常规的中文字体，整体效果还算不错。但结合中国书法字作为底纹，可以让整体的设计更具有不同于英文的设计感，整体效果更具有力量感，因此建议在设计中文底纹的时候可以大胆尝试中文书法字。

六、穿透的文字

通过叠加的方式，让原本简单的文字和背景产生了融合。既提升了背景的层次感，又让文字变得具有设计感。

粗细的字体会产生不一样的视觉感受，较细的字体会产生若隐若现的视觉效果，文字的识别性会稍弱，较粗的字体识别度基本上没有太大问题，因此在设计的过程中可以结合实际的情况选择不同粗细的文字。

粗细对比尝试

穿透的文字设计，对于打造设计的大片感具有很突出的视觉效果。例如漫威的电影片头设计

中文字体的尝试

结合不同的语意使用不同的字体，再结合穿透的设计方式，使画面具有中文的文艺感。

拓展案例

结合实际的内容设计，穿透文字的玩法还可以拓展出更多不一样的设计，例如下面这些例子。

七、扭动的文字

扭动的设计，让文字具有曲线的动态感，提升了文字的装饰性。不同曲线的动态变化，赋予文字不同的律动感。变形的文字并未影响到文字该有的识别性和阅读感，却具有了设计感。

如下面的三个案例，曲率的差别，赋予文字不同的动态规则，具有了不同的视觉感知，有时柔美，有时却具有速度感。因此在设计的时候，可根据具体的内容设计不同的扭动趋势。

中文字体的尝试

对比可见较细的字体使用扭动的设计，效果并不理想。由于中文笔画的差异点，经过扭动之后整体外形较为不规整，而粗体的效果则较为规整，动态曲线趋势也较为明显。

设计尝试

扭动+虚实+底纹的效果。

拓展案例

更高级的设计手法是利用自然环境的介质结合文字，起到扭曲的视觉效果。

八、立体层叠的文字

与扩展变化有异曲同工之妙，文字通过按一定的角度和位移间隔，由二维向三维的视觉效果进行变化，让文字更加多变化、重量感、层次感。

立体层叠的设计对于字体本身具有一定的要求，较为纤细的字体出来的效果并不理想，

不同的字体尝试

从对比中看出，细体或较细的衬线字体，层叠后会出现衔接不上或视觉黑点的情况（如下面左图和右图）。因此设计时建议使用粗体，并且整体笔画较为平均的字体（中间的图）。 

中文字体的尝试

虽然具有了层次感和空间感，但也会让整体变得更加复杂，因此需要根据文字但多少情况进行使用。

拓展案例

立体层叠还不止单向的设计，例如可以进行轨迹变化，向外扩展层叠，或是增加一些颜色渐变来丰富整体的设计。

九、颜色叠加的文字

文字通过错位，叠加，颜色变化，透明度变化，切割等方式的设计之后，具有故障的视觉偏差感知。整体视觉感知类似双重曝光的照片，文字具有丰富的层次感。

颜色叠加的效果，对于颜色的选择极为重要，两个颜色交错之间的颜色可以为过度色或者互补色。

细体的效果并不理想（如上图左边第一个），建议设计的过程中使用较粗的字体，另外在使用的过程中需要考虑文字的识别度（如右边的效果），重叠之后文字的识别度或多或是会受到影响。 

中文字体的尝试

由于中文字比英文复杂，因此使用中文字在设计的时候，可以寻找一些共笔的地方进行重叠（如下图左边的设计），利用字体笔画粗细一致的情况下，进行了边与边的重叠。另外在设计的过程中建议加大字距离，这样可以避免不同文字的重叠，产生过度复杂的效果，影响文字的识别性（如下图最右边的设计）。

拓展案例

在简单的叠色之外，结合不同质感和肌理，可以让整个文字更具有不一样的视觉感受。

十、立体空间的文字

文字按照立方几何结构进行排版，通过颜色差异，阴阳，线面等方式设计处理后形成空间感和立体感。相比于平面排列的文字更具有空间感和层次感，提升整体画面的设计感。

设计尝试

使用空间错位结合虚实的设计，让简单重复的文字变得具有空间感和立体感。

拓展案例

除了常规的空间打造，甚至可以融入到场景中或者结合物体本身的设计。

以上设计风格，常常会在一些运动品牌的设计中看到，如下：

Nike的设计中应到的文字，也会结合这些方式，来丰富和提高整体的设计感。

火箭队出场片头的字体应用，线形字体叠加渐变的效果，具有层次感又有未来感。

阿迪达斯的广告

Converse的广告

Under Armour的广告

除了一些品牌的设计，音乐唱片的封面也有应用到这些类型的设计手法。

我们除了在一些常规的媒介上会看到相关的文字设计，在这两年的耐克或阿迪达斯的鞋子设计中，也会加入文字元素的设计，甚至球员会直接在鞋子上直接写上文字。

其他更多—文字设计的拓展叠加

文字的设计已经成为一种新的设计趋势，结合实际需要表达的想法，对于设计手法进行活学活用是做出好设计的关键。当然对于基础手法的掌握才可能做到举一反三的设计思考。在实际设计的过程中，我们往往不会是单独使用某一种方式，而是对不同的设计手法进行重组再设计，或者使用2-3中方式叠加设计来打造整体的画面效果。如下：

最后

在这十种基础的文字设计中，通过结合发散可以迸发出远远不止于十种的创意设计。本次收集总结除了自身学习提高之外，希望可以起到抛砖引玉的作用，激发设计师对于文字的设计思考。

谢谢品鉴！

本文部分按图片来源于Behance和Pinterest

1、替换法，字面意思的理解就是我们可以在保持字体辨识度的情况下，改变字体中的笔画，这些笔画可以使用一些可以替代的形状或者物体去表示，并且是经过艺术加工的形状，同时如果这个物体能够表示这个字的含义，那就是最好的。比如“刀”这个字我们可以使用一个弯刀的物体代替里面的撇。2、共用笔画法，一个词语(两个或两个以上的字)有挨的比较近的笔画，那这两个笔画连在一起首先要不影响字的识别度(可以让人清楚知道这是两个什么字)，两个笔画连在一起的做法，可以使整个词语显得比较干净简洁的同时，并且增加了整个字体的连贯性，在视觉上看起来很紧凑。3、卷叶法，我们经常看到一些关于女性的产品，关于女性的用品的字体一般会使用卷叶法来做设计，在字体中使一些笔画转换成弯曲的形状，代表着女性的柔美，这样的手法在生活中是非常常见的。4、断肢法，笔画是可以相互连接在一起的，也是可以让笔画折断，这样可以字体看起来比较简单，简化字体的时候可以使用这种字体设计的方法。5、错落法，没有必要所有的字写在一起都是横着或者都是竖着的，可以让字与字之间错落摆放，再根据摆放位置调整字体的大小，并结合其他字体设计方法进行设计，可以形成错落有致，视觉效果也是非常不错的。6、尖角法，顾名思义，这种方法就是将某一个笔画调整成尖角的形式，形成锐利的感觉，这些一般会被用在男性产品上面。

在开始设计锐线体的时候，我认为设计字体是感性的，像以前画油画那样。以前那套锐线体我发现了很多的问题，有的字倒了，有的字发胀了。后来我发现，字体设计应该是非常理性的，我开始思考并总结一些规律，在我感性的思考中拼凑一些规则。甚至我相信在未来，我们可以从一些比较完美的书法字，或宋体、黑体当中，知道一些诗意般的中文词汇中其实是一些完美的函数，有规律的数字。我也知道要走到这一步还很遥远，毕竟它是一个庞大复杂的数据库。但是在我设计锐线体当中。这个庞大的数据库，给我简化，四舍五入的设计出来。我把汉字当成一个不规则复杂的几何图型，尽管我不能再每一个字上面套一个公式。我也觉得要尽可能多的不矛盾的、不乱来的、有序可循的等东西放进去。下面我总结了一些规则，我不能说出一共有多少规则，也不能这些东西的准确性有多高，本人数学也不是很好，很希望一些懂数学的人提出与解决问题。我希望在我的工作中发现更多的，更深入的经验跟大家分享。至于国内一些有能力的字体设计师，我希望他们能多出来交流。的确关于字体设计这门学科、这门工艺由于大家都用电脑字库不去自己设计字体。比起以前没字库的时代，我们的确倒退了。很多设计师失去了这一能力。造成很多个人设计出来的字体质量不高，有些有明显的“马虎电脑加工”我希望大家多设计字体。不过值得高兴的是近年来看到一些机构、团体开始对这行业的重视，投放资源。有时候我们设计字体的时候，有些字体明明长度跟宽度都一样，但是还是觉得有些字大小不一样。下面是针对中的中磅数的字体来说。也就是说，在字面中，总体白跟黑面积都差不多。我们很容易发现，做幼细的字跟粗的字比设计中粗度的字容易。但偏偏中粗度的字使用率最高，也最难做的。我发现蒙纳的一套中的黑体字是用细的加粗设计出来的，一些造成一些负型与偏旁粘在一起很难看。这种做法是不对的，大家也不要学，中粗度理论上可以缩小用作细的字库，但细的不能加粗当中的，这是我做字库的一些经验与挫折。

使用钢笔工具，画出字型

标准：觉得好看，能识别出来都行（保持识别度）

使用更好看的规则来变字

标准： 横着看，竖着看，字白都要保持一致

用小白工具，使用锚点和键盘上下左右键 来操作对齐

也可以打参考线，对齐

字体出头：太多不好看，出一点意思一下就好了

1.横线比较细，竖线比较粗

实现方法：字体拉长--对象，扩展（就把笔画变成了长方形，拉回去就会被瘪）---拉回去

2.字体的特征

做一些小的特征：例如一些切断，镂空 （路径查找器，可以做减法）

变形快捷键e 自由变换， 倾斜不超过45度

处理一些空白的地方

一、整体风格的统一

在进行设计时必须对字体作出统一的形态规范，这是字体设计最重要的准则。文字在组合时，只有在字的外部形态上具有了鲜明的统一感，才能在视觉传达上保证字体的可认性和注目度，从而清晰准确地表达文字的含义。如在字体设计时对笔画的装饰变化必须以统一的变化来处理，不能在一组字中每个字的笔画变化都不同、各自为政，否则必将破坏文字的整体美感，让人感觉杂乱无章，不成体系，这样就难以收到良好的传达效果。

二、笔划的统一

字体笔画的粗细要有一定的规格和比例，在进行文字设计时，同一字内和不同字间的相同笔画的粗细、形式应该统一，不能使字体因变化过多而丧失了整体的均齐感，使人在视觉上感到不舒服。

字体笔画的粗细是构成字体整齐均衡的一个重要因素，也是使字体在统一与变化中产生美感的必要条件，初学文字设计的人只有认真掌握这条准则，才能从根本上保证文字设计取得成功。

字体笔画的粗细一致与字体大小的一致一样，不是绝对的，因为其中尚有一个视觉修正问题。例如汉字中的全包围结构的字，就不能绝对四边顶格，否则会感到比周围其它的字大，若往里适当地收一下，在视觉上就会与周围的字感到一样大小了。一组字中，横笔画多的字，要作必要的笔画粗细的调整才会均齐美观，与其它字统一。

三、方向的统一

方向的统一在字体设计中有两层含义：一是指字体自身的斜笔画处理，每个字的斜笔画都要处理成统一的斜度，不论是向左或向右斜的笔画都要以一定的倾斜度来统一，以加强其统一的整体感。二是为了造成一组字体的动感。往往将一组字体统一有方向性的斜置处理。在作这种设计时，首先要使一组字中的每一个字都按同一方向倾斜，以形成流畅的线条；其次是每个字中的副笔画处理时，也要尽可能地使其斜度一致，这样才能在变化中保持同一的因素，增强其整体的统一感。而不致于因变化不统一，显得零乱而松散，缺乏均齐统一的美感，难以产生良好的视觉吸引力。

四、空间的统一

字体的统一不能仅看到其形式、笔画粗细、斜度的一致，统一产生的美感往往还需要字体笔画空隙的均衡来决定，也就是要使笔画中的空间作均衡的分配，才能造成字体的统一感。文字有简繁，笔画有多少之分，但均需注意一组字字距空间的大小视觉上的统一，不能以绝对空间相等来处理。笔画少的字内部空间大，在设计时应注意要适当缩小，才能与其他笔画多的字达到统一。空间的统一是保持字体紧凑、有力、形态美观的重要因素。

字体变形

字体变形是通过对字体笔画形状的改变，让文字情境化与视觉化，使其形象得到更好的展现。

在字体的创意设计中，虽然发挥性比较自由，但在设计的同时，需要时刻保持字与字之间的协调性和统一性。在一组字体设计中，应保持统一的变形风格，否则会显得杂乱无章。

字体重构

字形重构是指将固有汉字的笔画打散之后，通过不同角度的审视将笔画重新排列组合的一种设计方式。其主要目的是打破文字原有的形体，并通过创新寻求新的设计理念。

字形重构的设计方式是有一定的规律可循的，在设计时不能随意无序地排列笔画单位，要注重字形本身的辨识度，讲求辨识为主，重构为辅。

字体更替

字形更替是指在字体风格统一的基础上，以新的元素或图形替换原有字体某部分结构的一种设计方式。需要根据字体的基本内容含义，以相应的图形元素或图案元素替代字体内的某部分或某一笔画，这些形象在不显突兀的视觉审美范围内，可以根据实际情况酌情做具象或抽象调整与处理。

字体共用

字形共用是字体设计方法中应用较为广泛的一种设计方式。在使用此种方式设计字体时，可以将一组文字视为一种视觉图形，并找到它们之间的共通点，然后从构成的角度去分析笔画之间的共性点，从而寻找它们之间的内在联系，以便找到字与字之间可以共同使用的点，并将它提取出来进行组合。