字如其人 | Typeface Appears Your Personality | Typo course
千万不要误会,字如其人在这并不批判外貌,而是表达字体跟人一样,由气质(虚),骨架(实),穿着打扮(装饰)所构成。如果将设计字体当打造一个人设一样去处理,会变得有趣味得多。
四部分。
前言:开篇前的点缀。交代本次分享背景、目的。
思路:主要讲想法,如何构想字体,两大步骤让字体从无到有的。
操作:主要讲方法,如何操作落地,分享六大法则,本次分享重点。
积累:两种方式教你如何储备、提升。
这部分比较简单,简单说下字体设计的作用,以及做这次分享的目的。先放几个优秀案例大家看看。
设计大师某某曾说:一副完整的字体设计可以是一副完美的海报。他具备了信息传达的同事又展示了没敢。字体传达意思比画更直接。可以看到图中海报主题为音乐节,设计师选用手写体展示轻松写意,两个爱字巧妙结合到一起,与爱爱摇滚遥相呼应。
(Love Love Rock Festival 2017 | Cheng Chieh Sung)
上面那张我们能看懂,如果这张就算看不懂英文,我们也能看出这个段文字极具体征,他笔画粗细变化极具个性。作为海报招贴或者标志符号都能让人印象深刻。
(Allez! | Ara Estudio)
一个有设计感的字,就可以单独组成完整的视觉品牌系统。再通过这个字的特征进行延伸,可以发散出无数周边产品的延伸图形。
(新 Xin|YODEX 2016 Proposal  Shih Shu-Hsien)
字体不仅传达信息(卖什么),还能传达背后产品的调性(卖什么风格),烘托氛围感(复古)。
(Haohan Marketplace | Cheng Chieh Sung)
除了复古,在展示现代当代未来感觉的时候也不毫不费力。
(8th核聚變|Gamecores 8th Anniversary  Wild design)
虽然文字是极具历史意义的,但是跟现代的技术融合碰撞又有不一样的感觉。
(36 Days of Type 2018 | BÜRO UFHO)
接到诉求>分析气质>提炼形态>具体操作。
当做一个字体设计的时候,一般会按这个流程去做。字体从无到有,我们根据诉求提炼字体气质,通过气质联想具体形态,最后在操作成型。
其中气质跟形态我归为思路一类,操作单独一类。
气质指内在的抽象东西,形态指具体外在的具象东西,就像人一样,一个完整的人格,是有内在气质(虚),外在骨骼(实)构成的。
这三部分下面大概有这些内容。
思路:这部分就讲想法,得到需求那一刻,如何通过联想去得到设计雏形。
先分析字体呈现气质,再用气质得出字体形态。这是一个抽象到具象的过程。
气质:通过字体诉求,铺抓字体气质。抽象过程,就是感觉的东西。
分析诉求可从三方面入手:
受众:给谁看,谁买单,他们会喜欢什么样的;
目的:拿来干嘛,用途是什么;
场景:放哪看,考虑场景会对字体有不同限制。
以上,可以大概得知这个字体具体是什么气质感觉。
如何体现气质,就是视觉元素给人的感知。
像科技感气质的字体,视觉元素可能就是块面、电路、直线。
轻松、自由、舒适这种感觉会带来写意感觉,加上手写的方式表达,舒服自然。
趣味气质的表达方式挺多,扭曲、不规律、有意思、诙谐,
在字体里放入故事,让人会心一笑。
古朴的印象其实约定俗成了,传统、书法体、印章、质感,都可以传达古朴的信息。
气质的分析因人而异,毕竟是主观的感受,可以分出很多类,我只抛砖引玉。
那有了气质之后,下一步就该把抽象的气质具象化,这个过程称为形态。
形态:通过气质勾勒具象字形。
我一般用这三种方法。
望文生义:顾名思义,直白地根据字面意思去做联想。
这是一个游戏频道。字面就可以很好理解到,一只肥胖的青蛙。
把俩关键词(青蛙、肥胖)融入到字体里面:笔画敦实,两只脚、一对眼,整体就一直浑圆的青蛙,组成字体。
三舍是一家美术教育机构。需求方起这个名字纯粹是觉得顺口。我给他赋予的品牌概念是:三原色的家。
(三舍自助创意画室是一家开放与城市CBD上的一家中型自助式绘画基地,她存在的意义是希望在物欲横流的当下社会给予人们一块精神的栖息地。在这里尽情放松自己一天紧绷的思想,放松僵硬的身体,自由地作画。在这里,只交流艺术,只以内心坦诚去会友。)
三:三原色,红、绿、蓝,三原色可以混合出所有的颜色,同时相加为白色。
舍:物质层面,房子;精神层面,家。「诺贝尔获得者英国作家William Golding说过这一段去描述女性:你给她一个房子,她给你一个家。(If you give her a house , she’ll give you a home.)」
“三”、“舍”两字正负结合,组成一座房子。舍负型为三,三正型为舍。
当地的品牌公寓,名字直接了当。主要客户是即将毕业及毕业1-2年内的青年白领。
顾名思义直接用方块像素表现,先排布好方块列阵,直接拿掉需要的部分即可。
风给人的感觉飘逸灵动,有起伏,会把东西吹散。
風把英文wind吹散了,笔画也吹走了。试图用风给人的感受来修饰这个字。
运营品牌,主打新品发布。品类众多没有界限,而且做首次发布。提炼字面关键词:没有界限,首次。
在设计中把字体的部分横笔画去掉,满足无界这一点。字态笔断意连,去掉的笔画也并没有影响字体的识别性。
首发就很容易解决了,一个星星,一个“1”,frist的意思跃然纸上。
第二个联想方法。内容联想:根据字体内容的延伸进行联想。
QQ斗地主某次运营活动的字体设计。
1、斗地主是一款娱乐游戏,地主跟农民相互对抗,用方形与圆形分饰两角。
2、地主那个年代的字体是美术字,类仿宋、隶书的感觉,由此得出字形的灵感。
这是第一版,需求方觉得太过于圆润,希望更方一些。
所以第二版去除了圆角,字形更偏楷书,让其正气更多一些。
秋季新品发布活动的标识,主打当季新品。所以,快速、上新品是主要诉求点。
1、两点之间,直线最短,所以快速选择用直线去表达。
2、上新很多时候会联想到发布、出发、向前,箭头就成了不二人选。
将尖端、上新的概念具象化为箭头,放置到字体中。过程中可以缩小字体看是否会影响识别。
因为这次活动推的风格多样,所以希望字体风格中性百搭可以搭配任何风格。
人像摄影主题字体设计。
1、照片风格偏日系,主角女,所以选用纤细的字体;
2、色调清晰、轻松,选用手写字体。
照片色调清新淡雅,模特风格日系。照片的感觉很大程度决定了文字设计的感觉。
最后采用纤细的手写字体,体现轻松写意的氛围。
一个运营H5游戏标题,游戏内容是用户与大妈抢夺商品。
1、人在争抢的时候,身体、动作都是扭曲的,你来我往;
2、但是作为一个游戏,又希望给人轻松的感觉,肥瘦相间,充满节奏感。
字体整体做成扭曲的感觉,似乎是经过争夺后的形态。笔画粗壮饱满,融入可爱的感觉,不止于字体太过极端,给人一种胡闹,并不是血腥的感觉。
配合界面、插画,最后落地的效果。
香港街头纪实摄影。
1、香港街景极具赛博朋克风格,复古味道浓重,所以用招牌字体感觉呈现;
2、画面色调浓郁厚重,字体用有分量感的方块表现。
照片压得很暗,黑色占比高,色调阴郁,体现当代生活下城市人无奈的压力。
字形灵感来自招牌体,添加了质感,让其港味更浓。具体做法后面会详细阐述。
场景联想:通过需求的背后场景联想。
《滕王阁序》给人壮丽、开阔的感觉,我置身的场景仿佛置身阁中,眺望远方。腾蛟起凤是里面一句诗句,给我的感觉就是龙飞凤舞、双双戏水。元素水滴、风、太极、跳跃的感觉。
字形继承隶书结构,加以跳动的感觉,中间水滴点缀。还算贴合滕王阁序的年代感,也符合腾蛟起凤的意境。
一款运营游戏H5标题。环太平洋是一部机甲类电影,我设想自己是男主角,环绕周边的场景,大量金属、操作界面的元素。
电影宣传海报可以看到,有特定的装饰体以及大量45°切角。
切角以及海报元素融入到字体中。
照片主题字体设计。照片氛围阴暗浓重,片中出现大量水泥、金属元素。
重金赏:因为没有酬劳,只能请模特吃饭了,算是花了重金打赏;加上拍摄环境有大量的金属,所以起名重金赏;
根据照片场景给人感觉提炼两个元素:
1、水泥的块状感;
2、金属的斑驳感。
字体框架竖直,笔画粗壮,再加以质感斑驳,将氛围推导高点。
搭配照片效果,采用国际排版,左对齐。
可以顺便拓展其他一些应用延展方式。
到此,思路方面诉说完毕。有了思路我们如何把他落地成型呢?那就是接下来说的操作。
操作:把想法落地的过程。
主要总结出六个方法,名字十分浮夸,只为字距能对其。
这几个概念都是我自己的认知,如有不对请及时指出,多多包涵哦。了解的可以直接跳过咯。
字面:字的面积,简单说是字的宽乘以高。
骨骼:字体形态的骨架。
外饰:字体笔画的构成方式。
中宫:字体的负形。
重心:字体的重力所在的中点。
这几个点的比例直接影响了字体的气质、风格、感觉。
骨骼造字法,先定了字体的构架,再去修饰字形的外饰。优势在于在早期可以预见字体的大概风格,避免后期的修改。
年货节开机视频的利益点文字:产品调性决定了必须用仿古中国风去做,行书的飘逸、隶书的端庄,尝试两者结合做一款适合运营活动页面的字面。
定制骨骼,字面比例、重心、中宫、笔画走势,添加笔锋细节,构造字体特征。
骨骼定下来后,打印出来,在骨骼基础上反复尝试外饰。
确定外饰后在AI进行勾勒调整。
填充颜色,打磨细节。
完善字库。做描边以及填色的对比,可以发现字体很多正负空间的缺陷,方便调整。
配合页面的落地效果。
人生几何:用几何体(如圆、方、角)通过相交相切组成字体,方法比较简单。如果想要字体出彩,应花更多时间在思考结构上面。一笔一划,如何让其不普通,如何让其看起来不像已经做过的,就需要反复的斟酌推敲了。
香港街道纪实拍摄,结合港式街拍的氛围意境,采用复古美术字体。
1、几何组成基本形态,像撇、捺这种弯曲的笔画可以先用曲线勾勒,然后再加粗描边。
2、调整笔画粗细,让其在感官上平衡。扩展并调节位置,反复斟酌。
3、大型出来了还是觉得过于普通,添加了两个细节进去。一笔断意连,灵感来自于街头涂鸦喷绘字,镂空的感觉增加了轻松感。二是添加衬角,会让字的复古意味更加浓重。最后面适当小角度旋转笔画以及添加磨损效果,让整体更具手工的笨拙感。
总感觉少点什么,用高饱和的颜色写了一句手写英文,打破了这篇沉闷,加上同样粗狂的系统字体,稳住下盘。
人类的本质是复读机,重复是最好的老师。
印章楊不過(选自33天33隻楊不過)。整体字形为正方形,少一个字在最后的空格加入了序号以及日期。
截取四分之一圆来做,刚好三个笔画。一弧、一横、一竖。
1、三个笔划通过放大缩小,构成字基础型。
2、添加描边调节粗细。空间大的地方粗,填满空间,空间小的地方细,避免拥挤。
3、扩展拼合,注意笔画之间的衔接,避免不齐整;删除多余结点,使笔画更平滑。
控制正负形空间,事成。
胖胖楊不過(选自33天33隻楊不過)。笔画丰满圆润,有前后叠加的关系。草图阶段把前后结构做清晰,执行阶段事半功倍。
1、可以先用矩形替代把笔画铺出来。
2、调整位置角度,感觉合适直接拉满圆角,这个方法是不是还算便捷?
填满底色,理出穿插关系,让字体更耐看,但是前提只有一个,辨识度。这个方法很简单,所以多花点心思在他的穿插关系,让他变得更别人有点点不一样。
方块楊不過(选自33天33隻楊不過)。通过矩形组成的字体,调整矩形锚点做撇捺笔画。超简单!
1、除了带倾斜的笔画,如撇、捺、点,其他直接矩形。组合好后边角处再加点细节,赋予速度感。
2、拼合填色,调节负空间。透气性很重要,孰能走马密不透风。
3、偏移路径,再添加一些速度线细节,让字体更加有层次感同时整个型会更收拢一些没那么破碎。
加倾斜弥补速度感确实,再点缀点小细节即可。
腾蛟起凤(选自滕王阁序字体设计)。先钢笔勾勒成型,接着再用几何相交相切把笔画规整。这种方法比较耗时,字体设计到某个阶段时候可以尝试,进一步了解几何相切的意义。
成品效果似乎没有想象中的好。
提案时保留过程展示可以让字体更规整、更专业。
关于这种方法我目前也没有很好的整理归纳,希望下次能够有幸让大家看到新的分享。
迷人曲线:曲线大家都很熟悉,特点笔画平滑,我把他分成两类。
1、单线描摹,直接用曲线本身的线粗细调整去做。
2、勾勒图形,用曲线勾勒闭合的图形,思考大于操作。
单线描边:一笔画楊不過(选自33天33隻楊不過)。小时候画过一笔画,力争一笔完成一个物体。
1、拟定草图,统一大角度,让字体节奏感一致;弯曲的地方可以用圆角代替。
2、添加描边,调整粗细。因为是一笔画,注意笔画前后关系。
3、扩展图形,再次添加描边。这个阶段可以会乱一些,再用钢笔理清前后关系。
最后扩展,在转折处添加阴影;倾斜,加上日期。
勾勒图形:流体楊不過(选自33天33隻楊不過)。像雾像云又像水,起承转合表现层层前后穿插关系。试图表现一种若中带刚,飘逸硬朗的感觉。把字形练到一块,草图阶段反复考究,目的是为了降低执行阶段的修改成成本。
勾勒图形:流体楊不過(选自33天33隻楊不過)。像雾像云又像水,起承转合表现层层前后穿插关系。试图表现一种若中带刚,飘逸硬朗的感觉。把字形练到一块,草图阶段反复考究,目的是为了降低执行阶段的修改成成本。
成型后偏移路径描一个外轮廓,事成。
断章取义:用已用的元素进行二次创作。平时比较喜欢看到一些作品时候想能否占为己有,所以此方法应运而生。
这是Kris Wu的某首歌的开头,火焰字体给人感觉新锐超酷,极具个性,想着能否占为己有。平时大家看到的东西,可以及时收录下来,积累的过程对于创作很重要,毕竟读书破万卷下笔如有神。
原字体的势呈S状,两头尖中间饱满。带着这种石头我把字体描绘出来。
火焰楊不過(选自33天33隻楊不過)。钢笔勾勒完毕进行角度的调整,最后在边缘处加了点虚化点缀更加点题。
Behance偶然看到这个字体,肥瘦相间,极具趣味。断章取义提炼几个特点:
1、凹槽:因为笔画饱满,所以在锐角夹角的地方开了凹槽,目的是字体缩小时候视觉上不会拥挤,正负空间更加平和,不止于笔画黏连。
2、笔断意连:只要笔势是贯穿的,笔画之间断掉可以添加趣味性,让作品更耐看。
3、粗细变化:笔画粗细变化极大,转折处细,笔划末粗。
YEAR、夜同音,隐喻在夜晚的欢快。让这俩共用一体,结合上述的 规律得出草图。
加以英文点缀,平衡构图。
放到应用中调整。
跟照片风格搭配。
当时看到这个作品觉得挺有意思的,想要占为己有。花体的表现手法再把他做成立体。首先看他的字形特征,圆形的点缀,弯曲的弧度。
1、特征融入到楊不過,再用曲边勾勒出来平面稿。
2、调整角度,复制一层,立体形态的雏形几本完成。
3、链接前后图层,添加厚度,把多余的线条去掉。
添加阴影,先拉一个黑白渐变,接着AI效果—像素画—彩色半调,即可做出带渐变的网格效果。最后勾勒一些小阴影,加上磨损元素,完事。
手里藏书:直接用手写,通过不同材质,笔或者纸达到不同效果。
新秀丽笔,便宜好用,随处可以写,粗细变化灵活。不管你是否系统接受过书法训练,都可随机产生很多变化,令人惊喜。
拍照,PS曲线、色阶处理。
前期书写肯定存在问题,后台在电脑中可以衔接笔刷,点缀抹点,让作品更加完成。
不同的纸、不同的笔,会呈现不一样的效果,重在尝试,挖掘未知,结果肯定会令人惊喜。
平时也可以尝试不同书体的联系。传统书法、现代pop都可以玩,陷入某种框架过久也会造成负面影响,什么都接触反而融汇贯通,灵感会出其不意地出现。
移形换影:字体与形态进行置换。现实中有很多有趣的形态,比如建筑、工具、模型等,可以尝试把形态跟字体结合,产生有趣的设计。
看了一副插图,作者喜欢把动物、人物画成带有果冻感的方块。我把这个形态借助过来,做成了方块楊不過。
灵感来自一个狂风中摇曳的可爱雪人。
架子鼓、练武木桩,他们的穿插结构挺有趣的。把他们置换成字体应该有出其不意的效果
不要把字体做得过平,部分结构进行了中心旋转,看起来错落有致却又不影响整体识别性,也会让观者觉得你下了功夫。
之前玩了段时间C4D,想着把三维的思路带到字体设计里面。一个正方体,可视面三个面,楊不過三个字分别分散于三个面。
执行阶段挺乱的,也没有C4D直观,所以理结构的时候在识别性以及穿插丰富度中反复寻找平衡。
描边效果不明显,反白填色,结构明了。
想法、方法,都几乎说完了,这份分享确实拖了很久,写到这才发现自己有很多不足,脑子里确实有些内容想说,但是不知道如何梳理,暂且以目前的形式呈现给大家,希望大家能接纳。
总结,字体大感觉可分为特征、节奏、细节三大要素。
1、特征:通过不同细节增加其识别性,如衬线的位置、弧度的大小、角度的对比、以及几本框架的构造。
2、节奏:像乐曲一样,不同节奏对比给人不同的感受。字体笔划间的疏密、前后的联系、正负空间的大小、字形大小的对比。
3、细节:画龙点睛,临门一脚。可以通过不同的质感、转角的形式、笔刷的效果添加细节,完成最后的点缀。
当然,所有方法都不是被固定的,都是我一己之见,初衷只是想让不知道的朋友少走弯路。
单凭着项目中的实践,对字体设计的提升是远远不够的。常言道:决定上限是下班后的2小时。所以业余的不断的积累才能让自己在项目中更高效地去解决设计问题。
积累分两种。主动积累是积极发挥主观能动性,去积极产生一些自己喜欢做的事情。这种情况下,大家激情比较膨胀,做的事自己也很喜欢。
每个人都有自己爱好,我现在终于愿意承认,小学学那句兴趣是最好的老师。以我个人为例,去年开始涉足摄影,每组片子开拍前,我总给自己设定计划:目的、效果、字体、内容。相当于做多方面的综合练习,把他做成一个主题作品,有字体、有排版、有摄影、有搭配,而不单单是一张快门的产物。
这是我第一次拍女生。开拍前:日系、海边、纯净、轻松,这是我给自己的目的。所以选定了地点,服装搭配以及符合气质的女生。拍摄完成后,女生挑了片子发我,命名是一串日文,缘由是女生十分热爱日本文化也去过日本留学,用的日文系统,哈哈哈。所以觉得有点意思,就用“未命名”来定义了这次拍摄的主题。字体采用了偏日系的手写体,使得整个意境更轻松一些。
这是第一次人像。想要是效果是:酷、黑暗、金属、厚重、水泥。选定了废旧工厂还有符合气质的模特,上身衣服黑暗机能风,整体色调压暗。拍摄完成,因为没有酬劳,只能请模特吃饭了,算是花了重金打赏,所以起名重金赏。字体的风格也是横平竖直,带有破损的质感,跟整个画面相符合,结合排版,也算是较完整的一张海报作品了。
这次目的是:夜景、长曝光。扛着脚架在香港奔波了一天。YEAR跟夜在念法是一致的,加上有夜夜夜夜这首歌,所以取名yeah夜。香港是中西文化融合的一个地方,所以中英结合,把英文的表现放到了中文里面。
那会很喜欢王勃的《滕王阁序》,年纪轻轻就有满身能量,希望自己也是那种年少有为的人,其中不少片段广为流传。给自己的设想是整个通篇下来用美术字去表现,但每一副字体尽量做到表现形式的不一致。所以最终根据诗句意境以及字面意思,对每个断句做了诠释,感觉还蛮有意思的。
接下来是被动积累。这是一个痛苦的过程,因为不是每个人都有很强的自律性,就算自律性再强也有松动的时候,所以这就是被动的意义所在。为此,我个人组织了33天这个活动。目前已经举办到第三季了,我个人包括参加的小伙伴们都有不同级别的收货感悟。
这是第一季,感兴趣可以翻看我之前的文章。这一季我的目标是连续33天做33个“楊不過”,在字体架构确定的前提下,尽量折磨自己,让自己想更多的表达方式。过程还算折磨,但是最后面的收获还是觉得值得、欣慰。被动的计划就像临门一脚,总差一点的时候需要个人去逼一把你,才知道自己有多不自律。我个人是十分建议主动加被动结合这种方式去提升自己的。随意性加计划性,得出的东西才有质有量。
字如其人 | Typeface Appears Your Personality | Typo course
21
200
2
Published:

字如其人 | Typeface Appears Your Personality | Typo course

21
200
2
Published:

Tools

Creative Fields