字体的性格【转】

i

任何字体都有其独特的风格,有的让人感觉现代、古典;  柔美、刚毅; 迅速、缓慢;  稳重、轻盈…

设计时,通常为表达某种情感而选择字体。对字体情感的产生是因为对某种字体的内在韵律,而产生的视觉反应。

另外,字体的设计还承载着历史文化、地域民族等信息。下面是我对文字从三个方面的一点浅析:区域、性格、形态,分别在字体中的体现。

第一节 文字的区域特征

世界上的语言有7千种,即使同一种英语在各国的字体表象都会有所差异。

举例alibaba两个平台的用户来源为例,用户数量庞大的:美国 俄罗斯 巴西 印,我就从这几个国家的字体特征做个简单的归纳。

字体的性格【转】

1.美国字体特征——简

简洁直白的等线体 ; 简洁的衬线体,很少修饰;

字体的性格【转】

2.俄罗斯——强

粗壮结实的等线体;  棱角尖锐的衬线体;

字体的性格【转】

3. 巴西——圆、复古

字体的性格【转】

4. 印度——杂

字体的性格【转】

小结:文字的区域特征的共性

  • 等线体占绝对优势
  • 衬线体一般处于修饰辅助位置
  • 字体因国家的历史和地理有一定的变化

英国有皇家的奢华, 俄罗斯有集权的厚重与强势, 美国有现代的简洁直白, 巴西有足球似的圆实和南美古文明的古朴, 印度的字体和环境一样繁杂无序, 德国的字体有数学样的曲线和机器般的直线 … …

第二节 文字的形态特征

字体的发展和变革已有悠久的历史,按形态特征简单分为旧字体(手写体)、过渡字体(印刷体)、现代字体(机打字体)。特征如下:

字体的性格【转】

  • 旧字体的特征:以笔画为特征

1) 笔画是用毛笔或钢笔来设计

2) 小写字母的小X高度比较小

3) 小写字母的开口也较小

  • 过渡字体的特征:显示了字体结构的演变

1)   笔画对比加强

2)   小写字母的小X高度叫大

3)   称线更锋利

  • 现代字体的特征:简洁

1) 笔画对比及其强烈

2) 链接衬线和字干的字弧被全部去除

3) 小写字母中的衬线变得非常圆滑。

第三节 文字的性格特征

字体的形态多种多样,所带来的感觉能体现性格,其实变化也只是在各种细节上,下面整理的三种最显见的细节变化方式。

1. 笔画粗细改变字体的性格

字体的性格【转】

带来的感觉:沉稳、强势

字体的性格【转】

带来的感觉:跳跃, 在一行内,粗细笔画对比强烈,有一个视觉跳跃

小结:笔画粗细改变字体的性格

字体的性格【转】

字重对比:一行字体如果其字母的笔画字重相同,会给人一种均衡、规律并且一致的韵律。 带给人稳定可靠的感觉,常用于金融、安防等行业,和企业logo。

笔画对比:笔画的自重发生变化的字体,将带来一种跳跃的感觉,带给人动感、轻松、前卫的感觉。常用于时尚行业。

代表字体

字体的性格【转】

字体的性格【转】

2. 末梢 改变字体的性格

字体的性格【转】

带来的感觉:末梢的曲线 圆点体现了女性的柔美。

字体的性格【转】

带来的感觉:无衬线的 等线体 本来是很稳重的。在末梢变形成尖角之后 ,立刻有了速度感。

字体的性格【转】

带来的感觉:字体的衬线 和末梢 都变得尖锐,从而带来一种 魔幻的感觉。

小结: 末梢 改变字体性格

字体的性格【转】

末梢的切口有与笔画垂直的,也有与笔干倾斜的,字符末梢的形状将影响字体外观的尖锐程度。

代表字体

字体的性格【转】

末梢尖锐的字体,会带来紧迫感。速度或恐怖。 常用于赛车游戏 或 电影海报中。

字体的性格【转】

末梢的曲线优美的字体,有优美高雅的感觉。 常用于女性产品和奢侈品。

第四节 字体特征的运用

末梢的圆点,优美的曲线

这样的字体显得很优雅,带有女性特征,我们再bnr的设计中,可以运用在女性产品。

字体的性格【转】

字体的性格【转】

字体的性格【转】

字重笔画完全没有变化——沉稳。运用的地方非常的广泛了。

字体的性格【转】

字体的性格【转】

男性产品,:比较有沉稳绅士的感觉,如果要有粗细对比来增加一些活跃的元素,可以选择衬线细,字干粗的字体。

字体的性格【转】

精致、 稳定:字体精细,笔画的粗细对比较小

字体的性格【转】

家居:安稳,宁静的感觉。——停泊的港湾

字体的性格【转】

安全、可靠、放心

字体倾斜 或 末梢有统一方向的倾斜

字体的性格【转】

字体的性格【转】

字体的性格【转】

字体末梢圆滑 稚趣、可爱。

字体的性格【转】

字体的性格【转】

总结

每个民族有其各自的文字审美习俗。

文字形态由末梢、自重、笔画弧度等元素来判断,

合理运用这些特征更利于信息的表达

文字的性格特征在各个场景的运用

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/700/

(0)
iouedioued
上一篇 2014-09-17
下一篇 2014-09-19

相关推荐

  • 如何向面试官介绍「交互设计」作品?这篇绝对是最全面的!

    招聘季,无论新人还是交互老鸟,都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求:介绍一下你的作品…..如何展示交互作品这件事,这篇文章系统总结一下。

    2017-05-25
  • Axure RP 8软件安装视频教程

    Axure RP 8下载地址:链接:https://pan.baidu.com/s/1smi2vvf密码:l2oj安装中有问题请咨询私人微信:152374906801、双击打开此文件2、点击next3、选择i  agree然后点击next4、点击bowse更改存储位置建议不要放在C盘然后点击next5、点击next6、点击next7、等待安装8、取消勾选Run Axure RP 8,然后点击Finish9、打开软件的安装目录把复制的la...

    2018-03-04
  • APPLE WATCH 中文手册:WatchKit Apps--App概要

    原文:Apple Watch Programming Guide:App Essentials Xcode支持用storyboard来创建Watch app的界面。当你在工程中新建一个Watch app,Xcode提供会提供一个storyboard来实现你的UI。这个Storyboard至少有一个Watch…

    2015-06-15
  • 美国设计师总结:2018年的用户体验设计趋势和方法

    这是由一位美国作者站在美国的视角写的文章。即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。2017年即将结束,是时候向前展望,预测在接下来的十二个月里,信息体验设计会如何。我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于...

    2018-03-29
  • 交互设计要点&配色趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。 1Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,…

    2015-12-08
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • 怎样才算是好的用户体验?

    说今天是一个体验为王的时代,一点也不过分。做大众消费品的人可能已经感觉到,今天消费者的话语权越来越强,如果你的产品做得好,不久就会口口相传;如果你的产品做得烂,不久就会骂声一片。所有这一切在过去是不…

    2014-10-28
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 用户体验设计师的进阶指南

    互联网行业大步流星、产品迭代周期越来越短,设计挑战日趋严峻。作为一名奋斗在前沿的设计师,你有多久没有更新自己的知识体系了呢?不论新人还是老司机,如何让自己的成长速度跟上行业的飞速发展,已然成为了一个重要命题。本文旨在帮助设计师正确、快速的成长,希望给进阶之路上的设计者们带来思考和启发(注:本文主要是指互联网产品设计、用户体验设计、交互设计、视觉设计等相关设计岗位)。我们认为,只有明确了努力的方向、找到了合适的方法、优化了学习的路径,才能...

    2018-03-14
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01