字体设计之字体性取向

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

相关推荐

  • ios8设计规范 中文版 完整版

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 以内容为核心(Defer to Content) 1.1.2 保证清晰度(Provide Clarity) 1.1.3 用深度来体现层次(Use Depth to Communicate) 1.2 iOS应用解析(iOS App An…

    2016-05-12
  • 手腕上的交互,谈谈安卓与苹果可穿戴系统初体验

      作者简介:Luke Wroblewski是一个界面设计师、战略家及作家(Site-seeing: A Visual Approach to Web Usability 一书的作者 )。现在他的工作是 Yahoo! 的首席设计师(Principal Designer),以及 LukeW Interfac…

    2015-07-12
  • 不得不看的进度条「再设计」的 7 个典型案例

    如果追溯 Progress bar「进度条」的原型,通常被认为起源于 Henry Gantt 所提出的「甘特图」。用图形方式来表示某种项目的活动顺序和持续时间是甘特图的核心思想。 后来甘特图的概念被广泛用于计算领域,随着计算机…

    2015-08-04
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 微信网页设计样式库发布

    微信网页设计样式库发布 为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dial…

    2016-01-24
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13
  • 2016年天猫双11首波品牌海报出街,49张张张惊艳!

    日前,2016年天猫#双11狂欢夜#晚会将于11月10日晚上8点在深圳大运中心体育馆举办的消息已经宣布了,超级碗、奥斯卡、美国偶像的总导演David Hill将会担任此次晚会总导演,感觉会是一场掀起惊涛骇浪的视听盛宴。 狂…

    2016-10-18
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08