字体设计之字体性取向

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

相关推荐

  • 知乎今日最热:如何评价 Instagram 新的品牌形象和界面设计?

    原文链接:如何评价 Instagram 新的品牌形象和界面设计? 补充一个信息: 《 INSTAGRAM BRAND GUIDELINES V1.1》http://3835642c2693476aa717-d4b78efce91b9730bcca725cf9bb0b37.r51.cf1.rackcdn.com/Instagram%20G…

    2016-05-12
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • 未来的汽车UI将惊艳世界

    今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的…

    2016-10-18
  • UI设计中字体的历程及注意事项

    字体作为界面设计的一个元素,对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。 早在 2004 年,我才刚开始工作的时候,sIFR 非常火。sIFR 是由 S…

    UI设计 2016-11-14
  • [PSD组件资源] iOS 10 GUI for Photoshop PSD源文件

    今天给大家推荐的是 iOS 10 GUI for Photoshop PSD ,ios交互设计规范,大小有266M,需要下载 PSD 源文件。

    2016-09-14
  • 明年的,网页设计趋势!

    是时候展望一下未来了。2014年涌现了许多令人印象深刻的网页设计趋势 ,幽灵按钮越来越多,视差滚动也已经成熟,单页设计也成为了诸多设计手法的重要载体,而逐渐多起来的免Coding网页设计平台也开始造福于设计师了!

    2014-12-27
  • 形式与功能 – 卡片式设计思考

    在互联网产品中,除了内容型外,一些功能型的产品信息内容也是相当巨大的,特别是管理控制系统,业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,…

    2016-07-28
  • 设计师色彩理论终极指南

    如果一幅图所表达的内容就可以胜过数千文字的叙述,那么一张界面又有多少内容可以让我们探讨呢?事实证明,这里有许多不同的主题值得我们去讨论,其中一个主题就是色彩理论,它包含挑选一个匹配颜色色系的基本技巧…

    2016-06-27
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

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

    2015-08-03