1. 首页

界面好看,界面上的字体也不能拖后腿

轻字重:传递出轻盈,放松视觉感受,常配合粗的字重使用,在一些引导页面,阅读页面,说明文案时候使用。Sans无论在平面设计中,或者UI设计中都非常干净,现代,有利于阅读,所以另外在做设计时候非常喜欢用,有个小窍门,在做英文时候,字母之间加一个字间距,可以让设计看起来更舒服。▲运用在网站中很干净,几乎没有多余的笔画正式,字重对比强烈!

▲Roboto是为Android操作平台设计的一个无衬线字体家族。该字型特征为“现代的、平易近人”也经常是安卓平台默认中文字体。

界面好看,界面上的字体也不能拖后腿

▲《机械姬》这个剧本大家必须很熟悉,作者使用几何版型衬线字体,整体展现科技感。

界面好看,界面上的字体也不能拖后腿

▲《钢铁侠》电影中,整套设计来源Territorystudio团队设计的虚拟界面。里面一整套虚拟界面,包括图形,字体等,整体色调高度一致,整体字体呈现未来和技术感。

然而一套字体一定是和整个品牌DNA是相沿袭的,它们之前有整体品牌调性,而不是单独存在,就像我们内衣,看不见之后很重要,字体也有极其。

中文字体

界面好看,界面上的字体也不能拖后腿

iOS和安卓都有官方推荐默认图标,见上图,但是这些之后我们的品牌,整体设计语言都有自己另类个性化,所以有之后也必须去再次建立一套新的字体,那么针对这种字体,我们要怎么去选择呢?

在选择字体之后,一定要按照整体品牌调性去选用最适合的图标,下面是一些界面中常见的英文字体,而且版权也非常容易买到。

界面好看,界面上的字体也不能拖后腿

▲华文黑体视觉感受:字形方正,笔画较粗,整体给人易识别,可读性高。

界面好看,界面上的字体也不能拖后腿

▲思源黑体视觉体验:由adobe和Google联合打造的开源字体。字体家族庞大,涵盖了中日韩用字。由中国设计师主导,与小冢黑体风格上一脉相承,字体坚固稳定,字符空间均匀,整体给人专业,硬朗感受。

界面好看,界面上的字体也不能拖后腿

▲微软黑体视觉感受:是方正第一代屏显字体,也开创了英文屏显字体设计先河,字形略呈扁方而粗壮,笔画简单而放松,易于阅读,视觉体验唯美和优美。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

▲冬青黑体视觉体验:字的结构是中国的印刷字设计与国内用字习惯有很多不一致的地方,尽管冬青黑体简体针对美国台湾而设计,却保留了原设计的色调,这似乎让字体变得别具风味,有时尚,锤子系统虽然采用的此款字体。

界面好看,界面上的字体也不能拖后腿

▲黑体-简视觉感受:黑体字是现代汉字体系中最重要的字体之一,特点:非常突显,方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀,因此特别显眼,运用广泛。

界面好看,界面上的字体也不能拖后腿

▲苹方-简视觉体验:苹方是苹果新一代主题字,整体字体特征:专业,便捷,排版严谨,比较容易识别,是苹果官方英文字体,也是大多数app首选字体。

界面好看,界面上的字体也不能拖后腿

▲方正兰亭黑感受:方正兰亭黑系列是微软雅黑的延续设计,字面略为缩小,字重梯度多,获得了更广泛的适用性,其中用在品牌营销中这些,它的特征:灵活多变,个性化营销字体,排版严谨,识别性高,比如天猫网店很多营销banner规范都是利用的兰亭黑。

关于字重

界面好看,界面上的字体也不能拖后腿

字重:字体中很重要一个概念,不同字重传递出去视觉体验完全不一样。

轻字重:传递出优雅,放松视觉体验,常配合粗的字重使用,在一些鼓励页面,阅读页面,说明文案时候使用。

重字重:视觉体验沉静,严谨,很重要,常用在重点提出的文字,数字,引导行动操作点上,或者页面中大的标题,banner主标题等等。

英文字体

界面好看,界面上的字体也不能拖后腿

英语字体相对中文来说,字体包更小,所以选用性更大一些,今天主要推荐一些谷歌免费开源字体,谷歌字体真的十分棒,搭配好了,能带来这些不一样视觉效果!

1.PlayfairDisplay

受这些设计师喜欢的衬线字体,整体配色出来杂志感,大牌特别强,在这些高质量的产品页面,或者H5页面中有应用到。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面来源于网络

▲这个字体是我偏爱字体排前10,常常和一些非衬线字体搭配出来,用作大标题以及主题更加精致和戏剧杂志美感!字体更加精致和经典。

界面好看,界面上的字体也不能拖后腿

界面来源于网络

▲在UI设计中也有广受热爱,在一些PC页面,或者阅读类产品中,配合优美的排版,整体比较现代。

2.NunitoSans

英文界面常用的图标,国外设计师用的非常多,字形很现代,干净,字母之间添加一些字长度,看上去非常干净。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面来源于网络

▲NunitoSans无论在平面设计中,或者UI设计中都十分干净,现代,有促使阅读,所以另外在做设计之后更加偏爱用,有个小技巧,在做中文之后,字母之间加一个字宽度,可以让设计看上去更舒服。

3.Montserrat

这些字体很新颖,不像nunitosans那样干净。但每个字母上的一个小装饰,使得UI看上去更加有吸引力。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面来源于网络

▲可以看出Montserrat字体受到一些大厂喜爱,无论是大小写组合,还是正文阅读,都很另类。

界面好看,界面上的字体也不能拖后腿

在UI界面中也有极其,让整体设计非常独一无二,充满着细节。

界面好看,界面上的字体也不能拖后腿

4.Roboto

谷歌产品界面默认图标,PC和无线上默认图标,可见在谷歌的注重程度,如果你做一个中文页面,不清楚选哪个字体,那么选取这个是最安全的。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

界面来源于网络

▲这个字体通用性很强,字重也很丰富,无论是粗体还是细体,用在各种产品网站和移动界面中十分简单优雅。

5.OpenSans

OpenSans是一种无衬线字体,移动设计中也有采用非常多的一个字体,比较现代和简单视觉体验。

界面好看,界面上的字体也不能拖后腿

▲运用在网站中很干净,几乎没有多余的笔画正式,字重对比强烈!

界面好看,界面上的字体也不能拖后腿

▲它配合这其他字体采用,都很OK,几乎百搭,在美国众多经典的官网网站都有运用到。

6.PTSans

1998年公布,基于俄罗斯的无衬线字体,一般常用于杂志,美食产品。

界面好看,界面上的字体也不能拖后腿

界面好看,界面上的字体也不能拖后腿

▲PTSans在美食页面中的利用,和食物原本也融合的很高。

界面好看,界面上的字体也不能拖后腿

▲PTSans在杂志排版中借助也同样很和谐。

7.FuturaPT

FuturaPT是一种无衬线字体,也是备受设计师喜欢的一款字体,整体视觉体验现代潮流,我们一出来看看它是视觉魅力。

界面好看,界面上的字体也不能拖后腿

▲作为大标题的利用,简单清晰干净。

界面好看,界面上的字体也不能拖后腿

▲作为设计公司网站的利用,配上网格的布局,非常的时尚。

界面好看,界面上的字体也不能拖后腿

▲宝马御用字体之一,用在宝马官方APP和网站上,可见尊贵感。

界面好看,界面上的字体也不能拖后腿

▲时尚杂志的官方采用,干净简单。

英文系列字体也有众多,后续有机会再和你们推荐,今天推荐的这种中文字体在图标中完全可以用到,并且很容易下载,都在fonts.google.com网站中。

最后

正如上面开头所说,字体是设计中表现品牌很重要一点,字体选取非常重要,字体也有设计中最长期的内容,所以我们必定要把握起来,下一篇我将会围绕数字字体运用分享给你们,下周见!

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1025

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息