Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

高手出品!超炸裂的字体设计指南(上)

$
0
0

表达字体跟人一样,由气质(虚),骨架(实),穿着打扮(装饰)所构成。如果将设计字体当打造一个人设一样去处理,会变得有趣味得多。

高手出品!超炸裂的字体设计指南(上)

文章分四部分。

  • 前言:开篇前的点缀。交代本次分享背景、目的。
  • 思路:主要讲想法,如何构想字体,两大步骤让字体从无到有的。
  • 操作:主要讲方法,如何操作落地,分享六大法则,本次分享重点。
  • 积累:两种方式教你如何储备、提升。

由于内容偏干且多,所以这次(上)部分分享前言与思路,在(下)期会分享余下干货,敬请关注~

高手出品!超炸裂的字体设计指南(上)

这部分比较简单,简单说下字体设计的作用,以及做这次分享的目的。先放几个优秀案例大家看看。

高手出品!超炸裂的字体设计指南(上)

△ 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)

虽然文字是极具历史意义的,但是跟现代的技术融合碰撞又有不一样的感觉。

高手出品!超炸裂的字体设计指南(上)

当做一个字体设计的时候,一般会按这个流程去做。

接到诉求>分析气质>提炼形态>具体操作

字体从无到有,我们根据诉求提炼字体气质,通过气质联想具体形态,最后在操作成型。

高手出品!超炸裂的字体设计指南(上)

气质:通过字体诉求,捕捉字体气质。抽象过程,偏主观感受,多靠设计师平时积累。

高手出品!超炸裂的字体设计指南(上)

气质可以从三方面入手:

  • 受众:给谁看,谁买单,他们会喜欢什么样的;
  • 目的:拿来干嘛,用途是什么;
  • 场景:放哪看,考虑场景会对字体有不同限制。

以上,可以大概得知这个字体具体是什么气质感觉。

这篇也可以帮你更加深入理解字体气质:

[link https://www.uisdc.com/chinese-font-character-and-usage]

如何体现气质,就是视觉元素给人的感知。

下面通过我自己创作的案例来归类一些字体气质类型,抛砖引玉:

高手出品!超炸裂的字体设计指南(上)

科技:科技感未来感,视觉元素可能就是块面、电路、直线。

高手出品!超炸裂的字体设计指南(上)

写意:轻松、自由、舒适这种感觉会带来写意感觉,加上手写的方式表达,舒服自然。

高手出品!超炸裂的字体设计指南(上)

趣味:表达方式挺多,扭曲、不规律、有意思、诙谐。

高手出品!超炸裂的字体设计指南(上)

或者在字体里放入故事,让人会心一笑。

高手出品!超炸裂的字体设计指南(上)

古朴:古朴印象其实约定俗成了,传统、书法体、印章、质感,都可以传达古朴的信息。

高手出品!超炸裂的字体设计指南(上)

气质的分析因人而异,毕竟是主观的感受,可以分出很多类,我只抛砖引玉。

那有了气质之后,下一步就该把抽象的气质具象化,这个过程称为形态。

高手出品!超炸裂的字体设计指南(上)

形态可以理解为通过气质勾勒具象字形。

高手出品!超炸裂的字体设计指南(上)

个人提炼三种方法,大家牢记,下面一一解释。

高手出品!超炸裂的字体设计指南(上)

望文生义:顾名思义,直白地根据字面意思去做联想。

高手出品!超炸裂的字体设计指南(上)

又进去实战例子阶段——

胖蛙:这是一个游戏频道Logo,把胖、蛙两字拆开,字面就可以很好理解到,一只肥胖的青蛙。

高手出品!超炸裂的字体设计指南(上)

把俩关键词(青蛙、肥胖)融入到字体里面:笔画敦实,两只脚、一对眼,整体就是一只浑圆的青蛙,组成字体。

高手出品!超炸裂的字体设计指南(上)

三舍:是一家美术教育机构。需求方起这个名字纯粹是觉得顺口。我给他赋予的品牌概念是:三原色的家。

(三舍自助创意画室是一家CBD上的一家中型自助式绘画基地,她存在的意义是希望在物欲横流的当下社会给予人们一块精神的栖息地。在这里尽情放松自己一天紧绷的思想,放松僵硬的身体,自由地作画。在这里,只交流艺术,只以内心坦诚去会友。)

高手出品!超炸裂的字体设计指南(上)

三:三原色,红、绿、蓝,三原色可以混合出所有的颜色,同时相加为白色。

舍:物质层面,房子;精神层面,家。「诺贝尔获得者英国作家William Golding说过这一段去描述女性:你给她一个房子,她给你一个家。(If you give her a house , she’ll give you a home.)」

高手出品!超炸裂的字体设计指南(上)

「三」、「舍」两字正负结合,组成一座房子。舍负型为三,三正型为舍。

高手出品!超炸裂的字体设计指南(上)

像素公寓:当地的品牌公寓,名字直接了当。主要客户是即将毕业及毕业1-2年内的青年白领。

高手出品!超炸裂的字体设计指南(上)

顾名思义直接用方块像素表现,先排布好方块列阵,直接拿掉需要的部分即可。

高手出品!超炸裂的字体设计指南(上)

风:风给人的感觉飘逸灵动,有起伏,会把东西吹散。

高手出品!超炸裂的字体设计指南(上)

風把英文wind吹散了,笔画也吹走了。试图用风给人的感受来修饰这个字。

高手出品!超炸裂的字体设计指南(上)

无界首发:运营品牌Logo,主打新品发布。品类众多没有界限,而且做首次发布。提炼字面关键词:没有界限,首次。

高手出品!超炸裂的字体设计指南(上)

在设计中把字体的部分横笔画去掉,满足无界这一点。字态笔断意连,去掉的笔画也并没有影响字体的识别性。

高手出品!超炸裂的字体设计指南(上)

首发就很容易解决了,一个星星,一个「1」,first的意思跃然纸上。

高手出品!超炸裂的字体设计指南(上)

第二个联想方法。内容联想:根据字体内容的延伸进行联想。

高手出品!超炸裂的字体设计指南(上)

欢喜冤家:QQ斗地主某次运营活动的字体设计。

  • 斗地主是一款娱乐游戏,地主跟农民相互对抗,用方形与圆形分饰两角。
  • 地主那个年代的字体是美术字,类仿宋、隶书的感觉,由此得出字形的灵感。

高手出品!超炸裂的字体设计指南(上)

这是第一版,需求方觉得太过于圆润,希望更方一些。

高手出品!超炸裂的字体设计指南(上)

所以第二版去除了圆角,字形更偏楷书,让其正气更多一些。

高手出品!超炸裂的字体设计指南(上)

秋季新:品发布活动的标识,主打当季新品。所以,快速、上新品是主要诉求点。

  • 两点之间,直线最短,所以快速选择用直线去表达。
  • 上新很多时候会联想到发布、出发、向前,箭头就成了不二人选。

高手出品!超炸裂的字体设计指南(上)

将尖端、上新的概念具象化为箭头,放置到字体中。过程中可以缩小字体看是否会影响识别。

高手出品!超炸裂的字体设计指南(上)

名称未设定:人像摄影主题字体设计,这是本人拍摄的一组作品,模特留日归来,气质十分日式,照片也采用小清新风格处理。

  • 照片风格偏日系,主角女,所以选用纤细的字体;
  • 色调清晰、轻松,选用手写字体。

高手出品!超炸裂的字体设计指南(上)

照片色调清新淡雅,模特风格日系。照片的感觉很大程度决定了文字设计的感觉。

高手出品!超炸裂的字体设计指南(上)

最后采用纤细的手写字体,体现轻松写意的氛围。

高手出品!超炸裂的字体设计指南(上)

沃尔玛争夺战:一个运营H5游戏标题,游戏内容是用户与大妈抢夺商品。

  • 人在争抢的时候,身体、动作都是扭曲的,你来我往;
  • 但是作为一个游戏,又希望给人轻松的感觉,肥瘦相间,充满节奏感。

高手出品!超炸裂的字体设计指南(上)

字体整体做成扭曲的感觉,似乎是经过争夺后的形态。笔画粗壮饱满,融入可爱的感觉,不至于字体太过极端,给人一种胡闹,并不是血腥的感觉。

高手出品!超炸裂的字体设计指南(上)

配合界面、插画,最后落地的效果。

高手出品!超炸裂的字体设计指南(上)

开工大吉:本人一组香港街头纪实摄影作品标题。

  • 香港街景极具赛博朋克风格,复古味道浓重,所以用招牌字体感觉呈现;
  • 画面色调浓郁厚重,字体用有分量感的方块表现。

高手出品!超炸裂的字体设计指南(上)

照片压得很暗,黑色占比高,色调阴郁,体现当代生活下城市人无奈的压力。

高手出品!超炸裂的字体设计指南(上)

字形灵感来自招牌体,添加了质感,让其港味更浓。具体做法后面会详细阐述。

接下来介绍场景联想。

高手出品!超炸裂的字体设计指南(上)

场景联想:通过需求的背后场景联想。

高手出品!超炸裂的字体设计指南(上)

腾蛟起凤:《滕王阁序》给人壮丽、开阔的感觉,我置身的场景仿佛置身阁中,眺望远方。腾蛟起凤是里面一句诗句,给我的感觉就是龙飞凤舞、双双戏水。元素水滴、风、太极、跳跃的感觉。

高手出品!超炸裂的字体设计指南(上)

字形继承隶书结构,加以跳动的感觉,中间水滴点缀。还算贴合滕王阁序的年代感,也符合腾蛟起凤的意境。

高手出品!超炸裂的字体设计指南(上)

环太平洋荣耀回归:一款运营游戏H5标题。环太平洋是一部机甲类电影,我设想自己是男主角,环绕周边的场景,大量金属、操作界面的元素。

高手出品!超炸裂的字体设计指南(上)

电影宣传海报可以看到,有特定的装饰体以及大量45°切角。

高手出品!超炸裂的字体设计指南(上)

切角以及海报元素融入到字体中。

高手出品!超炸裂的字体设计指南(上)

重金赏:照片主题字体设计。照片氛围阴暗浓重,片中出现大量水泥、金属元素。

高手出品!超炸裂的字体设计指南(上)

重金赏:因为没有酬劳,只能请模特吃饭了,算是花了重金打赏;加上拍摄环境有大量的金属,所以起名重金赏;

根据照片场景给人感觉提炼两个元素:

  • 水泥的块状感;
  • 金属的斑驳感。

高手出品!超炸裂的字体设计指南(上)

字体框架竖直,笔画粗壮,再加以质感斑驳,将氛围推向高点。

高手出品!超炸裂的字体设计指南(上)

搭配照片效果,采用国际排版,左对齐。

高手出品!超炸裂的字体设计指南(上)

可以顺便拓展其他一些应用延展方式,字体设计不能光只满足自己的设计快感,应该考虑受众感受,所以效果图会让观者更有代入感。

目前关于思路部分已经跟详细给大家交代了,接下来就是怎么做,用什么方案做的问题了,由于篇幅有限,这部分最干最纯的内容我们将在下期揭晓,大家敬请期待!

欢迎关注作者微信公众号:「VMIC UED」

高手出品!超炸裂的字体设计指南(上)


Viewing all articles
Browse latest Browse all 241

Trending Articles