订阅汇聚素材网Feed

手机app设计中文字尺寸、行距知多少

你好!我是设计师小林。最近在智能手机上,app设计和有功能性的UI设计的需求增多了。用Photoshop做完宽640px的设计图后,再用真机确认。用多少号的文字每回都很迷茫。“不觉得文字有点小么?”“标题和文本看起来没 …
104713rhhf5djeenejfx2j你好!我是设计师小林。

最近在智能手机上,app设计和有功能性的UI设计的需求增多了。

用Photoshop做完宽640px的设计图后,再用真机确认。用多少号的文字每回都很迷茫。

“不觉得文字有点小么?”

“标题和文本看起来没有区别吧?”等等…

这些问题常见吧,因此对智能手机系统默认的应用和有名的手机应用的文字尺寸进行调查。

验证方法

1.用iPhone4s(对不起有点老)截屏。

2.Photoshop上用文本复写。(这时候记录文字设定的数值。)

首页画面

104713jj6p6jpw5djwd05m

通话记录

104713ij5oujnnj8ohpjz5

邮件

104713oiodiaidogddwavk104713oce7vkxanb2ca9cn

提醒

104714ij3qhvb44s52oof3

记事本

104714wnyykoyykkzkuy97

音乐

104714royichdiyuffhbf7

104714hi8yjazm34a6iz4y

104714sjm4jaqqqw4womlq

Google Chrome

104714dra66j9vr70k76kl

104715xwndt1urwdggchcg

Facebook

104715kg9iaw5bvkb5i5fk

Twitter

104715sv642nn9gkokvg4v

104715e5vfu5hfzhu565fc


Youtube

104715klkiy3wtwz22l0kk

104715clii5bmwiiii5lw1

104716ctvmp04stdqsbp7j

104716z71a4hhlec18w311


书签

104716sojin11q6s1t7enw

104716skgzzym677v674k6

Evernote

104716zktawusku561nppu

104716gjt063tt3fj6vx63

以上就是调查结果。

与自己所想的相比,果然标题整体稍大。

文本大体在24~28px,标题26~34px

另外,说句多余的话,在列表上的设计上下留30px的很多。

很多左右两边留白是30px,有信息的部分左右是20px。、

根据APP和网站的目的等,调整元素的前后关系和整体的氛围,统一这些文字尺寸不是很好的么?难道不能成为一个指标吗?

话虽如此自从iPhone4S的IOS升级之后总觉得是落伍了…为了更好的调整,打算更换机种。那么,再见!

译者观点:

文章中的文字尺寸适用于iPhone5s以下的版本。大屏是否适用?有兴趣的酷友可以运用以上的验证方法自行调查iPhone6等的尺寸。

出典:http://www.actzero.jp/developer/report-11574.html

翻译:SISENdesign

14 人Likes
  

文章转载请注明:手机app设计中文字尺寸、行距知多少-汇聚素材网

本文固定链接:http://www.webhj.com/hj-2209.html  +复制链接

您可能还会对这些文章感兴趣!

手机app设计中文字尺寸、行距知多少:等您坐沙发呢!

发表评论

*

*

7 + 0

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍