字體是ui設(shè)計(jì)中不可缺少的一部分,很多時(shí)候字體甚至成為一個(gè)作品成敗的關(guān)鍵。那么在ui設(shè)計(jì)中對(duì)字體的規(guī)范是什么?
1、字不過三
很多大神說過色不過三,其實(shí)在同一個(gè)APP或在同一個(gè)設(shè)計(jì)作品中字體也不要過三種樣式,一般在每個(gè)項(xiàng)目設(shè)計(jì)中使用1-2個(gè)字體樣式就夠了,然后通過對(duì)字體大小或顏色來強(qiáng)調(diào)重點(diǎn)文案,字體的大小來區(qū)分出界面內(nèi)容中的層級(jí)關(guān)系。其實(shí)網(wǎng)頁也是一樣,使用一種字體樣式,通過字體大小的對(duì)比也能做出高逼格的構(gòu)圖和設(shè)計(jì)。
2、字與背景的層次要分明
字體和背景融到一塊去了,在閱讀的時(shí)候非常的不方便。包括做移動(dòng)界面也是一個(gè)道理。所以易讀性和易用性是用戶的根本訴求!
3、字體樣式與氣氛要匹配
如果文字的風(fēng)格和整體的設(shè)計(jì)風(fēng)格不一致,沒有帶動(dòng)用戶的購買欲。結(jié)合文案內(nèi)容,設(shè)計(jì)風(fēng)格采用了比較明快剛勁的設(shè)計(jì)風(fēng)格,字體也選擇了比較剛勁有力的造字工坊勁黑體。氣氛匹配,用戶代入感強(qiáng)。選擇合適的字體樣式能加強(qiáng)購買欲和點(diǎn)擊欲。
4、字體要跟風(fēng)格結(jié)合
常用的字體有以下幾種類型:
(1)平穩(wěn)型字體
在陌陌APP歡迎也中使用到了比較平穩(wěn)的方正正中黑,整體風(fēng)格比較直接明了。
方正蘭亭系列是網(wǎng)頁設(shè)計(jì)中必用的字體,穩(wěn)重而細(xì)膩,還具有時(shí)尚科技感。當(dāng)然用在科技產(chǎn)品的官網(wǎng)中更合適不過了。
(2)剛勁有力型
張海山的字體非常的好用,可以試試,清晰明了,年輕有力。
華康儷金黑有種大字報(bào)的感覺。
(3)可愛型字體
方正經(jīng)黑、漢儀小麥?zhǔn)褂枚己芸蓯邸?/span>
(4)華康海報(bào)體
專題和引導(dǎo)頁面中經(jīng)常會(huì)用到。
(5)騰翔金磚體
這也是一個(gè)非常不錯(cuò)的字體,設(shè)計(jì)師利用了騰翔金磚體的原型將美食的元素融入到了設(shè)計(jì)中。
5、界面中中文字體使用規(guī)則
不同平臺(tái)、不同界面設(shè)計(jì)中,使用的字體規(guī)范也有所不同,像移動(dòng)界面的設(shè)計(jì)就會(huì)有固定的字體樣式。
常規(guī)字體:
IOS:可以選擇的字體有華文黑體或者冬青黑體、蘋方字體;尤其是蘋方字體效果最好(iOS9系統(tǒng)將平方作為iOS字體)。
Android:英文字體:Roboto 中文字體:Noto。偶爾也會(huì)用到微軟雅黑字體。
網(wǎng)頁:網(wǎng)頁中常規(guī)字體一般選用微軟雅黑作為設(shè)計(jì)字體(微軟雅黑Windows LCD)常規(guī)字號(hào)。
導(dǎo)航主標(biāo)題字號(hào):40-42px。
大的正文字號(hào)32px,副文是26px,小字20px一般在內(nèi)文的使用中,根據(jù)不同類型的App會(huì)有所區(qū)別。像新聞?lì)惖腁PP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號(hào)36px,會(huì)選擇性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。
ios中默認(rèn)字體分為三類
第一類:STHeiti-Light.ttc 和 STHeiti-Medium.ttc 代表的是中文字體,常用的方正黑體簡體。
第二類:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及數(shù)字字體,常用的字體Helvetica。
第三類:LockClock.ttf 代表的是鎖屏?xí)r間字體。
本文由培訓(xùn)無憂網(wǎng)AAA教育專屬課程顧問老師整理發(fā)布,更多相關(guān)課程請關(guān)注培訓(xùn)無憂網(wǎng)UI培訓(xùn)或添加老師微信:15033336050
以上文章由北京AAA教育課程顧問整理編輯發(fā)布,部分文章來自網(wǎng)絡(luò)內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050
免 費(fèi) 申 請 試 課