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

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

藍(lán)藍(lán)設(shè)計( yvirxh.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等的尺寸。

日歷

鏈接

個人資料

存檔