在上周有讀者問(wèn)了一個(gè)問(wèn)題：如何才能成為一位優(yōu)秀的視覺(jué)設(shè)計(jì)師？

正如我在想著如何回答這個(gè)問(wèn)題時(shí)，可以結(jié)合自己最近學(xué)習(xí)一門新語(yǔ)言談?wù)勔恍┫敕?，因?yàn)檫@和從零開(kāi)始入門新語(yǔ)言的學(xué)習(xí)方式是一樣的。首先是從基礎(chǔ)知識(shí)開(kāi)始，例如名詞、代詞和動(dòng)詞等，以它們?yōu)榛A(chǔ)進(jìn)行組合及相互作用會(huì)構(gòu)成很復(fù)雜的語(yǔ)句。

語(yǔ)言作為彼此交流的一種方式，同理視覺(jué)設(shè)計(jì)也就是一種視覺(jué)語(yǔ)言，所以學(xué)習(xí)視覺(jué)語(yǔ)言和學(xué)習(xí)新語(yǔ)言的原理幾乎沒(méi)有區(qū)別。

優(yōu)秀的視覺(jué)設(shè)計(jì)并不是與生俱來(lái)的，但是要想成為一名優(yōu)秀的視覺(jué)設(shè)計(jì)師，其必須要做到：嚴(yán)格要求。如果自己是有意識(shí)的去努力和改進(jìn)，那么成為優(yōu)秀視覺(jué)設(shè)計(jì)師就更近一步。

在這里我將會(huì)列出一些基本的設(shè)計(jì)原則，如果能夠花大量時(shí)間充分的吸收，將會(huì)在我們的視覺(jué)設(shè)計(jì)上提升到一個(gè)新的高度。

1.回到最基本的字體設(shè)計(jì)

我們可以通過(guò)字體來(lái)了解很多基礎(chǔ)設(shè)計(jì)知識(shí)，因?yàn)樽煮w是設(shè)計(jì)中最基礎(chǔ)的。

從字體庫(kù)中感受各自微妙的區(qū)別，來(lái)尋找合適字體來(lái)作為整個(gè)視覺(jué)設(shè)計(jì)的基本元素。為了選擇合適的字體設(shè)計(jì)，就不得不了解一些關(guān)于字體設(shè)計(jì)的基礎(chǔ)知識(shí)。

嘗試使用不同風(fēng)格的字體，理解行高、字間距和主體等專業(yè)詞匯，這篇文章能很好的幫你理解字體設(shè)計(jì)的相關(guān)知識(shí)：如何理解字體設(shè)計(jì)

如果我們的設(shè)計(jì)在網(wǎng)絡(luò)上使用，那么就需要了解web的相關(guān)字體規(guī)范。

字體搭配的好壞可以成就或毀掉一個(gè)設(shè)計(jì)

最后，如何合理的選擇字體，在這里可以找到很多資料：typewolf 、Font Pair

2.合理的使用空間

間距能幫助我們?cè)谠O(shè)計(jì)時(shí)保證視覺(jué)水平和垂直的布局，另外在創(chuàng)建視覺(jué)層次結(jié)構(gòu)和元素之間的視覺(jué)焦點(diǎn)時(shí)起到很重要的作用。

合適的使用空間，以保證視覺(jué)平衡

我們可以在Behance和Dribbble上尋找感覺(jué)，學(xué)習(xí)其他設(shè)計(jì)師在處理不同元素時(shí)的空間關(guān)系變化。但最重要的還是為了達(dá)到元素之間的視覺(jué)平衡，要努力提高對(duì)空間的敏感度。

在了解字體設(shè)計(jì)時(shí)，可以注意到字間距的重要性。但合適的調(diào)整字間距和大小是需要長(zhǎng)時(shí)間刻意練習(xí)的，這里我們可以嘗試網(wǎng)站：KERNTYPE?來(lái)保證字間距、大小與實(shí)際打印之間的效果對(duì)比。

Craig Welsh極簡(jiǎn)風(fēng)格的獲獎(jiǎng)海報(bào)

這里有一個(gè)幫助訓(xùn)練視覺(jué)敏感度的簡(jiǎn)單方法：利用現(xiàn)有的設(shè)計(jì)稿，繪制出X軸和y軸，將設(shè)計(jì)稿簡(jiǎn)化為基本的形狀，分析出視覺(jué)稿之間的元素的平衡關(guān)系并重新排列元素，然后重點(diǎn)關(guān)注留白區(qū)域的影響。

3.使用大小關(guān)系建立視覺(jué)層次

當(dāng)涉及到視覺(jué)層次時(shí)，最有效的方法就是：調(diào)整元素大小。

網(wǎng)格對(duì)于大小很有用輔助作用

網(wǎng)格對(duì)于大小很有用輔助作用，通過(guò)使用網(wǎng)格的比例關(guān)系來(lái)調(diào)整元素大小，從而表達(dá)這種層級(jí)關(guān)系。還要注意的一點(diǎn)：確定了一個(gè)元素的大小，請(qǐng)?jiān)诖撕笏性O(shè)計(jì)中保證大小一致。

使用元素的大小關(guān)系來(lái)建立視覺(jué)層次

這里有方法可以提高視覺(jué)敏感度，而其關(guān)鍵在于反饋：提供草圖或線框圖，然后請(qǐng)其他人幫忙查看，并標(biāo)記出焦點(diǎn)元素，然后讓他們根據(jù)視覺(jué)權(quán)重對(duì)焦點(diǎn)元素進(jìn)行編號(hào)，最后查看編號(hào)的結(jié)果是否符合設(shè)計(jì)預(yù)期。

做這個(gè)練習(xí)時(shí)，請(qǐng)注意一下幾點(diǎn)：

（1）此設(shè)計(jì)中需要表達(dá)的目標(biāo)是什么？如何來(lái)優(yōu)化并達(dá)到目標(biāo)？

（2）設(shè)計(jì)中不同元素之間的關(guān)系是什么？哪些元素是需要強(qiáng)調(diào)的？

（3）排版布局是否能夠成功的引導(dǎo)用戶合理有效的瀏覽信息？

4.合理使用顏色

顏色在設(shè)計(jì)中扮演很多的角色，它可以準(zhǔn)確的傳達(dá)設(shè)計(jì)意義，并與用戶建立情感共鳴，并使設(shè)計(jì)效果更加突出。

顏色有助于傳達(dá)設(shè)計(jì)意義

為了更加深入的了解，可以閱讀我之前的文章：顏色在設(shè)計(jì)中的應(yīng)用?

在這里引入幾個(gè)要點(diǎn)：

（1）在選擇調(diào)色板之前，先確定設(shè)計(jì)目標(biāo)，因?yàn)楹玫脑O(shè)計(jì)使用的顏色通常與其目標(biāo)一致；

（2）理解目標(biāo)受眾對(duì)于色彩的偏好，根據(jù)不同的地區(qū)、文化習(xí)俗、經(jīng)驗(yàn)等都會(huì)產(chǎn)生偏差；

（3）選擇調(diào)色板時(shí)，簡(jiǎn)單是最基本的要求，不能太花哨，例如選擇中性背景顏色，然后確定主色和強(qiáng)調(diào)色，最后根據(jù)不同的UI控件選擇錯(cuò)誤和正確狀態(tài)的顏色提示。

當(dāng)對(duì)色彩理論有了基本理解之后，就會(huì)很容易運(yùn)用到實(shí)際的設(shè)計(jì)和產(chǎn)品迭代中，這里需要積極跳出舒適區(qū)，并嘗試使用新的調(diào)色板。

電影和電視節(jié)目就是一個(gè)色彩靈感庫(kù)

一個(gè)方法訓(xùn)練色彩靈敏度的方法：為我們周圍的事物花時(shí)間繪制調(diào)色板，例如：照片、雜志或者是最喜歡的電視節(jié)目。然后將新的調(diào)色板應(yīng)用到現(xiàn)有設(shè)計(jì)中去，然后仔細(xì)理解和感知它們會(huì)如何的影響情感和調(diào)性，這樣做會(huì)帶來(lái)什么效果。

把設(shè)計(jì)工作作為一種工藝，因?yàn)樗偸遣粩嗤晟频?，并憑借著不斷自我完善的動(dòng)力就能成就優(yōu)秀的視覺(jué)設(shè)計(jì)師。

以上就是我的回答，謝謝！

作者：Jonathan Z. White

原文鏈接：Before you can master design, you must first master the fundamentals