在這篇文章中，我整理了一些小的設(shè)計(jì)技巧，來(lái)幫助你快速改進(jìn)自己的設(shè)計(jì)。有時(shí)只需要一些小的調(diào)整，就能快速提高設(shè)計(jì)的品質(zhì)。

1. 使用全小寫(xiě)英文讓畫(huà)面更有氣質(zhì)

圖片上使用較粗的字體或開(kāi)頭大寫(xiě)有時(shí)候會(huì)顯得過(guò)于正式。嘗試在某些界面上使用小寫(xiě)或者比較細(xì)的字體，讓畫(huà)面看起來(lái)更加有氣質(zhì)。

2.使用粗細(xì)、大小和顏色來(lái)表達(dá)內(nèi)容主次關(guān)系

設(shè)計(jì)文字內(nèi)容時(shí)，沒(méi)辦法時(shí)時(shí)告訴用戶哪個(gè)內(nèi)容信息是主要的哪個(gè)是次要的，但可以通過(guò)調(diào)整字體粗細(xì)、大小、顏色，讓我用戶一眼就能分辨內(nèi)容主次關(guān)系，避免閱讀中出現(xiàn)任何混亂。（彩云注：要對(duì)比就要足夠強(qiáng)，不要模棱兩可。）

3.深色背景應(yīng)加粗文字

在淺色背景使用深色文本時(shí)，有時(shí)可以選擇較輕的字體粗細(xì)。但如果在深色背景使用淺色文字時(shí)，最好考慮把字體粗細(xì)稍微加粗一點(diǎn)，特別是長(zhǎng)文本段落內(nèi)容的，以提高文本的最佳可讀性，避免使用戶視覺(jué)疲勞。

4.選擇能正確氣質(zhì)的字體

試著為呈現(xiàn)的內(nèi)容選擇合適的字體。用戶是精明的，并且對(duì)內(nèi)容氣質(zhì)會(huì)有直觀感受。所以選擇合適的字體很關(guān)鍵，能讓用戶獲得對(duì)應(yīng)氣質(zhì)的閱讀體驗(yàn)。（彩云注：上圖中的區(qū)別在于，左邊的字體偏古典，而插畫(huà)偏現(xiàn)代，所以右邊就會(huì)更合適一些）

5.界面中的字體最好控制在2種以?xún)?nèi)

對(duì)于我來(lái)說(shuō)，設(shè)計(jì)最好選擇一種類(lèi)型的字體。但如果項(xiàng)目需要，最好控制在兩種字體以?xún)?nèi)，不要太多。對(duì)于沒(méi)有經(jīng)驗(yàn)設(shè)計(jì)師來(lái)說(shuō)，頁(yè)面使用多種字體視覺(jué)是很難把控的。所以建議最多使用2種字體類(lèi)型，然后改變字體的粗細(xì)，大小，顏色，這樣的設(shè)計(jì)會(huì)看起來(lái)更加統(tǒng)一協(xié)調(diào)。

6.字體全大寫(xiě)時(shí)，注意拉大字體間距

使用全大寫(xiě)的文字時(shí)，只要稍微拉大下字母間的間距，就能使字母間更加容易區(qū)分，單詞更加容易閱讀，提高用戶的可閱讀性，還能使大寫(xiě)字體視覺(jué)上更加美觀。

7.設(shè)計(jì)元素風(fēng)格保持一致性

無(wú)論是網(wǎng)站或APP設(shè)計(jì)都應(yīng)該保持一致性，這也是設(shè)計(jì)的最基本的原則。比如布局、圖標(biāo)、顏色和按鈕都要始終保持一致，減少用戶混淆，提高用戶體驗(yàn)。（彩云注：同一個(gè)界面中的元素樣式應(yīng)保持一致）

8.設(shè)計(jì)適當(dāng)增大留白

設(shè)計(jì)界面適當(dāng)使用留白不僅讓界面看起來(lái)更加有空間感，主次分明，還能給人一種明朗、簡(jiǎn)潔的心理感受。想讓設(shè)計(jì)視覺(jué)更加集中，有呼吸感，適當(dāng)留白則是改進(jìn)頁(yè)面視覺(jué)最簡(jiǎn)單的方法之一。

9.設(shè)計(jì)開(kāi)頭段落樣式，吸引用戶

如果你處理的是長(zhǎng)篇內(nèi)容，比如博客文章，那么將讀者吸引到內(nèi)容中是很重要的。為了達(dá)到這個(gè)目的，開(kāi)篇段落的外觀和內(nèi)容本身一樣重要。可以簡(jiǎn)單調(diào)整下，如調(diào)整字體大小，行高，粗細(xì)和顏色，都可以改善第一印象。

10.長(zhǎng)文本使用短段落設(shè)計(jì)

在處理長(zhǎng)篇內(nèi)容時(shí)，盡量保持段落簡(jiǎn)短有力，清晰呈現(xiàn)。確保用戶在短時(shí)間內(nèi)快速閱讀內(nèi)容信息。（彩云注：人的耐心很有限，盡量把長(zhǎng)段落拆分，我自己寫(xiě)公眾號(hào)文章時(shí)也會(huì)這樣做，我給自己規(guī)定一個(gè)段落最長(zhǎng)不超過(guò)5行，并一直執(zhí)行這個(gè)標(biāo)準(zhǔn)。）

11.定好主色調(diào)，并在設(shè)計(jì)中保持一致性

怎樣讓用戶界面看起來(lái)更專(zhuān)業(yè)？那就是從一開(kāi)始就定義好主色調(diào)，并在整個(gè)設(shè)計(jì)中始終保持一致性。如果界面隨機(jī)使用大量的顏色來(lái)設(shè)計(jì)，視覺(jué)效果只會(huì)讓用戶看起來(lái)很亂，分不清主次。

12.當(dāng)使用8點(diǎn)網(wǎng)格系統(tǒng)時(shí)，圖標(biāo)布局要一致

當(dāng)使用圖標(biāo)和 8pt 網(wǎng)格系統(tǒng) 時(shí)，你會(huì)發(fā)現(xiàn)大多數(shù)構(gòu)建良好的圖標(biāo)集的圖標(biāo)都位于8的倍數(shù)框架內(nèi)（即 16×16、24×24、32×32 等）。但在設(shè)計(jì)中我們常常很容易忽略這一原則。若想讓你的設(shè)計(jì)圖標(biāo)在布局中保持一致性，最好確保你設(shè)計(jì)的任何圖標(biāo)都在8的倍數(shù)框內(nèi)。

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

原文地址：medium

作者：Marc Andrew

譯文地址：彩云譯設(shè)計(jì)（公眾號(hào)）

譯者：彩云Sky

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》UI設(shè)計(jì)細(xì)節(jié)系列② | 讓設(shè)計(jì)細(xì)節(jié)更高級(jí)的12個(gè)實(shí)用小技巧

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.paul-jarrel.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)