手机app设计容易识别的文字尺寸,行距是多少?

用户头像
大连/设计爱好者/11年前/47275浏览
手机app设计容易识别的文字尺寸,行距是多少?
用户头像
Mr_Cho

“手机app设计容易识别的文字尺寸,行距是多少?”这个问题也经常看到一些设计师给出回答,仅仅是因为自己觉得合适?那么让我们看看日本的设计师是如何给出答案的。


你好!我是设计师小林。

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

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

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

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

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

验证方法

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

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

首页画面



通话记录


邮件




提醒


记事本


音乐



Google Chrome




Facebook


Twitter




Youtube




书签




Evernote




以上就是调查结果。

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

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

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

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

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

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

译者观点:

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


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

翻译:SISENdesign


756
阅读原文
|
举报
|
1798
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
牛奶乳液层次梯田平铺平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
海底世界插画
平面插画情侣/矢量
平面设计风格的粉色草莓味马卡龙
金色颗粒质地的平面
平面书法字手写
倒计时,海报,平面
水蜜桃和李子的平面水果图案
空的平台平面和自然景观
金色颗粒质地的平面
中国传统纹样创新图案设计
城市园林平面布局航拍
平面插画设计女孩喝咖啡
城市园林平面布局航拍
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面设计 吊牌设计
你可能喜欢
大家都在看
登录注册