手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >【实例解析】优质APP用字那点事儿
【实例解析】优质APP用字那点事儿
摘要:UI设计师们常常会为APP字体而发愁,到底用什么字体好,用的字体是否又能保证ios、安卓等不同操作系统下app的字体UI显示一致?那么今天我...

UI设计师们常常会为APP字体而发愁,到底用什么字体好,用的字体是否又能保证ios、安卓等不同操作系统下app的字体UI显示一致?那么今天我们就来来研究研究优质APP用字的那点事儿,解决设计师们的痛点!

汉仪独有的fulltype技术,不但满足了APP开发者字体多样化的需求,又有效的降低了字体文件的大小。更重要的一点由于APP自带Fulltype引擎,所以可以保证ios、安卓等不同操作系统下app的字体UI显示一致性。

今天的衣食住行,绝大多数事情都可以通过App(应用程序)来完成,你可以一天不上网但无法一天不使用App。面对五花八门、色彩斑斓的各类应用,除了功能、产品的个性化设计,字体作为视觉设计中不可或缺的元素,越来越多的引起程序开发者、设计师和最终用户的关注。

【实例解析】优质APP用字那点事儿1 图片来自网络好的字体是APP中整个用户体验的重要部分。从另一方面讲,缺乏好的字体,是整个产品不专业的表现。文字是主要界面的基础元素。字体是它最形象的例子。主流应用中的大多字体可以用“得体”来形容。一些优秀APP上的文字清晰,字体看上去至少还不错。更有趣的是——我们看到越来越多移动应用在字体的使用上,表现出了震撼的效果。可以肯定的是,这股趋势将会形成更加强大的力量。不能再忽视APP中的字体了。移动端的设计已经成熟。 受限于手机系统字体的匮乏(iOS中预置了超过180种西文字体,仅包含一个简体中文字族),绝大多数app只能将就使用系统默认的字体,这样无论是视觉传达还是用户体验都会受到限制,更不用说Android的自定义系统字可能让一切都看起来很糟。如果App的设计师为App量身选择了一款字体,多半会被技术人员否定,为什么?中文字体过于庞大的体积让App瞬间增加了数兆空间,这可是绝大多数App都无法接受的。

汉仪针对这一问题,提供了全新的移动App字体解决方案。基于Fulltype技术的中文字体大小只有区区几百K,是传统TTF格式的十分之一,对于App体积的影响微乎其微,却为App带来了丰富的字体选择。更重要的一点由于APP自带Fulltype引擎,所以可以保证ios、安卓等不同操作系统下app的字体UI显示一致性。

◆ 阅读类APP——网易新闻、QQ阅读、掌阅 不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就设计也可以毁掉设计。 新闻阅读类APP讲究的是阅读的整体效果,也就特别需要在文字的排版、字号大小、字体选择上下足功夫。 字体样式太多导致页面杂乱,使用的字体不易识别,字体样式和内容的气氛或规范不匹配。

【实例解析】优质APP用字那点事儿2

网易新闻 系统黑体(左)VS 汉仪旗黑(右)

【实例解析】优质APP用字那点事儿3

网易新闻 系统黑体(左)VS 汉仪旗黑(右)

IPhone自带的黑体可以满足基本需要,但对于网易来说,他们对于字体则有更高的要求,这里面包括字体本身的美感以及多磅数带来排版上的灵动。

    网易新闻一共挑选了5款不同的旗黑字重(旗黑35/40/50/60/70),以适应其不同的界面排版需求。在技术实现方式上,网易新闻采用了汉仪的Fulltype转换引擎的方式。即将只有几百K大小的Fulltype格式的旗黑字体嵌在其5.0的安装包内,用户下载最新安装包时也不会因为多了一款字体而造成太大负担。在用户打开5.0版本的网易新闻客户端时,内嵌的Fulltype字体会在Fulltype转换引擎的帮助下在几百毫秒内转换成Truetype格式,丝毫不会影响到用户体验。

    “网易新闻客户端设计师王一鹏对于汉仪旗黑的评价:“字体简洁有设计感,棱角分明,适合长时间阅读。” 

【实例解析】优质APP用字那点事儿4

QQ阅读 其它黑体(左)VS 汉仪旗黑55(右)

【实例解析】优质APP用字那点事儿5

QQ阅读 其它黑体(左)VS 汉仪旗黑55(右)

【实例解析】优质APP用字那点事儿6

掌阅APP中嵌入的汉仪字体,供读者选择

 

阅读客户端的合作,包括QQ阅读,掌阅等。除了屏幕和纸张的差别之外,传统的电子阅读和纸质书本最大的一个差别就是字体。受限于字体过大的影响,电子书通篇都是一个字体,无法做到传统书本不同内容不同字体的排版需求。QQ阅读和掌阅通过引入汉仪的FullType小字库技术,一本书里可以使用多个字体,大大提升了阅读体验,打造了精品电子书的概念。

◆ 电商类APP——美丽说 除了传统的黑体之外,应用还会根据本身的风格、定位、受众群,选择合适的字体。

【实例解析】优质APP用字那点事儿7

美丽说APP 应用汉仪细中圆作为其系统字体

除了传统的黑体之外,应用还会根据本身的风格,定位,受众群选择合适的字体。美丽说客户端为了配合美丽说独有的女性和唯美风格使用了汉仪细中圆,细中圆相比于传统的黑体,更柔美,圆润,清秀,很受女生的欢迎。让app整体的视觉风格更女性化,和品牌的视觉语言更统一。

◆ 旅游休闲类APP——穷游网、黄油相机 丰富多样化,又不失整体诉求,是这类APP设计用字时的核心需要。

【实例解析】优质APP用字那点事儿8

穷游网APP 内嵌汉仪旗黑作为其系统字体

【实例解析】优质APP用字那点事儿9

【实例解析】优质APP用字那点事儿10

黄油相机APP 多款汉仪字体选择,方便用户个性编辑需求

总之,好的字体在文本的易读性上起了决定作用,却不止于此。好字体是技术与设计的完美结合。汉仪独有的fulltype技术,不但满足了开发者字体多样化的需求,又有效的降低了字体文件的大小。

智能手机发展到今天,字体,仅限中文字体已经成为制约设计师,影响用户体验的一个难题。汉仪App用字解决方案让这一问题迎刃而解。

文章作者:汉仪字库

【【实例解析】优质APP用字那点事儿】相关文章:

网页设计怎么都不会错的6条配色原则

聊聊原生APP切图那些事儿

11个极度专注细节的优秀网页设计

完整的设计过程思考是王道?

GOOGLE是如何运作的?

5种方法提高你网站的登录体验

图标文件格式之单色图标

智能对象那些事儿

关于web字体的那些事儿

善用色彩设计网页

精品推荐
分类导航