字體是設計作品中一個重要的組成部分,很多時候字體甚至成為一個作品失敗的關鍵。那設計字體有沒有規(guī)范呢?ui設計行業(yè)的字體的規(guī)范是什么?今天就讓faceui為大家介紹ui設計字體規(guī)范。
ui設計字體規(guī)范
1、字不過三
很多大神說過色不過三,其實在同一個APP或在同一個設計作品中字體也不要過三種樣式,一般在每個項目設計中使用1-2個字體樣式就夠了,然后通過對字體大小或顏色來強調重點文案,字體的大小來區(qū)分出界面內容中的層級關系。其實網頁也是一樣,使用一種字體樣式,通過字體大小的對比也能做出高逼格的構圖和設計。
2、字與背景的層次要分明
字體和背景融到一塊去了,在閱讀的時候非常的不方便。包括做移動界面也是一個道理。所以易讀性和易用性是用戶的根本訴求!
3、字體樣式與氣氛要匹配
如果文字的風格和整體的設計風格不一致,沒有帶動用戶的購買欲。結合文案內容,設計風格采用了比較明快剛勁的設計風格,字體也選擇了比較剛勁有力的造字工坊勁黑體。氣氛匹配,用戶代入感強。選擇合適的字體樣式能加強購買欲和點擊欲。
ui設計字體規(guī)范(圖片來自網絡)
4、字體要跟風格結合
常用的字體有以下幾種類型:
?。?)平穩(wěn)型字體
在陌陌APP歡迎也中使用到了比較平穩(wěn)的方正正中黑,整體風格比較直接明了。
方正蘭亭系列是網頁設計中必用的字體,穩(wěn)重而細膩,還具有時尚科技感。當然用在科技產品的官網中更合適不過了。
?。?)剛勁有力型
張海山的字體非常的好用,可以試試,清晰明了,年輕有力。
華康儷金黑有種大字報的感覺。
?。?)可愛型字體
方正經黑、漢儀小麥使用都很可愛。
?。?)華康海報體
專題和引導頁面中經常會用到。
?。?)騰翔金磚體
這也是一個非常不錯的字體,設計師利用了騰翔金磚體的原型將美食的元素融入到了設計中。
ui設計字體規(guī)范(圖片來自網絡)
5、界面中中文字體使用規(guī)則
不同平臺、不同界面設計中,使用的字體規(guī)范也有所不同,像移動界面的設計就會有固定的字體樣式。
常規(guī)字體:
IOS:可以選擇的字體有華文黑體或者冬青黑體、蘋方字體;尤其是蘋方字體效果最好(iOS9系統(tǒng)將平方作為iOS字體)。
Android:英文字體:Roboto 中文字體:Noto。偶爾也會用到微軟雅黑字體。
網頁:網頁中常規(guī)字體一般選用微軟雅黑作為設計字體(微軟雅黑Windows LCD)常規(guī)字號。
導航主標題字號:40-42px。
大的正文字號32px,副文是26px,小字20px一般在內文的使用中,根據(jù)不同類型的App會有所區(qū)別。像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號36px,會選擇性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。
ios中默認字體分為三類
第一類:STHeiti-Light.ttc 和 STHeiti-Medium.ttc 代表的是中文字體,常用的方正黑體簡體。
第二類:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及數(shù)字字體,常用的字體Helvetica。
第三類:LockClock.ttf 代表的是鎖屏時間字體。
以上就是faceui為大家介紹的關于ui設計字體規(guī)范的相關內容。如果大家要了解和掌握更多關于ui設計的知識和技巧,那就必須要了解ui設計字體規(guī)范,這對于提高大家ui設計水平很有用的。