平面設(shè)計中必須遵循的20個設(shè)計原則

平面設(shè)計中必須遵循的20個設(shè)計原則

　　必須遵循的20個設(shè)計原則，與其他任何專業(yè)一樣，設(shè)計也要遵循一定的原則。打破設(shè)計規(guī)則有時是被允許甚至受到鼓勵的，但你還是要清楚了解你所要打破的規(guī)則，這樣才能避免出錯。無論從文本到布局，還是色彩或特效，所有的設(shè)計元素都應(yīng)遵循一定的原則和技巧來避免犯錯。以下是為大家分享的平面設(shè)計中必須遵循的20個設(shè)計原則，供大家參考借鑒，歡迎瀏覽!

　　01.調(diào)整恰當(dāng)?shù)淖志?/strong>

　　有人說過這么一句話：如果你討厭一個人，就教他如何分辨不恰當(dāng)?shù)淖志喟伞?/p>

　　不恰當(dāng)?shù)淖珠g距是設(shè)計界里不可饒恕的大錯，一名設(shè)計師應(yīng)該從一開始就掌握這項基本技能。

　　字距就是字與字之間的距離調(diào)整，聽起來好像很容易，但實際上字距調(diào)整的好壞直接關(guān)系到整個設(shè)計的水準(zhǔn)。字距調(diào)整的終極目標(biāo)是確保每一個字之間的距離看起來都是一樣的，使整個文本的觀感舒適整潔。

　　02.保證易讀性

　　設(shè)計的最主要目的是傳遞信息，所以設(shè)計師的首要任務(wù)就是確保文本的易讀性。

　　怎樣才能增強(qiáng)易讀性?實際上眾多因素都將直接影響觀眾理解設(shè)計的過程。舉一個簡單的例子，如果文本和背景的對比度太弱，就會大大降低設(shè)計作品的易讀性，因此，應(yīng)該注意運(yùn)用強(qiáng)對比來避免視覺混淆。

　　另一個典型的錯誤就是濫用大寫字母。大寫形式的文本不僅會讓觀眾覺得好像有人在對著他們大喊大叫，而且還會削弱視覺分辨力，原因在于大寫字母的高度相同、形狀類似，而小寫字母具備不同的形狀，使人更容易分辨字母和單詞之間的差別。

　　字號過小也是造成閱讀困難的一大原因。在設(shè)計文本的時候，應(yīng)該想想觀眾是否會讀得很費(fèi)勁，如果不能確定的話，可以先打印出來，問問其他人的意見。因為有時候你自己覺得沒問題，但觀眾不一定這么認(rèn)為。

　　要記住：看起來美觀的設(shè)計并不代表它一定能與觀眾順暢地交流。一定要注意文本的設(shè)計!

　　03.縮短每行的長度

　　你有沒有發(fā)現(xiàn)一些內(nèi)容有趣的雜志卻很難讓人耐心讀完?又或者在文章里常常找不到下一行?其實原因可能在于文章每行的長度設(shè)置不當(dāng)。

　　正文最完美的行長度為每行至少六個單詞并且大概在30到40個字(包括空格)之間。低于這個區(qū)間，文本看起來就會太分散，而多了的話，就會顯得太雜亂而造成閱讀困難。

　　04.有目的地分級

　　有目的性地進(jìn)行分級能起到重要的作用。在設(shè)計中，分級就是通過對各類視覺元素的排列強(qiáng)調(diào)其重要性。因此，越重要的元素就會處于越容易吸引注意的層級，或使用越顯著的顏色或字體;而越次要的元素就吸引越少的注意。

　　分級的概念常常體現(xiàn)于文本設(shè)計中。上圖例子中第一份邀請函的文本大小全部相同，讓人無法一下子找到其中的重點(diǎn);而右邊的例子則運(yùn)用分級突出了重點(diǎn)，僅僅是通過對顏色和尺寸的些微調(diào)整，就讓信息變得清晰易懂。

　　05.調(diào)整恰當(dāng)?shù)拈g距

　　作為一名設(shè)計師，總是不可避免會遇到大篇幅的文本處理問題，當(dāng)然這并不容易。在這過程中需要注意許多規(guī)則和其他各方面元素，其中很重要的一個方面就是字和詞間距。間距調(diào)整包含兩個內(nèi)容——字距和行距。

　　行距是兩行相鄰文本之間的間距調(diào)整。許多因素共同作用決定應(yīng)該選擇多大的間距，比如字體和文本長度。通常來說，越長的行長度需要越寬的行距。

　　字距包括字間距和字偶距。字偶距通常是手動調(diào)整的，但如果在文本很長、時間又很緊的情況下，一點(diǎn)一點(diǎn)手動進(jìn)行調(diào)整是不可能的，于是字間距在這時便派上用場。字間距相比于字偶距而言更為靈活，它能夠避免文本產(chǎn)生不恰當(dāng)?shù)拈g隙或行長。在正文文本當(dāng)中，記得將較長行長的文本調(diào)得松散一些，較短行長的文本調(diào)得緊湊些，這樣才能能最大限度地增強(qiáng)文本的易讀性。

　　另一個可以運(yùn)用于小篇幅文本的間距調(diào)整技巧就是想象在每一個詞之間都有一個小寫字母“i”，根據(jù)這個距離概念來調(diào)整字距，當(dāng)然這個方法應(yīng)該視具體情況使用。

　　06.使用正確的對齊方式

　　無論設(shè)計新手還是經(jīng)驗豐富的老手，一定都用過基本的文本對齊工具。一般來說，對齊方式有四種：左對齊、右對齊、居中和分散對齊，以下就是這四種對齊方式的具體運(yùn)用。

　　左對齊是最常見又有效的一種對齊方式。這種對齊反方式讓文本左端整齊排列，是最易讀的一種形式。所以當(dāng)你不知道選哪種對齊方式的時候，就用左對齊吧。

　　右對齊顧名思義就是將文本的右端對齊，通常是出于對商標(biāo)或小段文本的裝飾目的才選用這種方式。右對齊不推薦用于大篇幅的文本中，因為它會混淆視線，讓讀者很難找到下一行在哪兒。

　　居中文本的用途就廣泛得多，它可以運(yùn)用于海報、邀請函、商標(biāo)設(shè)計等等。居中可以輕易地平衡整個文本，達(dá)到一種視覺愉悅的美感。不過，它同樣不適用于大篇幅的文本，因為參差不齊的效果讓人很難順暢地進(jìn)行閱讀。

　　最后我們來說說分散對齊。分散對齊并不能完美排列文本，但至少它能達(dá)到兩端對齊的效果。在小說之類的文本中，分散對齊就是絕佳的對齊方式。但是這種對齊方式也存在一定的弊端，尤其是在字間距方面。正如上圖中所展示的一樣，越到末尾每一行的字?jǐn)?shù)就越少，這種對齊方式將文本從左至右平均排列，到最后通常造成不恰當(dāng)?shù)淖衷~間距。

　　07.使用網(wǎng)格工具

　　所有新手設(shè)計師都應(yīng)掌握一些基本的網(wǎng)格使用技巧。恰當(dāng)?shù)乩�用網(wǎng)格工具可以讓平平無奇的設(shè)計搖身一變成為簡潔、清晰、具有效力的設(shè)計。

　　網(wǎng)格工具有各種不同的形狀和尺寸，你可以結(jié)合不一樣的網(wǎng)格工具，使其能靈活運(yùn)用于你的設(shè)計中。網(wǎng)格能幫助設(shè)計師將頁面上產(chǎn)生聯(lián)系的元素集合在一起，創(chuàng)造出更整潔、更有邏輯的設(shè)計。例如上圖中兩欄、三欄、四欄的網(wǎng)格工具能夠?qū)�圖片和文本設(shè)計成不同樣式。

　　使用的網(wǎng)格工具分欄越少，設(shè)計出的作品就越一致，雖然其中的元素可能會有很強(qiáng)的連貫性，但是卻不如多欄的網(wǎng)格設(shè)計來得靈活，上圖中最右的設(shè)計元素有的橫布幾欄，有的固定在一欄當(dāng)中，這樣既囊括了不同大小的文本塊和圖片，同時也保證了設(shè)計的整潔。你可以為你的設(shè)計量身定做一個結(jié)合不同網(wǎng)格的設(shè)計工具。

　　08.為觀眾而設(shè)計

　　大部分設(shè)計(包括個人的設(shè)計)都要從主題出發(fā)，設(shè)計師通常都會有意無意地先確定好一些必須體現(xiàn)的基本信息。關(guān)于設(shè)計主題最重要的一點(diǎn)就是要不時地問自己“我是為誰設(shè)計?”每一項設(shè)計都有其目標(biāo)受眾，即會看到該設(shè)計并接收信息的人，因此設(shè)計師應(yīng)時刻記住自己的目標(biāo)受眾。

　　上圖中左邊的設(shè)計并不符合主題和目標(biāo)受眾的審美趣味。兒童音樂會海報的目標(biāo)觀眾應(yīng)該是兒童和父母，因此左圖相對深刻的黑白設(shè)計很難吸引到正確的人群、傳達(dá)正確的信息。而右邊的設(shè)計更好地迎合了設(shè)計內(nèi)容和目標(biāo)觀眾的需求，明亮鮮艷的色彩結(jié)合活潑的圖像元素增強(qiáng)了設(shè)計的吸引力，也十分符合主題和目標(biāo)人群的品味。

　　要記�。好烙^的設(shè)計并不一定能與觀眾建立有效的交流。當(dāng)你在設(shè)計過程中感到困惑的時候，記得回頭看看你的設(shè)計主題是什么。

　　09.避免出現(xiàn)“寡婦”和“孤兒”

　　將設(shè)計從業(yè)余提升到專業(yè)水平的一個快捷辦法就是辨別出文本排版中出現(xiàn)的“寡婦”和“孤兒”。在任何以文本為主的設(shè)計中難免都會出現(xiàn)幾個“寡婦”和“孤兒”，發(fā)現(xiàn)并對其進(jìn)行處理是設(shè)計中很重要的一步。

　　“寡婦”和“孤兒”具體指什么呢? Drew de Soto解釋道：“‘寡婦’指的是屬于某個段落的一小行文本被單獨(dú)移到另一欄;同樣地，‘孤兒’是指屬于某一行的一個詞被單獨(dú)置于另一行�！睂τ谶@種情況，有幾種解決辦法。首先，如果你的作品已經(jīng)被通過，這時你就要通過手動調(diào)整文本行長來解決問題。另一個辦法如上圖所示，在“孤兒”之前的詞前面添加軟回車(Shift鍵+回車鍵)，讓這個詞移到“孤兒”所在的行。示例中的另一個辦法就是通過調(diào)整頁邊距來改變文本塊的大小，從而避免“寡婦”和“孤兒”的出現(xiàn)。

　　10.合理搭配色彩

　　色彩是一個強(qiáng)大的設(shè)計工具，因此設(shè)計中很重要的一步就是合理搭配色彩。

　　當(dāng)你進(jìn)行色彩搭配的時候，參考一些色彩理論和前人作品的色彩運(yùn)用會對你產(chǎn)生很大幫助。色彩理論表明不同的色彩會對消費(fèi)者產(chǎn)生不同的作用，例如橘色被認(rèn)為能夠激發(fā)食欲，這就是為什么橘色通常運(yùn)用于快餐品牌的設(shè)計中。

　　雖然通過一些調(diào)整有時能達(dá)到很好的效果，但是在進(jìn)行色彩搭配的時候，要切記確保合理性。例如上圖中的兩個設(shè)計，一個是專門做花束的花商logo，另一個是宣揚(yáng)刺激性的彩彈游戲中心的logo。左圖的色彩運(yùn)用顯然與品牌內(nèi)容相悖，而右圖的色彩搭配則更恰當(dāng)。

　　每種顏色都有具有一定的符號性和內(nèi)涵，因此要記得你選擇的顏色不能混淆甚至違背所要傳達(dá)的信息。

　　11.合理運(yùn)用字體

　　就像色彩搭配一樣，字體的選擇也需要考慮是否合理。不同的字體表現(xiàn)某些不同的“情緒”，就像你肯定不會在一家法律公司的logo設(shè)計中使用Curlz MT字體。

　　許多設(shè)計師建議最多只能在一個設(shè)計中使用2到3種字體，否則就會導(dǎo)致設(shè)計看起來過于復(fù)雜。試著選擇能夠幫助信息傳達(dá)的字體或互補(bǔ)的字體來增強(qiáng)設(shè)計的邏輯和效力。

　　12.避免在正文中使用標(biāo)題字體

　　在正文中使用標(biāo)題字體就像一個人穿著晚禮服去逛超市一樣，字體如果沒有用對地方就會讓人感到困惑。

　　標(biāo)題字體一般用于小區(qū)域的文本而非正文文本中，其樣式比應(yīng)用于正文的字體更為復(fù)雜華麗，這種復(fù)雜性決定了它更適合用于小段標(biāo)題或副標(biāo)題中，切記不要將它用于大篇幅的文本中。

　　上圖中右邊的例子在正文使用了裝飾性的Yellowtail字體，這種字體看上去很美觀，但是運(yùn)用在大篇幅的正文中就會大大降低易讀性，讓觀眾讀起來覺得很費(fèi)勁。最好選擇像Georgia這種專門用于正文文本的字體，標(biāo)題字體用于正文會顯得太不合時宜。

　　13.不要隨意伸縮字體

　　這個原則十分容易理解，并且簡單易行。大多數(shù)情況下，字體本身的形狀特點(diǎn)和比例都是經(jīng)過仔細(xì)考量形成的，如果隨意伸縮字體往往會導(dǎo)致該字體失去原有的效力。

　　很多人伸縮字體是因為他們實際上需要一個比現(xiàn)有字體更高或更寬的字體，然而進(jìn)行伸縮并不是一個好的解決辦法。網(wǎng)絡(luò)上有各種各樣的字體可供選擇，無論你需要瘦高的字體(如Bebas Neue)或?qū)捵煮w(如Silverfake)等等，都可以在網(wǎng)上找到。這可能很費(fèi)時間，可是一旦找到心目中的字體，就會對你的設(shè)計有很大幫助。

　　14.避免不協(xié)調(diào)的顏色搭配

　　當(dāng)色環(huán)上相隔較遠(yuǎn)的兩種顏色搭配在一起的時候常常會產(chǎn)生沖突的效果。這種不協(xié)調(diào)的顏色搭配會產(chǎn)生混亂甚至是沖突，讓觀眾很難分辨出顏色之間的界線。

　　避免這種不協(xié)調(diào)的一個簡單辦法就是選擇具有較高對比度的顏色進(jìn)行搭配，就像上圖右邊的例子一樣，觀眾可以很容易地一眼看出兩種顏色之間的界線，而不像左圖的顏色搭配那樣混亂。

　　一些設(shè)計師，尤其是廣告設(shè)計師，經(jīng)常會犯下這種錯誤，因為他們誤認(rèn)為這種沖突能吸引到觀眾的注意。當(dāng)然，這里所說的避免不和諧的顏色搭配并不表示你就不能依據(jù)個人喜好進(jìn)行色彩搭配，而是要注意避免犯原則性的錯誤。

　　15.不要認(rèn)為空白沒有用

　　空白是一種能創(chuàng)造個性元素的設(shè)計工具。巧妙地運(yùn)用空白可以為設(shè)計添加一些出人意料的效果，它能夠幫你創(chuàng)建視覺焦點(diǎn)，讓設(shè)計具有活力，而且還能平衡眾多設(shè)計元素，使設(shè)計更加精致。

　　此外，空白還可以在不添加任何其他元素的前提下為設(shè)計注入一些內(nèi)涵。上圖是抗噪耳機(jī)的兩款虛擬海報設(shè)計。左邊的設(shè)計幾乎沒有什么空白，圖像和文本幾乎填滿了整個頁面;而第二則廣告便巧妙地運(yùn)用大片空白來突出耳機(jī)圖像的主要焦點(diǎn)，而且也將“100%抗噪”的產(chǎn)品特性具象化。

　　設(shè)計師應(yīng)該牢記空白并不是無用的區(qū)域，也不要試圖用各種圖片和文案將空白填滿，空白和其他設(shè)計元素一樣服務(wù)于設(shè)計的目的。因此，不要忽視空白的作用，試著在設(shè)計中留出一些空白，看看它是否讓設(shè)計變得更完美。

　　16.不要盲目跟風(fēng)

　　設(shè)計有時候就像時尚潮流一樣，一陣風(fēng)刮過之后就慢慢無人問津。根據(jù)潮流所設(shè)計的服裝終有一天會過時而且不再吸引消費(fèi)者。

　　在設(shè)計中也是一樣，當(dāng)前風(fēng)靡的潮流元素總是被大家廣泛采用，因為追逐流行是最新鮮而且最容易復(fù)制的設(shè)計方法。但是潮流來得快，去得也快，加入流行元素的設(shè)計可能會迅速失去關(guān)注。

　　但這并不表示你就要對潮流視而不見，你應(yīng)該時刻關(guān)注當(dāng)下流行的元素，試著分析它們?yōu)槭裁磿�受到大眾喜愛。之前流行的一個設(shè)計風(fēng)格就是X形的logo，這種設(shè)計方法是將文字或圖像置于X形的框架四周，但由于太多設(shè)計師都使用這種設(shè)計風(fēng)格，使其很快就不再受到關(guān)注了。

　　在分析潮流趨勢的時候，應(yīng)該問自己幾個問題：為什么它會受歡迎?我可以汲取哪些部分來提升自己的設(shè)計?在這個X形logo的例子中，你可以借鑒其中的幾何形狀概念來設(shè)計logo，就像上圖的圓形logo一樣。無論如何你都要學(xué)會分析潮流元素，找到其中可以借鑒的地方，而不是一味進(jìn)行模仿。

　　17.使用正確的工具

　　就像工人不可能用錘子擰螺絲一樣，設(shè)計師也應(yīng)該知道每一樣設(shè)計工具的具體用途以及適用的地方。

　　一個常見的例子是很多人因選用不恰當(dāng)?shù)脑O(shè)計工具而導(dǎo)致logo柵格化。數(shù)字圖片的文件類型有兩種—— 位圖和矢量圖。位圖是由許多像素網(wǎng)格組成的，而矢量圖是一系列由線連接的點(diǎn)組成的，兩者之間最大的不同是圖片的可縮放性。由于位圖是由一個個像素構(gòu)成的，因此放大到一定程度就會失真(見左圖)，而矢量圖(見右圖)就不會出現(xiàn)這種問題。

　　矢量圖無論縮放到什么程度都不會失真，因此利用矢量圖工具設(shè)計的logo可以廣泛運(yùn)用于各種尺寸的媒介上，從一根鉛筆到一棟大廈的大小都沒問題。如果使用位圖工具，那么設(shè)計出的logo應(yīng)用范圍就很有限。

　　一名優(yōu)秀的設(shè)計師不僅要了解各種設(shè)計樣式，還要熟悉每一種設(shè)計工具的用途。常見的位圖和矢量圖工具分別為Adobe Photoshop和Adobe Illustrator，在著手設(shè)計之前，要確保自己能熟練操作這些工具，并且了解它們的用途和設(shè)計效果。

　　18.考慮媒介對設(shè)計的影響

　　你的設(shè)計會運(yùn)用到什么地方?會用在海報、網(wǎng)站還是雜志上?了解媒介的規(guī)格對設(shè)計尤為重要，因為這是展示設(shè)計的地方，如果你未能仔細(xì)考量媒介的各種細(xì)節(jié)，那么便意味著設(shè)計的最終效果可能會受到媒介的影響。

　　一個經(jīng)典的例子就是沒有考慮到書本在裝訂的時候需要在裝訂處附近留出一些空白。設(shè)計師在一開始的時候就應(yīng)該想到為后面的裝訂留出一些空間，而不是隨心所欲地把頁面填滿。上面的兩幅圖就分別展示了未考慮書本裝訂和考慮了書本裝訂的兩種設(shè)計效果。

　　避免犯這種錯誤的辦法就是直接和客戶進(jìn)行溝通，了解了應(yīng)該留出多少裝訂空間之后再著手設(shè)計。

　　19.避免語法錯誤

　　要做到語法完全正確是很難的事情，你可能常常不自覺就犯下一些難以察覺的錯誤，但是你可以了解一些在設(shè)計時應(yīng)注意的語法規(guī)則，這樣不僅能確保設(shè)計的專業(yè)性，而且還能讓你看出別人設(shè)計作品中的錯誤。

　　首先就是“&”符號的誤用�！�&”不能用在正文文本中，它通常用于機(jī)構(gòu)名稱(如Johnson & Johnson)或logo設(shè)計中。

　　另一個常見的錯誤就是在句號后面空兩個空格。句號后面只需空一個空格，但如果你覺得文本過于緊湊，可以調(diào)整字間距或直接換成另一種字體。

　　接著就是分號和破折號的誤用。分號用于連接兩個單詞(如“custom-built”);破折號分為短破折號和長破折號，短破折號用于連接兩個數(shù)值(如“1984–1998”)，長破折號用于句子中(如“Grammar is hard — or so I once thought”)，相當(dāng)于逗號。 語法的規(guī)則有很多，它看起來似乎不重要，但實際上是設(shè)計中的一個微小而有力的工具，它可以將設(shè)計提升到前所未有的專業(yè)高度和細(xì)節(jié)精確度。

　　20.不要加入過多特效

　　你還在使用各種花哨的藝術(shù)字嗎?實際上現(xiàn)在已經(jīng)不流行這種復(fù)雜華麗的元素了，你應(yīng)該試著在設(shè)計中少用一些特殊效果。

　　能夠有效傳達(dá)信息的設(shè)計大多數(shù)情況下都是比較簡潔的，這意味著你要常常問自己：我應(yīng)該加入這個元素嗎?陰影、斜體、漸變等效果并不是在什么時候都能放在一起使用的，他們各自有適用的情況。

　　在圖表設(shè)計中也常常會用到特效。上圖中左邊的柱狀圖加入了很多特效和元素，讓人看著覺得很費(fèi)解;而右邊刪除了各種累贅的效果，使整個圖表信息一目了然，而且也看起來也比較美觀。

　　除了一些符號、數(shù)值等必須保留的元素，你可以盡可能刪去一些不必要的元素，這樣不僅不會降低信息的傳達(dá)效力，而且還會讓觀眾把注意力集中在主要關(guān)鍵信息上。有時候少即是多。

　　最后，我想告訴大家的一條規(guī)則就是：設(shè)計沒有規(guī)則。掌握基本的設(shè)計原則固然重要，但更重要的是懂得在合適的時機(jī)打破規(guī)則，創(chuàng)造個性化甚至經(jīng)久不衰的設(shè)計。