UI設(shè)計(jì)中常用字體規(guī)范，你知道嗎?

時間：2023-09-14 18:06:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-09-14 18:06:01 來源：網(wǎng)站運(yùn)營

UI設(shè)計(jì)中常用字體規(guī)范，你知道嗎?：俗話說“成也蕭何敗蕭何”，字體也一樣，一個好的字體能夠成就設(shè)計(jì)，也能因?yàn)橐粋€不合適的字體毀掉整個設(shè)計(jì)。其實(shí)譽(yù)財(cái)教育告訴你，怎樣的字體設(shè)計(jì)會給人不好的感受呢?不外乎就是三點(diǎn)：1.字體樣式太多，雜亂無章;2.使用的字體不易識別;3.字體和內(nèi)容的氣氛不匹配。那么如何避免這種情況的發(fā)生呢?那就是掌握UI設(shè)計(jì)中的字體規(guī)范!

一、字不過三

很多UI設(shè)計(jì)的大佬都說過色不過三，其實(shí)在同一個APP或在同一個設(shè)計(jì)作品中字體也不要過三種樣式，一般在每個項(xiàng)目設(shè)計(jì)中使用1-2個字體樣式就夠了，然后通過對字體大小或顏色來強(qiáng)調(diào)重點(diǎn)文案。

其實(shí)網(wǎng)頁也是一樣，使用一種字體樣式，通過字體大小的對比也能做出高逼格的構(gòu)圖和設(shè)計(jì)。講真!字體用的太多，會顯得你不夠?qū)I(yè)!

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

很多人在做Banner圖時經(jīng)常出現(xiàn)這樣的問題，字體和背景融到一塊去了，在閱讀的時候非常的不方便!這樣的Banner如何才能達(dá)到廣而告知呢?所以易讀性和易用性是用戶的根本訴求!

三.字體樣式與氣氛要匹配

文字的風(fēng)格和整體的設(shè)計(jì)風(fēng)格不一致，無法帶動用戶的購買欲。那么這個設(shè)計(jì)就沒達(dá)到預(yù)期需求，也就是一個失敗的設(shè)計(jì)。

而當(dāng)一個設(shè)計(jì)結(jié)合文案內(nèi)容，比如設(shè)計(jì)風(fēng)格采用了比較明快剛勁的設(shè)計(jì)風(fēng)格，字體也選擇了比較剛勁有力的造字工坊勁黑體。氣氛匹配，用戶代入感強(qiáng)。這就說明了選擇合適的字體樣式能加強(qiáng)購買欲和點(diǎn)擊欲。

四、不同字體對應(yīng)的不同設(shè)計(jì)風(fēng)格

1.平穩(wěn)型字體

在陌陌APP歡迎也中使用到了比較平穩(wěn)的方正正中黑，整體風(fēng)格比較直接明了。方正蘭亭系列是網(wǎng)頁設(shè)計(jì)中必用的字體，穩(wěn)重而細(xì)膩，還具有時尚科技感。當(dāng)然用在科技產(chǎn)品的官網(wǎng)中更合適不過了。穩(wěn)重而富有科技感。

2.剛勁有力型

張海山的字體非常的好用，可以試試，清晰明了，年輕有力;華康儷金黑有種大字報(bào)的感覺。

3.可愛型字體

比如華康海報(bào)體，專題和引導(dǎo)頁面中經(jīng)常會用到;騰翔金磚體，這也是一個非常不錯的字體，設(shè)計(jì)師利用了騰翔金磚體的原型將美食的元素融入到了設(shè)計(jì)中;當(dāng)然我們還可以使用毛筆字生成器，通過自由的書法網(wǎng)站在線生成。

媽媽嘴里別人家的孩子最好，你眼里人家的設(shè)計(jì)更好。所以，譽(yù)財(cái)雙流UI設(shè)計(jì)培訓(xùn)想告訴大家，要想成為別人家的小孩，第一就是應(yīng)該多看多思考別人好的設(shè)計(jì)，形成自己的風(fēng)格，多練習(xí)，成為那個別人嘴里“別人家的小孩”!