最专业的八方代购网站源码!

资讯热点
内部教程!超详细的支付宝设计规范在线字体文章

发布时间:2019-4-30 分类: 行业资讯

首先,字体设计的价值

文本是图像记忆的衍生物,人们开发了一种简洁的记录方式,以便简洁地表达场景,事物,人物和其他场景。作为图像衍生物的文本也是品牌形象的重要元素。字体是文本信息的外部表达。不同的字体不仅可以影响排版,还可以极大地体现品牌的个性。如果图形和颜色是品牌的皮肤和肉体,字体是品牌的内在骨骼。

1.信息介绍

文本是最直接和最清晰的信息表达,字体直接决定文本信息是否可以正确和准确地传达。不清楚和难以辨认的字体将大大削弱文本的表达。

2.情绪表达

文本本质上是一个图形,字体是图形的外部形式。在理解文本中表达的信息之前,字体可以给出最直接的情感影响。

3.人格

不同的字体对应不同的个性。例如,圆润的字体代表和蔼可亲,而喷墨书法字体则表现出野性。正确的字体选择可以更好地匹配其他元素,以塑造品牌的角色。

二,字体的选择

字体是影响品牌形象的基本要素。只有使用适当的字体来匹配品牌形象才能最大化品牌形象的整体效果。

因此,在选择字体时,最重要的是要根据从品牌特征中派生的关键字找到字体的基本原理。最后,我们确定了四个基本原则:端庄,严谨,清晰,可读,风格现代。 。

根据字体选择原则,符合上述特征的字体有:微软雅黑,思源黑体,华为黑体,平房,方正兰兰黑,FF DIN和Helvetica Neue。这些字体比较常见,很容易获得受版权保护的现代风格字体。

三,中文字体的选择

1.字体比较

思源和霍莉斜招的结局将发生变化。 PingFang,微软Yahei和Lanting Black严格水平和垂直,但线的宽度不同。微软Yahei是最厚的,小打印将更加困难。创始人Lanting Black源自微软Yahei。最重要的变化是其字面字体降至正常的92%。 5%的宽度更加纤细,更宽的字距调整使文本更具可读性。这些变化使Lanting Black能够更好地适应其他应用。

2.方正兰亭黑的优点

创始人“Lanting Black”是该国第一个用于屏幕设计的家庭字体。 Lanting Black的设计弥补了现有黑色机身的缺点。它追求字体的整体美感,强调文本设计的美学和文化本质。结构严谨,压力大,严禁思考和思考,更加注重词语的“形象”;黑白调节均匀,重心一致,整齐排列;笔画制作精良,线条柔软有弹性,灵活多变。阅读舒适流畅,具有鲜明的时代感。

作为一家互联网金融公司,支付宝致力于打造“专业,信任和简约”的形象。在目前主流的无衬线中文字体中,方正兰亭拥有均衡的黑端设计,严谨的设计,易于识别,平衡的文字线条,以及不断的演变,以适应激烈的竞争。此字体设计更符合此图像。

四,英文和数字字体的选择

FF Din与Helvetica Neue的比较

FF Din DIN是德国标准协会(Deutsches Institut fü r Normung)的首字母缩写。字体源自德国铁路,由Albert-Jan Pool于1995年设计和发布的民用字体。无衬线字体,易于使用,并且开放,代表德国设计。它是设计师最喜欢的字体之一。

Helvetica是瑞士设计师Max Miedinger的现代主义风格设计,中性,无衬线。字体的末端是严格水平和垂直的,字符严谨而保守。没有修改,适用于不同分辨率的显示器。 Helvetica Neue是原始字体的升级版本,具有更多字重,在不同场合更易于使用。

DIN字体相对较长且较薄,非常适合显示相对较长的数字,但在字体较小的情况下识别率较低。 Helvetica Neue的字体相对较胖,笔划更清晰,在字体较小的情况下可读性也很高。考虑到支付宝作为所有人,财务和支付属性的APP,我们选择中性,可读的Helvetica Neue作为英语和数字的品牌名称。

总之,我们确定方正兰亭黑是整个支付宝品牌的中文字体,适用于所有离线文字信息的表达和一些在线内容的显示。同时,我们将使用Helvetica Neue作为支付宝品牌的英文和数字字体,适用于所有在线和离线英文和数字显示。

五,在线字体规范

1.选择在线字体

虽然我们根据支付宝的品牌特征确认使用方正兰亭黑作为品牌名称,但在线环境(iOS和Android等移动终端)中使用字体受到系统的严格限制。

因此,在iOS系统中,中文字体使用苹果,英文字体使用旧金山;在Android系统中,中文字体使用源黑体,英文使用Roboto;同时,该号码使用Helvetica Neue跨平台字体。

2.字体大小规范

字体大小原理

在界面设计中,文本大小的大小决定了信息的级别和权重。不同字体大小的整洁和明确的排列将使整体设计更加清晰有序。

不同的操作系统都有自己独特的UI规范,但总的来说,iOS和Android都使用的网格系统是2的倍数。在移动端,无论是UI的大小还是间距,它都应该是因此,我们指定在移动端,字体大小也以2为基本单位,字体大小从最小的20pt扩展到4到40px的倍数。

同时,为了显示一些特殊的大量数字,标准字体大小从64px到112px以16为单位指定。

使用字体大小

根据固定字体大小,我们将支付宝应用程序内的信息分为7个级别,其中最高的是重要数量和数量的显示。字体大小范围为64~112px(2x图形设计模式),最小值为辅助说明。信息,字体大小为20px。具体的建议用途如下:

△*星号部分的字体大小仅限于特定场合的使用

参考案例:

六,高规格

1.行高的原则

参考w3c,从眼睛到屏幕的距离是25厘米。目前,通常的做法是西方语言的基本行高通常约为字体大小的1.2倍。然而,由于角色密集且高度一致,没有西方语言上升,后代(下行)创建行间空间,因此一般高度需要更大,这取决于阅读人口(儿童,年轻人和老人),可以是1.5到2倍或更多。

2.线高规格

结合先前导出的字体大小和行高原则,为当前规范的每种字体分配相应的行高,在设计和开发时必须遵循该行高。

七,字重量规格

1.重量一词的规则

字体的粗细是指字体笔划的粗细。通常,在字体系列名称后面指示的“Thin”,“Light”,“Regular”,“Book”,“Bold”,“Black”和“Heavy”都是重名。由于字体可以用在标题,段落或甚至海报中,因此单个单词权重可能不能很好地适应这些场景,因此产生相同字体的不同单词。

在移动页面设计中,为了简化单词权重的选择,整体效果是统一的,因此在不同的系统或字体中指定限制在设计中使用单词。也就是说,在苹果方面,选择“苗条”作为重量轻,“中等厚度”作为重字重;在源黑体中,选择“苗条”作为重量轻,而“黑”作为重量重; Helvetica Neue选择“瘦”作为一个轻松的词,“粗体”作为一个沉重的词。

2.使用单词重量

同一字体中的不同单词可以传达不同的信息权重和情感。精致的字体给人一种细腻而敏捷的感觉,而大胆则给人沉重而严肃的认知。因此,在合适的场景中使用正确的单词权重非常重要。

« 如何做代购源码网站提高第一屏的开通速度? | 五类定制代购源码网站开发,更专业的代购源码网站建设过程 »