實戰(zhàn)技巧 | 讓設(shè)計細(xì)節(jié)更高級的 12 個實用小技巧

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識，幫助全球 1 億設(shè)計師成長

轉(zhuǎn)自：彩云譯設(shè)計

編輯：張夢如

共 1764 字，預(yù)計閱讀 5 分鐘

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

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

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

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

設(shè)計文字內(nèi)容時，沒辦法時時告訴用戶哪個內(nèi)容信息是主要的哪個是次要的，但可以通過調(diào)整字體粗細(xì)、大小、顏色，讓我用戶一眼就能分辨內(nèi)容主次關(guān)系，避免閱讀中出現(xiàn)任何混亂。

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

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

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

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

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

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

6.字體全大寫時，注意拉大字體間距

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

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

無論是網(wǎng)站或 APP 設(shè)計都應(yīng)該保持一致性，這也是設(shè)計的最基本的原則。比如布局、圖標(biāo)、顏色和按鈕都要始終保持一致，減少用戶混淆，提高用戶體驗。

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

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

9.設(shè)計開頭段落樣式，吸引用戶

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

10.長文本使用短段落設(shè)計

在處理長篇內(nèi)容時，盡量保持段落簡短有力，清晰呈現(xiàn)。確保用戶在短時間內(nèi)快速閱讀內(nèi)容信息。

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

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

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

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

---

?? 我們一起聊設(shè)計 ???♂?

微信行業(yè)交流群

期待與更多優(yōu)秀設(shè)計師一起成長

??

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點(diǎn)，準(zhǔn)時充電。分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號三分設(shè)的粉絲）

---

星標(biāo)公眾號方法

點(diǎn)開下方公眾號 ??  點(diǎn)擊右上角【...】 ??   設(shè)為星標(biāo)