手機app設(shè)計容易識別的文字尺寸,行距是多少?

2015-3-20    用心設(shè)計

藍藍設(shè)計m.820esy.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

來源:http://www.uigreat.com/article-154-1.html

。

最近在智能手機上,app設(shè)計和有功能性的UI設(shè)計的需求增多了。

用Photoshop做完寬640px的設(shè)計圖后,再用真機確認(rèn)。用多少號的文字每回都很迷茫。

“不覺得文字有點小么?”

“標(biāo)題和文本看起來沒有區(qū)別吧?”等等…

這些問題常見吧,因此對智能手機系統(tǒng)默認(rèn)的應(yīng)用和有名的手機應(yīng)用的文字尺寸進行調(diào)查。


首頁畫面

通話記錄


郵件

提醒


記事本


音樂

Google Chrome


Facebook


Twitter


Youtube


書簽

Evernote

以上就是調(diào)查結(jié)果。

與自己所想的相比,果然標(biāo)題整體稍大。

文本大體在24~28px,標(biāo)題26~34px。

另外,說句多余的話,在列表上的設(shè)計上下留30px的很多。

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

根據(jù)APP和網(wǎng)站的目的等,調(diào)整元素的前后關(guān)系和整體的氛圍,統(tǒng)一這些文字尺寸不是很好的么?難道不能成為一個指標(biāo)嗎?

話雖如此自從iPhone4S的IOS升級之后總覺得是落伍了…為了更好的調(diào)整,打算更換機種。那么,再見!

譯者觀點:

文章中的文字尺寸適用于iPhone5s以下的版本。大屏是否適用?有興趣的酷友可以運用以上的驗證方法自行調(diào)查iPhone6等的尺寸。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.820esy.cn

存檔