字体设计之字体性取向

小编话:无论你是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

相关推荐

  • 是否后悔买了iPhone 6/plus?来看iPhone7的设计创意

             最近,有一些争论关于苹果2015年iPhone阵容。 虽然很多表明苹果将遵循传统,同样期待iPhone发布与更新内部今年晚些时候,其他人认为苹果制造商将打破其模式和直接跳转到iPhone的7系列。 无论原来是如此,下一…

    2015-05-11
  • [译] 设计一致性的7个小贴士

    设计中的一致性会在无形之中使你的设计效果更加优秀,也更易于用户使用。它为用户提供了足够的空间去按着你要要的方式来体验你的设计。 对于一致性来说,在某些些情况下,要理解并实践它几乎是无需伤脑的事情,而在…

    2016-07-22
  • 从零开始学Sketch——进阶篇

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

    2016-01-06
  • 内部教程!超实用6步透视网易设计规范(附完整PDF下载)

    这是一份不可多得的网易干货资料,更是一份非常标准的设计规范准则!产品经理&视觉设计必看!

    2016-08-29
  • 《用户无障碍体验的可访问性设计》读书总结

    这本书与市场上其他的设计书不同之处在于该书作者关注于残障用户以及行动能力有限的用户,旨在利用可访问性设计的思维来改善互联网的设计,最终实现不同生理条件的用户都能够平等的体验到电子产品的乐趣。 什么是可…

    用户研究 2016-01-28
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20
  • 一款APP从设计稿到切图全记录

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

    2016-10-18
  • Sketch从入门到精通 怎样切图及导出图片尺寸 免费版

    怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结果…

    2015-07-03
  • UI设计师们,你们真的了解UI么?

    说起产品UI设计通常的认识就是“图形界面的设计”,而产品的交互设计往往被忽略!一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先 接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界…

    图形用户界面 2015-10-21