app介面設計字型規範

標籤：頭像   href   總結   splay   關係   字型   cisc   文本   閱讀   

通過對不同類型的app進行總結，總結出app的字型規範。

一、字型選擇

1.IOS:蘋果ios 9系統開始，系統最新的預設中文字型是：蘋方。英文字型是： San Francisco

2.Android：英文字型：Roboto，中文字型：Noto

二、案例分析

1.以今日頭條介面為例，導航主標題字型大小為40px，本文標題為36px，輔助性解說文字為24px，小字(視頻長短，標題列按鈕名)為20px，頭像名為28px。字型大小代表的層級關係一目瞭然。

2.本文部分，導覽列標題文字為36px，內容標題為48px，本文為36px，小字為22-20px。

(因app性質不同，今日頭條作為閱讀類型的app，會更注重文本的閱讀便捷性。所以字型大小選擇上會偏大一些。)

3.再以為例，導覽列標題文字為36px，內容標題文字為34px，內容為28px，輔助性解說文字為24px。

4.最後以豆果美食為例，豆果美食是我認為介面閱讀很漂亮的一個app介面設計。文字閱讀給人一種很精緻舒服的感覺。同閱讀類型的新聞app和工具類型的app在字型大小選擇上相比，它的文字選擇的要稍小一些。如導覽列的字型大小為30px，頁面最大字型大小為34px(分類標題)，其次是32px，28px，24px，20px

這是豆果美食的內容詳情頁，在本文標題用到了36px，本文內容為32px，次要文字為28px，其次是24px，22px，20px。

三、總結

總結，選擇字型大小時應根據app的性質，風格，定位來進行選擇，應通過文字大小表現出內容的輕重，層級劃分，做到層級關係明顯。除了對字型進行字型大小大小的區別，還可對文字進行樣式(加重字型)和顏色的區分。

app介面設計字型規範