APP界面设计:如何选符合产品气质的字体

不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。


不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。

APP界面设计:如何选符合产品气质的字体

随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。

iOS 系统当中的APP设计字体:

常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好。

iOS7字体设计规范以及APP设计中英文字体下载

Android系统当中的APP界面设计字体:

英文字体:Roboto

中文字体:Noto   (Android 5.0 Lollipop 思源黑体字体)也是目前安卓系统当中使用的最新字体,之前的字体还有如下Droid字体。字体设计也比较优雅。

APP界面设计:如何选符合产品气质的字体

Android移动APP设计字体规范详解

下面我们就来看看一些比较好的符合产品气质的字体和app。

优雅的APP案例欣赏:Yahoo 天气 – 最优雅的天气APP

APP界面设计:如何选符合产品气质的字体

Yahoo Weather! 不论是在布局、字体和色彩的运用上都显得精致细腻,滑动时高斯模糊的处理更是流畅平滑。值得去下载学习。

好的字体在文本的易读性上起了决定作用,却不止于此,它也传递出设计师分享的意图。它是整个用户体验的重要部分。

从另一方面讲,缺乏好的字体,是整个产品不专业的表现。文字是主要界面的基础元素。

第一部分:如何来选择更符合产品主题气氛的字体与字形:

案例1  战争气质

APP界面设计:如何选符合产品气质的字体

原型/圆体、哥特体

左图字体所传达的气质:趣味、活泼;

显得对这部战争类型的电影所表现的气质格格不入。

右图字体所传达的气质:哥特、凌厉;

采用了具有装饰性的衬线字体,衬线字体的特点在于线条交接处和末端具有明显的粗细变化和装饰,使字体气氛感觉犀利,加上纹理质感处理,便有了神话意境和哥特式惊悚的味道,很好的衬托出电影本身的气质。

案例2  文艺气质

APP界面设计:如何选符合产品气质的字体

原型/宋体

上面两张电影海报应用的字体都是宋体,宋体的衍生有很多,又长有扁,有胖有瘦。一般用于书籍印刷。而在电影界上这类型字体多用于文艺片,正如案例中,两部都是文艺温馨的爱情片,运用宋体进行排版处理,既显得清新又文艺。

案例3  女性气质

APP界面设计:如何选符合产品气质的字体

原型/细线体、衬线体

字如其人,女性的特点是细致优雅、苗条细长;常被用作化妆品、女性杂志、艺术等女性主题领域。

案例4  男性气质

APP界面设计:如何选符合产品气质的字体

原型/黑体

作为强现代感的无衬线字体—黑体,给人感觉粗壮紧凑,颇有力量感,可塑性很强,对比案例3的细线体,即可表现为阳刚有力的男性气质,也可以变成纤细优雅的女性气质。

案例5  历史文化气质

APP界面设计:如何选符合产品气质的字体

原型/书法字体

书法字体具有很强的设计感与艺术表现力,运用好的话往往是点睛之笔。各式各样的书法字体有着自己独特的细腻的特点,把握好这一点,既能给电影增加文化内涵,也能衬托出电影的气质。

从以上5个方面,算是给大家点睛了一下。希望大家可以自己多去观察和了解这些字体的气质。才能很好的用在我们的移动app界面上。

如今,字体是移动设计师的重要武器之一,恰当的字体运用,可以使产品的定位和内容的情感有加倍的表达。因为系统默认的字体太少或者太丑了。可以供设计师发挥的就是内嵌字体。

内嵌字体就是 设计师设计在图片上 或者是把字体当中图形化的一种使用。

所以,内嵌字体,成为了一些追求完美的App设计师的一个解决方案。

当然,有些时间设计师也要学会根据产品的气质去改变字体。重新设计下字体。

第二部分、APP案例详解:简书APP

APP界面设计:如何选符合产品气质的字体

作为一个「交流故事,沟通想法」的的写作平台App,简书为了优化阅读体验,选择了思源黑体作为内嵌字体,使用户发布的不管是简体中文、繁体中文、还是日文韩文,都能有比较理想的表现。食色的产品概念是和「生活家」们一起,发现与分享城市中的美食,所以选择了细腻精致的方正兰亭纤黑作为主要的界面字体。

用户第一次使用,就能感受它与其他产品在气质上的不同。

除了内嵌简洁亲和的非衬线体之外,诸如像Lohas乐活这样小清新和强调自然生活感的产品,则会选用了田氏宋体旧字形或者方正兰亭刊宋之类的,既能体现古韵,又相当简练质感的衬线字体来表达产品定位和气质。

以上这些关于移动app字体设计知识,希望对各位有所帮助。

 

作者:25学堂

来源:http://www.chinaz.com/design/2015/1027/462541.shtml

本文来源于人人都是产品经理合作媒体@站长之家,作者@25学堂

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

(0)
CatherineCatherine
上一篇 2017-05-14 15:54
下一篇 2017-05-14 17:50

相关推荐

  • 画一本满满的Sketch Book,你有这样的执念吗?

    Sketch Book 到底对你意义为何我们收到过,看到过很多位插画师的速写本有随身的不到A5尺寸的也有十分大到A3的像作品集一样也收到过,很多后台询问可以推荐款速写本,可以推荐下用什么笔吗(这个真的,不重要 X3)你会发现,很多ins上国外插画师po出来完稿画作和平日速写本的风格截然不同对,速写本不是一本作品集需要每一页都是完整的,完美的它更像一个瞬时的思考把你的某一点切实地记录下来看看她们的速写本01 Eve尹光芒正在鲸字号 上海实...

    2018-03-26
  • 像一个APP设计者一样去思考

    随着移动互联网发展,移动应用程序视觉设计流行风向推陈出新。 现阶段我需要深入了解新型智能硬件设备,它通常意味着改变我们的思维方式——即使这意味着远离我们之前的网页设计技巧。 我的职业生涯就像许多UI设计者一…

    2015-04-13
  • 怕思考 — “Axure基础入门思维”

    我想说:“集思广益里诞生着灵感”虽然画原型图的软件有不少,但我并没有过多的去留意这件事,也许我最先知道的是Axure,所以就有了接下来的事情。其实对于Axure我也只是懂些皮毛,其操作起来并不是很熟练,但我在这上面有了一些发现和思考,我认为是值得分享的。首先Axure是什么?,我自己的理解是“Axure是一款帮助我们画出想法,理清思路,有益自己或团队交流规则和信息的工具”。Axure的模样(Axure RP 8)!当我们打开Axure软...

    2018-04-29
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • 交互基本功:如何设计一个好用的搜索框?

    搜索框一种常见的交互控件,用于精准提取海量的信息中的准确内容。本文作者分享了设计一个搜索框的几个要点,希望大家从中可以有所收获。

    2017-05-04
  • 设计总结|基于大屏设计的QQiPad主题

    主题一直是QQiPad比较薄弱的一块,在用户的强烈呼声下,项目组决定在6.5版本上线新的主题,为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点?应该如何设计?在此分享本次主题设计总结。

    2017-05-09
  • 为什么重视用户体验的公司最后死掉了?

    今日头条候选:易到完成股权变更,乐视仍未完全退出;“ofo小黄车”被诉商标侵权;今天,给大家推荐的头条是「黑马高管营」导师刘爽从管理决策角度分享如何做决策、决策的依据以及避免陷入的误区,值得每一位管理者仔细阅读。【黑马高调头条】第185期文 | 创业黑马学院什么是管理决策论?管理决策论就是在管理中做各种决策的相应依据。很多创业公司的折腾闹剧现象,就是管理层管理决策弱的结果,如果具备基本的make sense,有些“学费”不是一定要交的,...

    2018-01-30
  • 铃木说马云的双11是错的

    铃木敏文:“判断项目是否可行,应该由用户立场出发,以用户视点深入考察是否符合需求。一旦决定开拓,就一定要坚持到底。”“海星有一种特殊的能力——再生。它的腕、体盘和管足受损或自切后,都能够重新生成一个新的海星。因此,它对环境的适应能力和生存能力都特别强。”铃木敏文:“冬天,北海道地区的店准备了大量空间贩卖冰淇淋。“
    当地生意人纷纷嘲笑说:“谁会大冬天里吃冰淇淋呀!”
    但是,铃木说:“家里暖气开得很足,如果能吃上冰淇淋,客人应该会很开心吧!”铃木敏文:“红豆糯米的美味之处在软糯口感,但在它刚被研发成型时,试吃过后并没有尝到糯糯的口感,于是找到研发告诉我制作红豆糯米的方法和普通米饭一样是用锅煮熟的,因而导致口感上有所差异。铃木训斥他说,红豆糯米本身应该以蒸笼蒸制,为什么不采用正确的方法呢? 原来,当时的 生产工厂并没有以蒸制大量糯米的工艺和设备,因此选择了和普通米饭相同的做法。 我要求他们改变制作方法,引进新设备,力争做出原汁原味的糯米饭团。开发团队对糯米的种类、 淘洗方法、浸泡时间、红豆的选择、煮法等所有的要素都重新研究,克服了好几个难关,终于让这一 产品 获得了极大的成功。”铃木敏文:“如今已最新的第六版的投资高达500亿日元,这些年IT的总投资金额已达到3000亿日元。商品库存数据、POS数据、缺货数据、报废数据,在第六版系统中,7-Eleven开始为各家加盟门店订货提供三项数据,以作为协助成立假设的参考,分别是立地数据、设施数据和长期数据。“立地数据”是指调查各门店周边(半径350米,徒步5分钟以内的)的家庭数;如果有商户的话,就调查其员工人数。“设施数据”主要了解自家门店周边是否有学校或医院之类的设施,这对于日常订货作业的假设设定都能提供一定的帮助。他们还根据过去的数据呈现出有关趋势及动向的数据,提供“长期数据”。”

    2017-05-02
  • Axure RP入门第五篇——全局变量实现不同窗口加载

    产品经理入门:Axure RP入门第五篇——全局变量实现不同窗口加载

    2018-03-04
  • 花了7天看了上千个交互动效神作,我总结出5个技巧

    对一个全无经验的动效新手而言,如何制作出「正确」而不是「华丽」的动效?今天这篇Medium 上的好文,从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面,附上案例分析,帮你学会基础的动画制作技巧。

    2017-05-22