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

發表於2015-03-13

你好!我是設計師小林。最近在智慧手機上,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等的尺寸。

相關文章