雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

ui設計者必須要知道的ui設計字體規(guī)范

Time: 2021-06-10

字體是設計作品中一個重要的組成部分,很多時候字體甚至成為一個作品失敗的關鍵。那設計字體有沒有規(guī)范呢?ui設計行業(yè)的字體的規(guī)范是什么?今天就讓faceui為大家介紹ui設計字體規(guī)范。

  ui設計字體規(guī)范

  1、字不過三

  很多大神說過色不過三,其實在同一個APP或在同一個設計作品中字體也不要過三種樣式,一般在每個項目設計中使用1-2個字體樣式就夠了,然后通過對字體大小或顏色來強調重點文案,字體的大小來區(qū)分出界面內容中的層級關系。其實網頁也是一樣,使用一種字體樣式,通過字體大小的對比也能做出高逼格的構圖和設計。

  2、字與背景的層次要分明

  字體和背景融到一塊去了,在閱讀的時候非常的不方便。包括做移動界面也是一個道理。所以易讀性和易用性是用戶的根本訴求!

  3、字體樣式與氣氛要匹配

  如果文字的風格和整體的設計風格不一致,沒有帶動用戶的購買欲。結合文案內容,設計風格采用了比較明快剛勁的設計風格,字體也選擇了比較剛勁有力的造字工坊勁黑體。氣氛匹配,用戶代入感強。選擇合適的字體樣式能加強購買欲和點擊欲。

ui設計字體規(guī)范

ui設計字體規(guī)范(圖片來自網絡)


  4、字體要跟風格結合

  常用的字體有以下幾種類型:

 ?。?)平穩(wěn)型字體

  在陌陌APP歡迎也中使用到了比較平穩(wěn)的方正正中黑,整體風格比較直接明了。

  方正蘭亭系列是網頁設計中必用的字體,穩(wěn)重而細膩,還具有時尚科技感。當然用在科技產品的官網中更合適不過了。

 ?。?)剛勁有力型

  張海山的字體非常的好用,可以試試,清晰明了,年輕有力。

  華康儷金黑有種大字報的感覺。

 ?。?)可愛型字體

  方正經黑、漢儀小麥使用都很可愛。

 ?。?)華康海報體

  專題和引導頁面中經常會用到。

 ?。?)騰翔金磚體

  這也是一個非常不錯的字體,設計師利用了騰翔金磚體的原型將美食的元素融入到了設計中。

ui設計字體規(guī)范

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設計水平很有用的。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開