超实用!简单七招教你打造超有格调的字体设计 - 优设-UISDC

超实用!简单七招教你打造超有格调的字体设计

2016/06/20 49783评论区

stylized-fonts-design-method-1

@刘柏坤KUN :字体设计是一件非常有趣的事情,但是对于一些朋友来说面对字体设计时总有些小烦恼。所以今天和大家分享的更像是一个字体设计的“过程”,七种招式我们“刚柔并济”分为灵感篇与方法篇,从字体设计最初的思考入手,看看字体设计的灵感都是从何而来,又是如何一步步实现有格调的字体。希望本期的分享能让你面对字体,春暖花开~

wyhl201606201

灵感这东西其实是看得见摸得着的,因为它就存在于我们身边的点滴。我常常被问及到:字体设计到底该怎么去做,类似这样的问题,其实在我看来这个问题可以拆分成两个问题:一个是如何想?一个是怎么做?下面我们就具体的了解下如何去找寻字体设计中的灵感。

wyhl201606202

在我们生活中不经意间可能就会有一些有意思的想法“蹦跳”出来,这些想法其实是尤为珍贵的,或许那一刻你会觉得有些可笑甚至有些荒唐,但是谁又敢保证未来的某个日子里,在办公桌前绞尽脑汁想点子的你不会用到?!所以要善于把一闪而过的灵感“储藏”起来。

wyhl201606203

很多时候我们会被一首歌打动,会为一本书里某一句话而感动,又或者是让某一件事某一个人左右了自己的心情…总之,生活处处有惊喜,当然也会有各式各样的小状况,其实这些都可以作为你字体设计中点燃灵感的小火花。字体不是简单地笔画堆叠,更多的需要我们将自己的情绪融入其中。

wyhl201606204

比如某个周末听杰伦的歌竟让我有点“怀旧”感叹日子过得飞快,于是做了一组杰伦歌曲的字体。不用去计较字体什么形式风格,能够表达你当时的情感便可。

wyhl201606205

或者快毕业了又看到老罗那本《我的奋斗》竟然让我思考起我的理想,虽然那时我将以毕业,还来不及高攀理想,就掉进现实的漩涡。

wyhl201606206

当然自己烦躁的时候,也可以通过字体来宣泄情绪。你应该试着戴上耳机,不理会周遭,慢慢享受与字体的单独“约会”。

wyhl201606207

当你积累的够多,慢慢的就会在你脑海里形成一个字体设计创意库,在遇到具体的字体设计任务时,你便会在自己的脑海里先检索一遍,虽不能说百分百会有匹配,但最起码你会变得从容许多。

wyhl201606208

模仿是学习进步一个很好的方式,既要引进来更要走出去。我们不管是做字体还是做logo或者其他东西,我们都习惯先在网上找寻相关的设计作品,当然平时浏览设计网站也会发现很多很棒的设计作品,这时候你是一扫而过?还是右键保存?还是尝试着去研究一下?

在字体设计方面遇到好的作品我建议大家用笔在纸上临摹一下,这要比单纯的看更容易理解字体的结构、笔画特征和一些细节性的东西。当然加让你的一些想法理解那是再好不过了。

wyhl201606209

这组字是之前在网上看到的字体,我们来消化一下,首先字体特征比较明显,横笔较细,竖笔较粗,两者悬殊较大,然后一大亮点就是一勾一撇处酌情添加了一个圆点,很有意思,然后整组字的排列方式就比较的不规则,错落有致。

wyhl2016062010

这是消化吸收了上一组字的风格,重新做了这样一组标题字,其实也没有太过复杂,尝试去做就对了。其实这就是一个典型的模仿在创造的过程,记住我告诉你的方法,先在纸上临摹一遍,然后趁热打铁再尝试新的字组设计,是不是感觉66的?还不行,那就在多临摹几遍吧!

wyhl2016062011

如何想解决了,下面就是教大家怎么做了。方法有很多,我列举了最为基础实用的几种方法与大家分享,其实每种方法对应的是无数种字体设计的可能,很多惊喜等你发现。

wyhl2016062012

块面组合法是字体设计中最为基础也是最常规的设计方法。块面组合法基本说来就是以几何块面为基本的笔画搭字,然后再进行深入的调整和变化,呈现出不同形式感觉的字体。

具体来讲,块面组合法就是先使用矩形工具设定好笔画的粗细,然后进行组合造字,构建好基本的结构字形,接着做进一步的调整和细化,尝试对一些笔画 进行断笔、共用和删减等处理,不断丰富字体的细节特征。此种方法操作简单,且易于控制,特别适用于初学字体设计的朋友,可以作为字体设计的入门方法进行不 断地尝试与练习。

wyhl2016062013

01.使用矩形工具确定基本的笔画粗细,然后进行字体的搭建。这一步我们可以统一笔画粗细,或者根据字形需要笔画的粗细随机应变。这组字里我们用的的基本笔画就是长宽不规则的,笔画较密集的地方副笔适当细一些。

wyhl2016062014

02.而字形结构上我们也做了相对应的变化,以“象”字为例,笔画的断连比较明显,并且在不影响识别性的原则下重新归纳了个别笔画的走势。

wyhl2016062015

03.最后使用勾勒出一个城市建筑轮廓并辅以英文小标题,使其趣味性和整体性更佳。

wyhl2016062016

wyhl2016062017

类似的方法笔画的粗细、字形结构的不同、组合方式的改变都可以创造出分割多样的作品。

wyhl2016062018

如果把“块面组合法”想象成小游戏“俄罗斯方块”,那么“线段连接法”就如同“贪吃蛇”一般灵活多变。这种方法主要应用软件中的”钢笔”工具,通过改变线段粗细、曲直和断连关系,从而设计出不同风格的字体。

灵活多变是线段连接法最大的特色,除了基本的直线,可根据实际需求来变化曲线和折线等。所以不管是横平竖直的常规方块字体,还是曲线夸张的风格字 体,都可快直接快速地勾勒出来,这一步选用钢笔工具完成即可;当确定好了基本字形,再调整描边的粗细和端点的曲直,反复进行调试和对比,使字体达到最佳的状态。

wyhl2016062019

01.使用”钢笔”工具勾勒出字体的骨骼。字体设计不是一步到位,而是需要反复的对比与调整,所以这一步只需勾勒出基本的想法构架便可。

wyhl2016062020

02.接着就是深入的调整了,我们将笔画加粗并把描边端点改为圆形,笔画直角改为圆角字体,使其显得更加有亲和力;修改细节,统一增加字体高度,相较于之前显得更加瘦长,个性特点也更加鲜明。

wyhl2016062021

03.最后一步,拼音上选择了一款笔画端点同样圆润的字体进行组合搭配。这样简单几步线段连接法就造出来我们想要的字体效果。

wyhl2016062022

wyhl2016062023

需要特别注意的是,当整个字笔画都是以均匀的线段为主时,线段之间的穿插分布切忌过密过疏,尽量保持匀称,适当增加字体内部空间,透气性佳整体才会更显轻盈雅致。

wyhl2016062024

对于一些需要表现手工质朴感的字体,手绘描摹法再合适不过了。通过其名称不难理解,手绘描摹法大概就是先在纸上手绘出完整的字体样式,然后录入电脑,将手绘稿在软件中进行描摹绘制,并适当加以修饰。

手绘相较于电脑绘制总有不一样的感觉和优势,特别是对于一些复杂的字体设计,手绘更加灵活效率也更高一些,先用手绘再通过电脑将字体进行还原,这样手工质朴的感觉可以得到最大化保留。

wyhl2016062025

01.第一步就是先在纸上绘制出整个字体,对于一些复杂的字体特别需要静下心耐心绘制。这里这组字体其实就是多了一些“飞溅”的效果,字形上倒没什么特别。

wyhl2016062026

02. 将手绘好的字体放入软件中进行描摹,并修饰轮廓和细节。一般的我会使用手机直接将绘制好的稿子拍下来,然后在进行软件的描摹,当然直接扫描效果会更好。

wyhl2016062027

03.最后填色完成设计,你也可以再使用Photoshop软件进行处理,使字体效果上更加出色,视觉冲击力更足。

wyhl2016062028

wyhl2016062029

这种方法重点在于纸上的手绘,字体形式和细节上的变化和处理基本都在纸上完成,软件描摹则尽量地还原手绘稿的原貌,当然最后对于细节上的问题也要及时地加以修正。

wyhl2016062030

字库内的字体结构严谨规矩,因其主要以方便阅读为目的,所以缺少一些个性的释放。而字库改造法就是以中文字库内的字体为设计基础,加以改造和修饰,这样不管是在形式上还是风格上都有别于原有字体,个性鲜明突出,焕发新活力。

老实说这是一种比较“偷懒”的设计方法,却也是一种比较有效和快速的设计方法,特别是在一些电商行业的字体设计中会常用到此方法。归纳下来字库改 造法其实就是对原字体进行加法与减法的整合,加法就是指改变原有字库字体的笔画特征,并增加笔画细节,而减法则是指将原笔画进行合理的断笔,巧妙的共用, 灵活的删减,最终达到简化的目的,以一加一减的形式完成对字库字体的改造。

wyhl2016062031

01.我们选用了细明体“算命先生”四字为改造的基础字形,大家可以根据自己的需求来选择需要改造的字体,字体虽不同但方法基本一致。

wyhl2016062032

02.接下来将字体扩展然后做拆减处理,对字体进行重构。这一步其实就是考验我们想象力了,不一定只是拆减,你也可以在原笔划上增添新的元素等等,让字库字体彻底酷起来。

wyhl2016062033

03.细节处理与调整,这一示例主要是将直角转变为变圆角,借用查件Xtream Path即可快速实现,其他无需做太大的修整。在做字体设计的时候不要一味追求过多的变化,不要每个笔画都要来个“九连环”,适可而止,当表达出字体意境时就及时收手吧。

wyhl2016062034

在西文字库中有很多形式感非常强的字体,我们可以借用其中的字母充当中文的基本笔画,加以融合改造,制造出别有韵味的中文字体。

在使用此方法进行字体改造和设计时,首先把西文里的大小写字母全部展开以备用,然后选取其中的完整字母或是截取字母当中的某一部分进行中文字体的 搭建。有时候会遇到其中的某些西文笔画并不完全符合传统中文的笔画走势,像这种情况下可在不影响识别性的原则下,打破常规,多保留原有西文字体的特征,当 然也并不是所有的笔画都是完全的合适,具体到一些笔画可根据西文制造出相应的中文笔画。

wyhl2016062035

01.图为Chiller字体,比较随性、自然的手写字体。第一步就是一字排开,创建轮廓以备用。

wyhl2016062036

02.做中文字体搭建。图中红色笔画部分为西文原字母,蓝色笔画部分是经过修改或局部截取的西文字母。本身英文字体就是手写形式且不规则,我们中文字体也保留这一特点,大家可以想象一下如果这几个字都是一般大小,字体本身的意境或许就没有现在表达的充分。

wyhl2016062037

03. 加英文作为点缀,直接使用Chiller字体就可,放在一起是不是和谐的像一家人,相亲相爱。

wyhl2016062038

总结下来就是以中文结构笔画为基本需求,灵活借用西文字体并对中文字体做以改变和调整,并保留西文特色,以达到西文中用的目的。

wyhl2016062039

不管是灵感的构想或者是造字的方法,每个人都会有习惯的方式,仅此分享自己的一些小方法,不一定是非要按照如此的一个步骤;一个好的字体设计作品也绝非一步两步便可完成,更多的需要你不断地尝试、调整,当做得多了终会找到属于自己的方式与风格。

灵感、方法都告诉你了,勤快的你赶紧操练起来吧!

如果觉得还不够过瘾,我的新书《字体设计进化论》一定可以满足你,更多有趣好玩的造字方法全在里面了。

当当:http://product.dangdang.com/23960124.html
京东:http://item.jd.com/11919117.html

「优设字体设计好文最新集锦」

灰昼大大的字体推荐:
《灰昼的字体库!10款常用的经典基础英文字体推荐(已打包)》

字体排印指南:
《新手福利!一份详尽全面的UI设计字体与排版指南》

谷歌免费字体网站:
《Google Fonts 网站全新设计,免费下载八百种英文字体!》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/stylized-fonts-design-method

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 神器下载 字体下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里