字体设计之字体性取向

小编话:无论你是UI设计师还是平面设计师或是其他,在做设计时对字体的运用一定是多之又多的。有时候也会因为把握不好字体而使整个画面达不到自己预期的效果。今天给大家带来由alipayifed分享的字体设计之字的性取向。文中详细的说明了字体的区别及不同情况下的使用方式,希望能够给你的构图排版能带来灵感。

在许久许久以前,在我胸口还挂着用某英雄鲜血染红的物件的时候,就听妈妈跟我说过字如其人这个词,大致的意思就是要让我把字练好,不然以后大家一看字就觉得我这个家伙不着调,取不着媳妇儿。其实妈妈要表达的意思是说,这字啊,就跟人的性格一样。

但是不知道怎么回事,我一直不太容易把字儿跟人的性格挂上钩,反而总是容易因为字联系到人的外形特征。比如我突然看到一篇字迹柔美、清新淡雅、隽永纤细的文字,我下意识会觉得这字的主人应该是个清秀甜美的软妹子。而当我身边某个长相粗狂、胡子拉扎、偶尔还健身的中年猛男子提起笔准备写字的时候,我就预感他会写下一手强健有力,棱角分明,甚至还有些不规则的文字。

为什么我会有这样的感觉呢?这种感觉到底是如何形成的?我觉得是由我们汉字的先天属性决定的。众所周知,汉字最早的起源是甲骨文,它是一种象形文字。换句话说,文字的起源本来就是图画,图画简化成为符号,符号再经过千百年的演变,变成了现在的文字。

322

文字对于我们来说,本源还是一种图形,所以我们通过文字联想到外形特征是再正常不过了。我们对于人的字迹的预判,其实是我们把这个人的外形特征(尤其脸部特征)移植到了文字上。

421

我们来看一个具体的例子好了,首先,我们印象中的正常男性是长什么样的?

521

他们都有着粗而硬直的眉毛,大而笔挺的鼻梁,坚硬的眼脸,棱角分明的脸部轮廓,有的甚至有一些刀刻般硬朗的皱纹。再看个小图例:

631

上图是两名我们团队的长发美男设计师,其中一位让大家觉得阳气逼人,而另一位经常被人戏称为炮娘。究其原因,就是男性的图形化特征多和少的缘故。这些图形化特征,我们可以用下面一些词语来形容:

721

所以关于男性的一些图形化的表现手法肯定也会具备这些特征,下图是美日港的不同的漫画男性,都具备我们提到的这些关键词的特征。

8191

所这种图形特征一样可以沿用到文字的上,只要具备粗犷、坚硬、强劲有力、拐角分明、力量感等等图形特征的文字就是男性化的文字。比如下面这款字体,就具备这些特征:

101

还有下面推荐的这些字体,实际上都具备我们所提到这些图形特征,它们都是性取向为男性的字体。

1111

当然推荐的这几款字体并不完整,它们只是属于我自己平时觉得比较好看,使用比较多的而已,其他的具有我们提到的这些图形特征也是属于男性化的,大家可以自己举一反三进行使用。

现在知道了什么类型的字体是男性化的字体,那么它们应该如何使用呢?男性化的字体会大量使用在以男性为主流从业人群或者以男性为消费群体的类型的设计中,这样会使得整个设计的男性化气息更加浓烈,起到壹加壹大于二的效果。比如今年在巴西举办的世界杯,足球是一项以男性为主的体育运动,所有在关于世界杯的相关设计中,基本清一色都是这种男性风格的字体。

121

抛开足球这单个项目,其实大部分的体育运动都会给人很激烈,雄性竞争性很强的男性化感觉,所以在大部分的体育类设计中都会大量使用男性化的字体。

131

所以,只要是男性化属性非常强,或者是以男性为主流消费群体的设计当中,都可以广泛的使用这种属性的字体。比如竞技类游戏,PK类游戏,摇滚,男性用品(车、剃须刀),金属等等…

141

还有,营销类的设计中也会非常大量的使用这种类型的字体,因为营销类通常需要给用户传递非常亢奋而激烈的情绪,这种情绪具备很强的男性化属性,大部分雄性特征都是激烈冲动且亢奋的,所以在激烈的促销和抢购等等活动类设计中,这种字体被普遍使用。

151

最后用一张图表来简单的解释一下关于男性字体的性取向问题:

161171

刚刚以男性化字体为具体的案例,将我们的字体性取向的观点抛出来了,后面关于女性的字体的分析,其实与上面的方法是如出一撤的。

181

上图是我们团队几个长相甜美的漂亮妹纸,她们的外形特征具有以下的一些共性。

191

而下面的几款字体,容易让我们联系到女性的外貌特征,性取向为女。

201

在使用范围上,只要是以女性为主的相关设计,都会大量的使用到女性化的字体。比如下图的女性杂志瑞丽的logo,使用的就是很典型的女性化字体。

222221

所以,只要是女性化属性非常强,或者是以女性为主流消费群体的设计,都可以广泛使用这种属性的字体。比如爱情类,鲜花类、珠宝配饰类,女性用品、护肤品、化妆品等等…

2211

2311

241

我们再来看看儿童的外形特征,不管男童还是女童在长大之前,长相其实都差不多,基本可以概括为:

251

下面的几款字体跟我们提到的这些关键字类似,容易让我们联想到儿童的外形特征。261

所以有着这些特征的字体会被大量的应用到跟儿童相关的设计当中。比如趣味游戏、休闲游戏、婴幼产品、游乐园、零食、玩具等等…

271281

下面我们来讨论一个比较刺激的话题,偏中性的长相特征是怎么样的?

291

大家会发现,这些让我们觉得中性的长相,其实是兼具了男性和女性的部分图形特征。虽然说兼具了男女的图形特征,但是他们并没有某一个性别的某个图形特征特别明显(如果明显就不是中性了),他们属于中间的那个层次。用形容词总结一下他们的长相,大致是这样的:

301

下面的这几种文字,具备这种中性的图形特征。

3111

所以这种类型的字体,非常适合使用在性别属性并不强、并不需要很强烈的情感特征、偏中立的一些设计上面。比如产品说明、平台、科技、手机、电脑等等。

3211

331

1、除了我们上面提到这些性取向明显的字体,其实还有很多体的性取向并不是特别的明显,比如下面这些:

341

这些文字并不太能让我们直接联想到某类人群,但是它们的整个图形结构,会让我们联想到我们的历史和过去的故事:

4121

所以它们会被大量的使用在叙述性和陈述性很强,以及历史意味较浓的设计。比如地产公司的一些故事性包装以及一些传统节日性的设计。

361

2、每一类字形都包括很多种字体,每种字体都有细节的不同,这种细节的不同就好比人的长相一样,虽然都是男人,但是有的较为清秀适合代言男性的护肤品,而有点较为粗狂适合代言某拳击栏目,大家要根据细节属性选择最适合的字体。

371

3、并不能说男性类型的设计就一定只能用男性化的字体,用的时候用其他类型的字体进行反衬,可以起到特殊的效果。其实用同类型得字体容易让氛围更加浓烈而且统一,容易产生更强的视觉效果。

4、字体的性取向纯属自己工作那么多年来偶尔想想总结出的文章,欢迎大家拍砖斧正。

原文地址:alipayifed

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3138/

(0)
Smiler李想Smiler李想
上一篇 2015-01-22 11:01
下一篇 2015-01-22

相关推荐

  • 一款APP从设计稿到切图全记录

    这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用。 Part 1 项…

    2016-10-18
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    2015-07-20
  • 刷爆设计师朋友圈的年度音乐《射鸡师》

    喂?有空吗?帮我做个设计!
    哎,先做几个方案看看。
    对对对,下班前给我!
    纳尼?!还要钱?
    一曲《射鸡师》道出了设计师们的心酸,点击下面音乐,一起来倾听设计师的心声。

    2016-02-03
  • 【OMG】央视新LOGO竟然换成这样......

    新年伊始,央视竟然暗搓搓的换了LOGO...... "oh,my god!"朋友在微信里惊呼。 “你抽抽了么~!”我说。 “央视居然~~居然~~居然换LOGO了” 我迅雷不及掩耳盗铃之势,问了度娘 果真是的啊,暗想 “我擦嘞,央视也在赶时髦…

    2016-01-08
  • 从iOS 10设计指南变化看设计的新趋势

    改变:越来越像给设计师用的「设计指南」

    2016-09-07
  • 设计的物理定律的动力响应

    动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的。

    2014-12-27
  • 从零开始学Sketch——进阶篇

    从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇…

    2016-01-06
  • Sketch从入门到精通 第一章 初识Sketch 免费版

    第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么要…

    2015-07-03
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • 借假修真

    借假修真,看上去有点玄乎的词语,顾名思义,就是在借着做一些事情(事物),来提升另外一种能力。前者称为假,后者称为真。 什么是假什么是真?佛学中讲,身体是假,佛道是真。身体从无到有,又从有到无,只不过区区…

    设计理论 2015-12-30