标签： 字体设计

开战之前先鼓舞一下士气：字体设计就像一场未知的战役，需要我们去探求以及耐下心来反复琢磨与调整，只有这样才能够创造出富有个性的文字，从而在这场战役中展露头脚，同时在字体设计中也要领略字体设计的创意秘诀，能够将字体设计应用于平常的设计中，比如vi海报设计、字体logo设计等等。
今天我们一起来看一篇来自阿里巴巴设计师的字体技巧博文-字体设之－移花接木
为什么要做字体设计
字体的外形有着一段长期的演变过程，到现在已形成固定的模式，但随着人类文化发展到一定程度，常规的字体显得越来越呆板，然而打破常规，从灵活多变的角度出发将字体变形，赋予它新的含义与活力，已成为现代设计的方向之一。 与此同时，我们进行字体设计最主要目的是为了将准确清晰的信息传递给用户，因此字体设计非常关键的一点就是要符合主题的要求，与主题内容达成一致，不能相互脱离，更不能相互冲突，如果主题确定完毕，接着就可以考虑字体的美感了，也就是使字体变得更富表现力和感染力，不仅仅要把主题传递给用户，而且还要感动用户，唤起用户美的感受，所以将字体进行改造才是硬道理。 在这里我将会把字体设计的嫁接技术分享给大家，包学包会，如有照顾不周的，还请海涵… 嘿嘿，废话不多说，那我就开始班门弄斧啦！
开战开始前，先来个抛砖引玉。
什么是移花接木
移花接木是个比较委婉的说法，直白一点就是嫁接，把一种植物的枝干嫁接到另一种植物枝干上边。 生活中的仙人球（顶部各种颜色的球体）和杜鹃花（几种颜色的花朵）都是常见的例子。

植物枝干嫁接和字体笔画的嫁接有啥关系呢？
植物枝干嫁接和字体比划嫁接目的都是为了使其变的独具特色，并且都是从a嫁接到b，因此其原理也是一样一样的。

 
如何移花接木
字体嫁接首先要了解它的结构和组合形式，也就是笔划的来龙去脉，嫁接的主要部位一般在文字笔划的开始和结尾处，这样字体会比较符合章法上的逻辑，并且也会使其显得更有张力，还有中间区域也可稍加修饰，这个由字形而定。 拿书法字体“能”字举个例子，举例之前再发个牢骚，很多同学问我为啥手写书法和专题海报中的书法不同，其实我们常用的类似书法风韵的字体并非现实中真正意义上的书法，真正意义上的书法是有章可循的，我们用的字体是经过改造的，只是感觉像而已，目的是为了使其更加有张力和感染力。我去，又说了这么多，请看例子吧。相信这个示意图大家一看便懂。

 

 
上边的书法字体是RiWenMaoBi体，本身是一个比较美观的字体，稍微经过嫁接就可变得具有冲击力，还有很多同学会问我比较喜欢用啥样的笔触，我一般会用AI格式的素材笔触（墨迹）或者将书法字体转换为形状后截取的笔触，如果条件允许也可以自己手工绘制笔触，至于笔触笔刷，这玩意儿吗！相信哥，确实不好用。
具体案例分析
接下来我把日常工作中做过的案例给大家分析一下，第一个小案例是团队趣味运动会暗黑篇的一个字体设计，字体的原形是造字工房的朗宋体，这家的字体是禁止商用的因此必须经过变形后才能使用，最好变的连它亲爹也不认识了，哈哈，并且字体看起来非常平淡，又跟暗黑风格相差甚远，这就促使了我们进行字体改造的欲望，嘿嘿…嫁接之前还有一段变形的过程哦！

 

 

 

 

 

 

 
这个案例并不是一个纯粹的嫁接，之前会有一些变形的过程，不过要使字体设计达到一定的深度，必须要经历一翻周折，只有经过思考和不断调整后的字体才会更加灵动。 第二个案例是大促启动页的字体设计，这个字体嫁接相对上个案例来说会更纯粹更简单一些，为什么要进行字体嫁接，因为作为启动页在短短的两秒钟里要想给用户留下深刻印象，必须在原字体基础上，进行改造，使字体变的更加有张力，同时给用户创造一种紧迫感，从而勾起用户抓紧抢购的欲望。

 

 

 

 
哈哈，就先说到这里吧，当然现在关于字体设计的话题非常多，并且设计师思考的纬度以及切入点各不相同，因此我的观点也并非绝对，只是希望能够给大家带来一点帮助，如有不到之处，请尽管拍砖。
战役才刚刚开始，我时刻准备着，等待下一场的战斗。
——by 阿里巴巴 1688UED 风猴
 

汉字是中国人民智慧的结晶，传承与发扬它并把其精神元素融入现代标志设计之中，必定会使企业形象设计更具文化性与社会性。从标志设计来讲，汉字是人类社会有史以来最伟大最成功的设计。它以最为简单的设计元素，运用最丰富而复杂的设计手段来设计商标标志。从标志的构成因素来看，汉字型标志是以含有象征意义的汉字造型作基点，对其变形或抽象地改造，使之图案化。汉字型标志兼具视觉、听觉的形式，汉字型标志都有一个确定的视觉形式，同时它又是象征着一个符号。文字型标志设计在整个logo设计领域也是一个不可缺少的角色,它包括汉字、字母和数字。文字作为视觉设计中的符号,不仅表达某种概念,同时也具有传递信息的作用,尤其是汉字,历史悠久,博大精深,值得用我们用仔细去研究，今天推荐这篇来自优设网的字体设计博文，每一款汉字都是一首诗，分类准确，质量超高，在以后的字体logo设计中可以尝试使用。

关于字体设计的内容，我们之前的博文已经更新多篇。正是因为很多国际化公司一直以来都在沿用使用字体logo，比如Google、IMB、Intel等等，因此字体logo在logo设计领域一直不断更新创意，同时在相关设计领域，很多设计师也发表过自己的观点和经验，例如之前我们讲过胡晓波字体设计秘籍，使人看完之后受益匪浅，很多设计技巧在logo设计中已经应用的轻车熟路，对于字体logo设计来说，好的创意显得尤为重要。但是这并不妨碍我们今天再一次提起这个话题，每个设计师的工作方法和设计的切入角度都是不同的，今天我想跟大家着重谈谈创意字体设计的方法和思路。
相比于专业性更强的印刷字体设计来说，创意字体设计只需将特定的某几个字或某几句话进行笔画的重新整合与创新，因此，你的工作量会比做一套字库来得轻松得多。但不同于印刷字体的是，你需要花更多的时间在你的创意上，如何让文字的震撼力和感染力变得更强，如何让你的创意在短短的几个字中呈现出来，都需要不断的进行思考与推敲。

接下来，我就和大家分享一些我自己在具体创作过程中的一些经验方法，如有纰漏之处或者不同观点，欢迎指正。
第一招.一个亮点
扁平的设计风格现在越来越受设计师们的追捧，其优势在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。在创意字体设计中也是一样，我们也要力求文字信息的“扁平化”。这里的“扁平”指的是在一组字体中，我们不要有太多附加的元素，在设定好整体风格的前提下，提炼出一个亮点足矣。

第二招.字体爆炸
有时候，在接到一个非常急的项目需求时，你来不及花太多时间去思考，如何通过讨巧的办法来让字体的设计感提升一个层次呢？这就是接下来我们要说的“字体爆炸”。
这种方法的好处在于，你可以先不去想文字结构的创意点和突破口，直接利用现有字形，然后将其“打破”，飞溅出的字体碎片形成的点线面对比，本身就可以达到一种强烈的视觉冲击力。
下面我们以京东招聘的banner为例来看“字体爆炸”：
1. 参考字形（方正粗谭黑简体）
2. 抹去原字体的圆角结构，组合字体形成整体
3. 让字体爆炸
4. Banner氛围烘托
第三招. 笔画断连
连笔和断笔在创意字体设计中运用的十分广泛，它们往往同时出现。连笔的运用，一方面可以增强笔画之间的联系性，另一方面也能增强字体的整体性；断笔往往出现在笔画的连接处，可以使连笔笔画更为自然顺畅。连笔和断笔的必须与结构相呼应，不能生搬硬套，不能牵强，同时还要保持字体的识别性。
我们通过下面一个实际案例来具体讲讲断笔和连笔的运用。
我们可以先打印出一款字体，进行观察分析，我们将横版与竖版的都打印在纸上，可以看出风和日丽四个字在字与字之间的连接上，竖版的比横板的好连一些，我们通过将字体进行错位排列后，可以连接的比较流畅。
在四个字中，“风”字中间部分有交叉的斜线，“和”字左半部分有斜线，“丽”字的两点也是倾斜的，因此，在不影响识别性的情况下，我们需要将他们摆正，来统一笔画。
像这样我们在软件中用钢笔工具将字体的骨架搭建完成，并根据分析的结果寻找笔画连接点。
观察字形我们可以看出，“风”字的左右两笔是向外扩散的，因此，我们先保持“风”字的位置不变，将下方的字体向左移，使其连接后不影响识别性。但是，这样连接后字体明显重心不稳了，所以我们先给他做个倾斜处理。
倾斜后的字体重心依然向左倾，因此，我在这里的解决方法是延长笔画，使其达到平衡的状态，具体过程如上图所示。这样，基本骨架搭建完成了，接下来我们细化它。
优化一些笔画，增强笔画间的联系性，使字体更整体，同时，风吹的感觉更明显。
这一步非常重要，在所有笔画调节好后，我们需要让字体变得更耐看一些，试着改变笔画的形状，竖线加粗，横线变细，同时注意笔画连接处的处理，这里，我们通过笔形的变化，得到了右边的字形，这样，整个设计就基本完成了。
第四招.水墨书法
水墨艺术是中国画的一种艺术形式，墨色的焦、浓、重、淡、清产生丰富的变化具有独特的艺术效果。在创意字体设计中它以其特殊的视觉效果与严谨的印刷字体及图形形成鲜明的对比，因此水墨元素成为极具东方审美意蕴的中国平面设计表现符号。
关于水墨风格的字体，我们该怎么去做呢？其实方法有很多，比如你可以直接利用现有字形去变化，像下面这样直接在电脑上打出几个字进行选择。
或者说你想动动手也无妨，拿出毛笔在纸上写几个出来，选出最合适的。
将选择出来的字体转化为矢量，调整笔画造型，并分析其优化空间。
仔细感受两个字的组合，可以发现略显拘谨，因此我们要打破一下沉默的气氛，在上图中箭头与红圈标出的部分加一些具有动势的墨点。
像这样的水墨风格字体大家也屡试不爽了，也很常见。所以为了以示不同，我们再来看其他几种“水墨风格”的字体设计。
水墨的感觉不一定非得像前面那样去呈现，有时候它可以像上面这样子，巧妙的利用一下电脑软件，也能实现独特的韵味。或者说像下面这张图一样，在几何字体基础上叠加水墨元素。

总结

创意字体设计的方法还有很多，也有非常多值得我们思考和感悟的东西，这也是创意字体设计的魅力所在。今天仅以概括性的语言表达了自己最常用的几种方法，作品不甚完美，权当抛砖迎玉，希望大家喜欢。
原文阅读：http://jdc.jd.com/archives/55

【小编有话说】最近我们发布了很多关于字体logo设计的博文，对于一款精致的企业标志来说，字体设计是非常重要的，所以希望大家可以从这些博文中吸取对自己有价值的东西。今天的这篇博文，来自网易UEDO，主要给大家讲述中英文基本字形的演变和发展，对于字体细节处的变化做了详细阐述，所以大家可以好好了解一下中英文字体的历史发展，拓展一下视野。
读一本书，看一份报，文字从产生之初就发挥着它不可撼动的地位，充斥着我们每个人每天的生活；然而在繁杂的文字设计中，跳开这些设计，更该去看看最初的文字是什么样子的，珍惜它们每一次的蜕变…
中文字体之宋体
中国文字创造之初，与埃及相同，都是由图画、象形文字演化而来的。但其进化情况却又不同。中国文字的演化，始终维持着原始的绘画或符号内容，只是在形成更多文字时，在原有文字的基础上，加以各种组合，以求形成更多的文字，这在世界文化史上是独一无二的。中国文字的发展，由秦始皇统一中国后，汉字进行了一系列简化，规范化的处理。在木板印刷出现以前，古代典籍为了流传的需要只能手工传抄，由于手工抄写成本高效率底，易出错误，于是木板印刷逐渐盛行。这样，为了刻版方便，渐渐的刻工们发明了一种新字体，它的特点是：字形方正，橫細直粗。在转折处有小三角形装饰。这种字体比楷体更加规范标准，成为了标准字体，适合大规模地刻版使用。这无疑是为了刻书方便从楷体演变出的一种新的字体。由于这种字体大大流行使用于宋朝以后的木版印刷的书籍，后人就称有这种特点的字体为“宋体”。宋体字从历史上出现以后，它的特点就固定了下来，一直使用到现代，直到出现了机械化的印刷工业。在现代印刷中区分更加详细，把横细竖粗的成为“老宋体”。宋体字的字形方正，笔画横平竖直，横细竖粗，棱角分明，结构严谨，整齐均匀，有极强的笔画规律性，从而使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。宋体字传承了中国书法的审美韵味 ，在笔画上，仍然保持了中国书法的本质特征。在与唐楷颜体比较时，我们看得更清楚，如点、捺、撇及转折处的顿挫处理，就是对书法运笔进行了高度的艺术化概括。

上图4种字体除了第一种最保守的老宋体，其他3种都是衍生出来的宋体字体，我们可以看出前面两种的胸线比较大（字体比较开阔），这是明显的比较现代的字体；而后面两种字体胸线比较小，偏向传统的字体。传统宋体，可以看出，在它身上保留有不少楷体的特征，红色小圈圈里面三角形的鳞（小三角装饰）比较刚硬，是用棱角分明的几何形构成的，虽然给人以严谨的感觉但是让人觉得太过严肃拘谨，所以在现代设计的运用中，大家更偏向于运用其他宋体字形。和传统宋体相比，长宋体的鳞就显得没有那么尖锐了，停笔处依稀可见手笔的停顿转折，看上去圆润了不少。长宋体看上去比一般的宋体要长，也就是刚才说的胸线比较小；它的横、竖粗细相近,点、撇、捺、挑、勾比较挺拔，综合了老宋和仿宋的特点。大标宋，它的特点是横竖笔画对比明显，笔画轻重适中，没有那么硬朗，字形端正，醒目有力，常用于内文标题、封面和广告设计，具有现代感 （类似粗衬线体，后面会提到）。仿宋体，最大特点是横竖等宽”，风格更偏向于手写体，它其实是宋徽宗的瘦金书字体演变而来的，特点是瘦直挺拔，横画收笔带钩，竖划收笔带点，撇如匕首，捺如切刀，竖钩细长；如果说宋体是具有装饰艺术的代表字体，那么与之相对立的就是黑体，黑体的特点就是横线和竖线宽度相等，去除过多的装饰细节，更加简洁。由于当时印刷业的发展，正文部分用的都是宋体，想要突出标题部分从而发展了黑体。

黑体本身就属于比较现代的一种字体，所以它的字面和胸线都比较大，这样比较容易阅读，根据不同需要，设计出横竖笔画不同粗细的黑体字形来，最基本的就是第一种，纤细的黑体字给人轻，秀气的感觉，粗厚的黑体字给人重，粗壮，力量的感觉，这些字形都是根据不同的需要设计而来的。中文字形除了宋体和黑体这两种基本字形以外，还有很多不同种类的，比如

PS：衬线体说法后面会有提到，因为衬线体和无衬线体都是西方字体发展中出现的说法，套用在中文字形中，宋体即是衬线体；黑体即是无衬线体。
 
英文字体之有无衬线体
西方字母的产生过程，经由埃及→腓尼基→希腊的演变之後，最后在罗马体上集大成，被西方世界广泛运用到现在而风行于全世界。随着活字印刷的产生，在原始罗马体的基础上越来越多的设计师努力创作优美，更易阅读的字体，现在欧洲使用的字母文字，被称为拉丁字母或罗马字母，是世界上应用最广泛的字母。英文字母一般分为衬线体（serif），无衬线体(sans serif)和其他字体。衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的无衬线体就没有这些额外的装饰，而且笔画的粗细也差不多。现代衬线体出现在18世纪末，强调了粗细笔画之间的强烈对比，加重了竖画，而把衬线做的细长。大部分现代衬线体的可读性不及旧体和过渡衬线体。

传统衬线体，看S这个字母最细部分，用红色斜虚线标出可以看出它的较细部分始终保持倾斜状态，也就是说笔画的粗细是有变化的，看起来就比较传统，这是一种基本字形。而现代衬线体，笔画粗细始终保重一致的状态，相对比较更加理性，机械，规范化的感觉。再来看底座的支架（我暂且把它叫做支架）传统支架它的笔画连接是弧线的，而现代的就是平直几何形的，这也可以理解为感性与理性的一种对立呈现方式。

古典无衬线体和传统宋体是一样的，最突出的特点就是装饰细节比较多，底部有支架（但是因为它是无衬线体，笔画上不会出现明显的弧度，用的形状比较几何，力量感一点）过渡无衬线字体是介于古典和现代之间的字形，最大的特点就是既有现代感理性简练的感觉也不失感性略带笔触，纤细秀气的感觉。可以看到上图第二个中画红圈部分，它的转角，停顿处是一样的粗细分布。现代无衬线字体的特点是笔画之间粗细很均衡，是理性的象征。
在传统的正文印刷中，普遍认为衬线体能带来更佳的可读性（相比无衬线体），尤其是在大段落的文章中，衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。但是随着现代生活和流行趋势的变化，如今的人们越来越喜欢用无衬线体，因为他们看上去“更干净”。 在文字足够大的情况下，无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性，因此在显示器上显示通常比较赏心悦目；而且无衬线字体种类比衬线字体多得多，因此选择余地也很大。
除了有无衬线体之外，还有其他字体：比如一些比较卷曲，贴近自然的巴洛克风手写体，还有一些为了迎合设计风格的变形字体。

从这些基本字形我们可以发现：文字在发展的过程中，也在不断经历着去繁为简的过程。包豪斯学校的成立，影响了工业产品设计的思维模式，使人们在设计的过程中从以往崇尚自然，繁杂的工艺文化中分离出来，设计在慢慢萌芽，从工业产品到平面艺术，都有所体现。
下面就来看看这些字形在现实生活中的应用：

上图中的英文字体是现代衬线体中的一种，“发丝型衬线体”，它的特点是由细致线构成的，看起来非常平整，粗细线条对比清晰，明确，具有现代感。

上图标题部分是传统无衬线体的一种字形，画面上体现的是一幅类似传统工业制作的画面，在字体的选用上为了迎合当时的氛围需要，并且能突出主题，选用了粗衬线体，粗旷有力而且很古典。

上图标题用的是完全现代的无衬线体字形，版面是横向设计，字体上就选用了比较修长的无衬线体黑体，视觉中心点同样是在中心，和左边的画面有相呼应的细节设计，和字腔较小相呼应的字腔较大字形，比较易读，但是视觉中心点也相对较散一些，人的视线落脚点会比较开阔。

相对上面的字形，这份书籍装帧设计因为它上面仅有文字，所以需要用文字去控制整个版面。在这里，信息层级上最主要的信息选用了较粗的，胸线较大的字体，利用笔画粗细对比去吸引到更多人的关注；两个粗细很极端的字体放一起，用这种对比手法去突出该突出的，弱化该弱化的，但是又不会把空间撑的满满的。

上图这张邀请函上面采用卷曲的手写体，让人感觉非常的亲近，活泼和愉悦。

这是一张日本海报上的字体，中国古代的文字记载就喜欢采用竖排，从右到左进行排列，日本直到现在仍然采用，上图的这种字体有点类似中文宋体中的瘦金书字体，保持它笔画特征的同时，又将它处理地更加圆滑，亲切感自然感增加许多。

这其实是一本李永铨的新书封面，因为他在书中分享自己的成长之途，讲述个人经历或时代背景如何影响他的品牌设计意念，所以封面上出现的应该是他做过的品牌包装。为了迎合整体设计的气质，书名标题没有用力量感过重的粗线形黑体去表现，而是选择了力量适中，看上去纤细适中的中黑；这里也穿插出现了粗细对比的字体；吸引人注意力的同时也十分注重力量的节奏感，不会有强迫阅读感的产生，竖排的设计显得很传统。
好啦～我在这里只是很浅显地罗嗦了这么多，希望能给大家一点小小的启示!
原文地址：http://uedc.163.com/10065.html
广州或者深圳的客户，123标志随时为您服务，我们是您信赖的logo设计专家

【小编评语】掌握好字体logo设计是每位优秀logo设计师的必修课。下面是来自@胡晓波大神的logo设计教程第二期（猛戳：logo字体设计教程第一期），这期教程主要是针对艺术字设计，相比较第一期更加简单粗暴。看后你是不是对字体设计更有信心了呢？

作者微博

天天都在设计logo商标的小编测评： 几款神器都简单测试了一番， 识别率嘛，基本过关。 尤其是遇到一些冷门的字体，电脑还是胜过大脑的。工具还是比较有用的。

还在问“这是什么字体？” 现在@锦妖_喵叽 童鞋奉上几枚神器帮你自动识别。

What The Font 

 

求字体

 

WhatFont（Chrome扩展程序）

 

What Font is

有空大家去试试吧， 告诉我们你的实测字体识别效果如何。
原文地址：http://www.uisdc.com/font-tools-help-you
 

字体logo设计往往是通过对原有字体的变形来突出logo的特性，从而使logo变得独一无二。 下面我们就来学习一下具体的代替， 共用， 叠加， 尖角， 断指， 错落连接， 方正， 横细竖粗， 字体连接， 随意手写， 曲线， 图型， 和拉伸等中文字体logo变形设计的实用技巧。