運(yùn)用粗細(xì)、大小和顏色來表示字體的層次結(jié)構(gòu)。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比老邊網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式老邊網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋老邊地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。

神譯局是36氪旗下編譯團(tuán)隊(duì)，關(guān)注科技、商業(yè)、職場(chǎng)、生活等領(lǐng)域，重點(diǎn)介紹國(guó)外的新技術(shù)、新觀點(diǎn)、新風(fēng)向。

編者按：用戶對(duì)產(chǎn)品的體驗(yàn)來自直觀感受。所以UI/UX往往對(duì)產(chǎn)品的成敗有著直接的影響，糟糕的UI/UX體驗(yàn)會(huì)讓強(qiáng)大的功能失去效力。但怎么才能提高UI/UX設(shè)計(jì)的效果呢？不一定需要你掌握豐富全面的設(shè)計(jì)知識(shí)，有時(shí)候一點(diǎn)點(diǎn)的小改變就能令設(shè)計(jì)大為改觀。Marc Andrew總結(jié)了36個(gè)改進(jìn)UI/UX設(shè)計(jì)的小技巧，分成6篇系列文章刊出，此為第三篇，希望能夠幫助到你。原文發(fā)表在Medium上，標(biāo)題是：UI & UX micro-tips: Volume three。

在為自己的下一個(gè)項(xiàng)目創(chuàng)作高效、美觀的 UI 時(shí)，有時(shí)只需一點(diǎn)小到不能再小的調(diào)整就可以幫助你快速改進(jìn)設(shè)計(jì)。

在這篇系列文章的第三篇中，我會(huì)為你帶來又一批很容易實(shí)踐的 UI 和 UX 小技巧。

是那種你可以不費(fèi)吹灰之力就能改進(jìn)設(shè)計(jì)和用戶體驗(yàn)的小技巧。

我們就直接開始吧……

1. 想換一種不那么非正式的語氣？可以試試全部小寫。

運(yùn)用較粗的字體和大寫有時(shí)候會(huì)顯得有點(diǎn)太過正式。

不妨嘗試一下選擇全部小寫，用細(xì)一點(diǎn)的字體。

在做特定項(xiàng)目時(shí)，這種做法可以傳遞出不那么正式、更平易近人的信息。

2. 運(yùn)用粗細(xì)、大小和顏色來表示字體的層次結(jié)構(gòu)。

在設(shè)計(jì)字體時(shí)，元素不需要高聲尖叫著“喂，看著我！”，用不著時(shí)刻都要提醒用戶。

但是。這些字體確實(shí)需要有一個(gè)平衡的層次結(jié)構(gòu)。

通過運(yùn)用好字體的粗細(xì)，大小以及顏色，做出微妙的調(diào)整，就可以實(shí)現(xiàn)這一目標(biāo)。

這可以讓用戶一眼瞄過去的時(shí)候就能找出最重要的元素，并避免在此過程中出現(xiàn)任何的混淆。

3. 深色背景前面放很細(xì)的字體？加粗字體或獲得最佳的可讀性。

在淺色背景下放置深色文本時(shí)，偶爾選擇細(xì)一點(diǎn)的字體是可以的。

但是…

……反過來的時(shí)候：字體很細(xì)的文字 > 深色背景時(shí)……

...你應(yīng)該考慮字體稍微加粗一點(diǎn)，尤其是文案很長(zhǎng)的時(shí)候。

這么做的是為了保證最好的易讀性，并避免使用戶的眼睛疲勞。

4. 選好字體，營(yíng)造出合適的情緒反應(yīng)。

要試著給需呈現(xiàn)的內(nèi)容選擇合適的字體。

用戶是很精明的，他們對(duì)內(nèi)容什么時(shí)候在跟自己對(duì)話，什么時(shí)候不是會(huì)有直觀的感受。

選擇合適的字體是讓內(nèi)容直接跟用戶對(duì)話的關(guān)鍵，而且是在情感的層面上。

5. 如果（必須）使用多種字體，務(wù)必努力遵守最多兩種的原則。

對(duì)我來說，我會(huì)盡量堅(jiān)持只用 1 種字體的原則。

但是。

如果項(xiàng)目的確需要，我建議將字體數(shù)量最多可以做到2種。

不能再多了。

對(duì)于沒有經(jīng)驗(yàn)的人來說，要想讓不同字體結(jié)合得很好可能會(huì)很棘手。

對(duì)自己要手下留情，不要僅僅因?yàn)槟憧梢蕴砑幼煮w就任性。

最多使用 2 種字體，然后粗細(xì)、大小和顏色的適當(dāng)組合馬上就能為你的設(shè)計(jì)帶來視覺上的和諧。

6. 全大寫 + 字母間距 = 易讀性更好。

全部都是大寫，全都擠在一起的文字？

呃……

......“給這些字母之間增加一點(diǎn)間距是個(gè)好主意，這樣可以為用戶實(shí)現(xiàn)更好的易讀性。

這么做會(huì)讓單詞更容易閱讀和處理，因?yàn)樽帜副舜酥g更容易區(qū)分。

只需要稍微增加一點(diǎn)字母之間的間距，就能夠提高易讀性，并為大寫字體增添一絲的潤(rùn)色。

譯者：boxi

文章題目：人人都可以是設(shè)計(jì)師：UI&UX小技巧大全（三）
文章分享：http://m.2m8n56k.cn/article14/scdgge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、服務(wù)器托管、標(biāo)簽優(yōu)化、Google、網(wǎng)站制作、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)