1、平面設(shè)計(jì)中必須遵循的20個(gè)設(shè)計(jì)原則平面設(shè)計(jì)中必須遵循的20個(gè)設(shè)計(jì)原則必須遵循的20個(gè)設(shè)計(jì)原則，與其他任何專業(yè)一樣，設(shè)計(jì)也要遵 循一定的原則。打破設(shè)計(jì)規(guī)則有時(shí)是被允許甚至受到鼓勵(lì)的，但你 還是要清楚了解你所要打破的規(guī)則，這樣才能避免出錯(cuò)。無論從文 本到布局，還是色彩或特效，所有的設(shè)計(jì)元素都應(yīng)遵循一定的原則 和技巧來避免犯錯(cuò)。以下是為大家分享的平面設(shè)計(jì)中必須遵循的20 個(gè)設(shè)計(jì)原則，供大家參考借鑒，歡迎瀏覽！01.調(diào)整恰當(dāng)?shù)淖志嘤腥苏f過這么一句話：如果你討厭一個(gè)人，就教他如何分辨不恰 當(dāng)?shù)淖志喟伞２磺‘?dāng)?shù)淖珠g距是設(shè)計(jì)界里不可饒恕的大錯(cuò)，一名設(shè)計(jì)師應(yīng)該從 一開始就掌握這項(xiàng)基本技能。字距就是字與字之間的

2、距離調(diào)整，聽起來好像很容易，但實(shí)際上 字距調(diào)整的好壞直接關(guān)系到整個(gè)設(shè)計(jì)的水準(zhǔn)。字距調(diào)整的終極目標(biāo) 是確保每一個(gè)字之間的距離看起來都是一樣的，使整個(gè)文本的觀感 舒適整潔。02.保證易讀性設(shè)計(jì)的最主要目的是傳遞信息，所以設(shè)計(jì)師的首要任務(wù)就是確保 文本的易讀性。怎樣才能增強(qiáng)易讀性?實(shí)際上眾多因素都將直接影響觀眾理解設(shè) 計(jì)的過程。舉一個(gè)簡單的例子，如果文本和背景的對(duì)比度太弱，就 會(huì)大大降低設(shè)計(jì)作品的易讀性，因此，應(yīng)該注意運(yùn)用強(qiáng)對(duì)比來避免 視覺混淆。另一個(gè)典型的錯(cuò)誤就是濫用大寫字母。大寫形式的文本不僅會(huì)讓 觀眾覺得好像有人在對(duì)著他們大喊大叫，而且還會(huì)削弱視覺分辨力,原因在于大寫字母的高度相同、形狀類似，

3、而小寫字母具備不同的 形狀，使人更容易分辨字母和單詞之間的差別。字號(hào)過小也是造成閱讀困難的一大原因。在設(shè)計(jì)文本的時(shí)候，應(yīng) 該想想觀眾是否會(huì)讀得很費(fèi)勁，如果不能確定的話，可以先打印出 來，問問其他人的意見。因?yàn)橛袝r(shí)候你自己覺得沒問題，但觀眾不 一定這么認(rèn)為。要記住：看起來美觀的設(shè)計(jì)并不代表它一定能與觀眾順暢地交流。 一定要注意文本的設(shè)計(jì)！03.縮短每行的長度你有沒有發(fā)現(xiàn)一些內(nèi)容有趣的雜志卻很難讓人耐心讀完?又或者 在文章里常常找不到下一行?其實(shí)原因可能在于文章每行的長度設(shè)置 不當(dāng)。正文最完美的行長度為每行至少六個(gè)單詞并且大概在30到40個(gè) 字（包括空格）之間。低于這個(gè)區(qū)間，文本看起來就會(huì)太分散，

4、而多 了的話，就會(huì)顯得太雜亂而造成閱讀困難。04.有目的地分級(jí)有目的性地進(jìn)行分級(jí)能起到重要的作用。在設(shè)計(jì)中，分級(jí)就是通 過對(duì)各類視覺元素的排列強(qiáng)調(diào)其重要性。因此，越重要的元素就會(huì) 處于越容易吸引注意的層級(jí)，或使用越顯著的顏色或字體;而越次要 的元素就吸引越少的注意。分級(jí)的概念常常體現(xiàn)于文本設(shè)計(jì)中。上圖例子中第一份邀請函的 文本大小全部相同，讓人無法一下子找到其中的重點(diǎn);而右邊的例子 則運(yùn)用分級(jí)突出了重點(diǎn)，僅僅是通過對(duì)顏色和尺寸的些微調(diào)整，就 讓信息變得清晰易懂。05.調(diào)整恰當(dāng)?shù)拈g距作為一名設(shè)計(jì)師，總是不可避免會(huì)遇到大篇幅的文本處理問題， 當(dāng)然這并不容易。在這過程中需要注意許多規(guī)則和其他各方面元

5、素,其中很重要的一個(gè)方面就是字和詞間距。間距調(diào)整包含兩個(gè)內(nèi)容一 一字距和行距。行距是兩行相鄰文本之間的間距調(diào)整。許多因素共同作用決定應(yīng) 該選擇多大的間距，比如字體和文本長度。通常來說，越長的行長 度需要越寬的行距。字距包括字間距和字偶距。字偶距通常是手動(dòng)調(diào)整的，但如果在 文本很長、時(shí)間又很緊的情況下，一點(diǎn)一點(diǎn)手動(dòng)進(jìn)行調(diào)整是不可能 的，于是字間距在這時(shí)便派上用場。字間距相比于字偶距而言更為 靈活，它能夠避免文本產(chǎn)生不恰當(dāng)?shù)拈g隙或行長。在正文文本當(dāng)中, 記得將較長行長的文本調(diào)得松散一些，較短行長的文本調(diào)得緊湊些, 這樣才能能最大限度地增強(qiáng)文本的易讀性。另一個(gè)可以運(yùn)用于小篇幅文本的間距調(diào)整技巧就是想

6、象在每一個(gè) 詞之間都有一個(gè)小寫字母“i”，根據(jù)這個(gè)距離概念來調(diào)整字距，當(dāng) 然這個(gè)方法應(yīng)該視具體情況使用。06.使用正確的對(duì)齊方式無論設(shè)計(jì)新手還是經(jīng)驗(yàn)豐富的老手，一定都用過基本的文本對(duì)齊 工具。一般來說，對(duì)齊方式有四種：左對(duì)齊、右對(duì)齊、居中和分散 對(duì)齊，以下就是這四種對(duì)齊方式的具體運(yùn)用。左對(duì)齊是最常見又有效的一種對(duì)齊方式。這種對(duì)齊反方式讓文本 左端整齊排列，是最易讀的一種形式。所以當(dāng)你不知道選哪種對(duì)齊 方式的時(shí)候，就用左對(duì)齊吧。居中文本的用途就廣泛得多，它可以運(yùn)用于海報(bào)、邀請函、商標(biāo) 設(shè)計(jì)等等。居中可以輕易地平衡整個(gè)文本，達(dá)到一種視覺愉悅的美 感。不過，它同樣不適用于大篇幅的文本，因?yàn)閰⒉畈积R的

7、效果讓 人很難順暢地進(jìn)行閱讀。最后我們來說說分散對(duì)齊。分散對(duì)齊并不能完美排列文本，但至 少它能達(dá)到兩端對(duì)齊的效果。在小說之類的文本中，分散對(duì)齊就是 絕佳的對(duì)齊方式。但是這種對(duì)齊方式也存在一定的弊端，尤其是在 字間距方面。正如上圖中所展示的一樣，越到末尾每一行的字?jǐn)?shù)就越少，這種對(duì)齊方式將文本從左至右平均排列，到最后通常造成不 恰當(dāng)?shù)淖衷~間距。07.使用網(wǎng)格工具所有新手設(shè)計(jì)師都應(yīng)掌握一些基本的網(wǎng)格使用技巧。恰當(dāng)?shù)乩?網(wǎng)格工具可以讓平平無奇的設(shè)計(jì)搖身一變成為簡潔、清晰、具有效 力的設(shè)計(jì)。網(wǎng)格工具有各種不同的形狀和尺寸，你可以結(jié)合不一樣的網(wǎng)格工 具，使其能靈活運(yùn)用于你的設(shè)計(jì)中。網(wǎng)格能幫助設(shè)計(jì)師將頁面

8、上產(chǎn) 生聯(lián)系的元素集合在一起，創(chuàng)造出更整潔、更有邏輯的設(shè)計(jì)。例如 上圖中兩欄、三欄、四欄的網(wǎng)格工具能夠?qū)D片和文本設(shè)計(jì)成不同 樣式。使用的網(wǎng)格工具分欄越少，設(shè)計(jì)出的作品就越一致，雖然其中的 元素可能會(huì)有很強(qiáng)的連貫性，但是卻不如多欄的網(wǎng)格設(shè)計(jì)來得靈活, 上圖中最右的設(shè)計(jì)元素有的.橫布幾欄，有的固定在一欄當(dāng)中，這樣 既囊括了不同大小的文本塊和圖片，同時(shí)也保證了設(shè)計(jì)的整潔。你 可以為你的設(shè)計(jì)量身定做一個(gè)結(jié)合不同網(wǎng)格的設(shè)計(jì)工具。08.為觀眾而設(shè)計(jì)大部分設(shè)計(jì)（包括個(gè)人的設(shè)計(jì)）都要從主題出發(fā)，設(shè)計(jì)師通常都會(huì) 有意無意地先確定好一些必須體現(xiàn)的基本信息。關(guān)于設(shè)計(jì)主題最重 要的一點(diǎn)就是要不時(shí)地問自己“我是為誰設(shè)

9、計(jì)？”每一項(xiàng)設(shè)計(jì)都有其 目標(biāo)受眾，即會(huì)看到該設(shè)計(jì)并接收信息的人，因此設(shè)計(jì)師應(yīng)時(shí)刻記 住自己的目標(biāo)受眾。上圖中左邊的設(shè)計(jì)并不符合主題和目標(biāo)受眾的審美趣味。兒童音 樂會(huì)海報(bào)的目標(biāo)觀眾應(yīng)該是兒童和父母，因此左圖相對(duì)深刻的黑白 設(shè)計(jì)很難吸引到正確的人群、傳達(dá)正確的信息。而右邊的設(shè)計(jì)更好 地迎合了設(shè)計(jì)內(nèi)容和目標(biāo)觀眾的需求，明亮鮮艷的色彩結(jié)合活潑的 圖像元素增強(qiáng)了設(shè)計(jì)的吸引力，也十分符合主題和目標(biāo)人群的品味。要記住：美觀的設(shè)計(jì)并不一定能與觀眾建立有效的交流。當(dāng)你在 設(shè)計(jì)過程中感到困惑的時(shí)候，記得回頭看看你的設(shè)計(jì)主題是什么。09.避免出現(xiàn)“寡婦”和“孤兒”將設(shè)計(jì)從業(yè)余提升到專業(yè)水平的一個(gè)快捷辦法就是辨別出文

10、本排 版中出現(xiàn)的“寡婦”和“孤兒”。在任何以文本為主的設(shè)計(jì)中難免 都會(huì)出現(xiàn)幾個(gè)“寡婦”和“孤兒”，發(fā)現(xiàn)并對(duì)其進(jìn)行處理是設(shè)計(jì)中 很重要的一步。“寡婦”和“孤兒”具體指什么呢?drewdesot。解釋道:“寡 婦指的是屬于某個(gè)段落的一小行文本被單獨(dú)移到另一欄；同樣地， 孤兒是指屬于某一行的一個(gè)詞被單獨(dú)置于另一行。”對(duì)于這種 情況，有幾種解決辦法。首先，如果你的作品已經(jīng)被通過，這時(shí)你 就要通過手動(dòng)調(diào)整文本行長來解決問題。另一個(gè)辦法如上圖所示， 在“孤兒”之前的詞前面添加軟回車（shift鍵+回車鍵），讓這個(gè)詞 移到“孤兒”所在的行。示例中的另一個(gè)辦法就是通過調(diào)整頁邊距 來改變文本塊的大小，從而避免“

11、寡婦”和“孤兒”的出現(xiàn)。10.合理搭配色彩色彩是一個(gè)強(qiáng)大的設(shè)計(jì)工具，因此設(shè)計(jì)中很重要的一步就是合理 搭配色彩。當(dāng)你進(jìn)行色彩搭配的時(shí)候，參考一些色彩理論和前人作品的色彩 運(yùn)用會(huì)對(duì)你產(chǎn)生很大幫助。色彩理論表明不同的色彩會(huì)對(duì)消費(fèi)者產(chǎn) 生不同的作用，例如橘色被認(rèn)為能夠激發(fā)食欲，這就是為什么橘色 通常運(yùn)用于快餐品牌的設(shè)計(jì)中。雖然通過一些調(diào)整有時(shí)能達(dá)到很好的效果，但是在進(jìn)行色彩搭配 的時(shí)候，要切記確保合理性。例如上圖中的兩個(gè)設(shè)計(jì)，一個(gè)是專門 做花束的花商logo,另一個(gè)是宣揚(yáng)刺激性的彩彈游戲中心的logoo 左圖的色彩運(yùn)用顯然與品牌內(nèi)容相悖，而右圖的色彩搭配則更恰當(dāng)。每種顏色都有具有一定的符號(hào)性和內(nèi)涵，因

12、此要記得你選擇的顏 色不能混淆甚至違背所要傳達(dá)的信息。就像色彩搭配一樣，字體的選擇也需要考慮是否合理。不同的字 體表現(xiàn)某些不同的“情緒”，就像你肯定不會(huì)在一家法律公司的 logo設(shè)計(jì)中使用curlzmt字體。許多設(shè)計(jì)師建議最多只能在一個(gè)設(shè)計(jì)中使用2到3種字體，否則 就會(huì)導(dǎo)致設(shè)計(jì)看起來過于復(fù)雜。試著選擇能夠幫助信息傳達(dá)的字體 或互補(bǔ)的字體來增強(qiáng)設(shè)計(jì)的邏輯和效力。12 .避免在正文中使用標(biāo)題字體在正文中使用標(biāo)題字體就像一個(gè)人穿著晚禮服去逛超市一樣，字 體如果沒有用對(duì)地方就會(huì)讓人感到困惑。標(biāo)題字體一般用于小區(qū)域的文本而非正文文本中，其樣式比應(yīng)用 于正文的字體更為復(fù)雜華麗，這種復(fù)雜性決定了它更適合用于

13、小段 標(biāo)題或副標(biāo)題中，切記不要將它用于大篇幅的文本中。上圖中右邊的例子在正文使用了裝飾性的yellowtail字體，這 種字體看上去很美觀，但是運(yùn)用在大篇幅的正文中就會(huì)大大降低易 讀性，讓觀眾讀起來覺得很費(fèi)勁。最好選擇像georgia這種專門用 于正文文本的字體，標(biāo)題字體用于正文會(huì)顯得太不合時(shí)宜。13 .不要隨意伸縮字體這個(gè)原則十分容易理解，并且簡單易行。大多數(shù)情況下，字體本 身的形狀特點(diǎn)和比例都是經(jīng)過仔細(xì)考量形成的，如果隨意伸縮字體 往往會(huì)導(dǎo)致該字體失去原有的效力。很多人伸縮字體是因?yàn)樗麄儗?shí)際上需要一個(gè)比現(xiàn)有字體更高或更 寬的字體，然而進(jìn)行伸縮并不是一個(gè)好的解決辦法。網(wǎng)絡(luò)上有各種 各樣的字體

14、可供選擇，無論你需要瘦高的字體(如bebasneue)或?qū)?字體(如silverfake)等等，都可以在網(wǎng)上找到。這可能很費(fèi)時(shí)間， 可是一旦找到心目中的字體，就會(huì)對(duì)你的設(shè)計(jì)有很大幫助。14 .避免不協(xié)調(diào)的顏色搭配當(dāng)色環(huán)上相隔較遠(yuǎn)的兩種顏色搭配在一起的時(shí)候常常會(huì)產(chǎn)生沖突 的效果。這種不協(xié)調(diào)的顏色搭配會(huì)產(chǎn)生混亂甚至是沖突，讓觀眾很 難分辨出顏色之間的界線。避免這種不協(xié)調(diào)的一個(gè)簡單辦法就是選擇具有較高對(duì)比度的顏色 進(jìn)行搭配，就像上圖右邊的例子一樣，觀眾可以很容易地一眼看出 兩種顏色之間的界線，而不像左圖的顏色搭配那樣混亂。一些設(shè)計(jì)師，尤其是廣告設(shè)計(jì)師，經(jīng)常會(huì)犯下這種錯(cuò)誤，因?yàn)樗?們誤認(rèn)為這種沖突能吸

15、引到觀眾的注意。當(dāng)然，這里所說的避免不 和諧的顏色搭配并不表示你就不能依據(jù)個(gè)人喜好進(jìn)行色彩搭配，而 是要注意避免犯原則性的錯(cuò)誤。15 .不要認(rèn)為空白沒有用空白是一種能創(chuàng)造個(gè)性元素的設(shè)計(jì)工具。巧妙地運(yùn)用空白可以為 設(shè)計(jì)添加一些出人意料的效果，它能夠幫你創(chuàng)建視覺焦點(diǎn)，讓設(shè)計(jì) 具有活力，而且還能平衡眾多設(shè)計(jì)元素，使設(shè)計(jì)更加精致。此外，空白還可以在不添加任何其他元素的前提下為設(shè)計(jì)注入一 些內(nèi)涵。上圖是抗噪耳機(jī)的兩款虛擬海報(bào)設(shè)計(jì)。左邊的設(shè)計(jì)幾乎沒 有什么空白，圖像和文本幾乎填滿了整個(gè)頁面;而第二則廣告便巧妙 地運(yùn)用大片空白來突出耳機(jī)圖像的主要焦點(diǎn)，而且也將“100%抗噪” 的產(chǎn)品特性具象化。設(shè)計(jì)師應(yīng)該牢

16、記空白并不是無用的區(qū)域，也不要試圖用各種圖片 和文案將空白填滿，空白和其他設(shè)計(jì)元素一樣服務(wù)于設(shè)計(jì)的目的。 因此，不要忽視空白的作用，試著在設(shè)計(jì)中留出一些空白，看看它 是否讓設(shè)計(jì)變得更完美。16 .不要盲目跟風(fēng)設(shè)計(jì)有時(shí)候就像時(shí)尚潮流一樣，一陣風(fēng)刮過之后就慢慢無人問津。 根據(jù)潮流所設(shè)計(jì)的服裝終有一天會(huì)過時(shí)而且不再吸引消費(fèi)者。在設(shè)計(jì)中也是一樣，當(dāng)前風(fēng)靡的潮流元素總是被大家廣泛采用， 因?yàn)樽分鹆餍惺亲钚迈r而且最容易復(fù)制的設(shè)計(jì)方法。但是潮流來得 快，去得也快，加入流行元素的設(shè)計(jì)可能會(huì)迅速失去關(guān)注。但這并不表示你就要對(duì)潮流視而不見，你應(yīng)該時(shí)刻關(guān)注當(dāng)下流行 的元素，試著分析它們?yōu)槭裁磿?huì)受到大眾喜愛。之前流行

17、的一個(gè)設(shè) 計(jì)風(fēng)格就是x形的logo,這種設(shè)計(jì)方法是將文字或圖像置于x形的 框架四周，但由于太多設(shè)計(jì)師都使用這種設(shè)計(jì)風(fēng)格，使其很快就不 再受到關(guān)注了。在分析潮流趨勢的時(shí)候，應(yīng)該問自己幾個(gè)問題：為什么它會(huì)受歡 迎?我可以汲取哪些部分來提升自己的設(shè)計(jì)?在這個(gè)x形logo的例子 中，你可以借鑒其中的幾何形狀概念來設(shè)計(jì)log。，就像上圖的圓形 log。一樣。無論如何你都要學(xué)會(huì)分析潮流元素，找到其中可以借鑒 的地方，而不是一味進(jìn)行模仿。17 .使用正確的工具就像工人不可能用錘子擰螺絲一樣，設(shè)計(jì)師也應(yīng)該知道每一樣設(shè) 計(jì)工具的具體用途以及適用的地方。一個(gè)常見的例子是很多人因選用不恰當(dāng)?shù)脑O(shè)計(jì)工具而導(dǎo)致log。

18、柵格化。數(shù)字圖片的文件類型有兩種一一位圖和矢量圖。位圖是由 許多像素網(wǎng)格組成的，而矢量圖是一系列由線連接的點(diǎn)組成的，兩 者之間最大的不同是圖片的可縮放性。由于位圖是由一個(gè)個(gè)像素構(gòu) 成的，因此放大到一定程度就會(huì)失真（見左圖），而矢量圖（見右圖） 就不會(huì)出現(xiàn)這種問題。矢量圖無論縮放到什么程度都不會(huì)失真，因此利用矢量圖工具設(shè) 計(jì)的log。可以廣泛運(yùn)用于各種尺寸的媒介上，從一根鉛筆到一棟大 廈的大小都沒問題。如果使用位圖工具，那么設(shè)計(jì)出的log。應(yīng)用范 圍就很有限。一名優(yōu)秀的設(shè)計(jì)師不僅要了解各種設(shè)計(jì)樣式，還要熟悉每一種設(shè) 計(jì)11具的用途。常見的位圖和矢量圖工具分別為adobephotoshop和 ad

19、obelllustrator,在著手設(shè)計(jì)之前，要確保自己能熟練操作這些 工具，并且了解它們的用途和設(shè)計(jì)效果。18 .考慮媒介對(duì)設(shè)計(jì)的影響你的設(shè)計(jì)會(huì)運(yùn)用到什么地方?會(huì)用在海報(bào)、網(wǎng)站還是雜志上？了解 媒介的規(guī)格對(duì)設(shè)計(jì)尤為重要，因?yàn)檫@是展示設(shè)計(jì)的地方，如果你未 能仔細(xì)考量媒介的各種細(xì)節(jié)，那么便意味著設(shè)計(jì)的最終效果可能會(huì) 受到媒介的影響。一個(gè)經(jīng)典的例子就是沒有考慮到書本在裝訂的時(shí)候需要在裝訂處 附近留出一些空白。設(shè)計(jì)師在一開始的時(shí)候就應(yīng)該想到為后面的裝 訂留出一些空間，而不是隨心所欲地把頁面填滿。上面的兩幅圖就 分別展示了未考慮書本裝訂和考慮了書本裝訂的兩種設(shè)計(jì)效果。避免犯這種錯(cuò)誤的辦法就是直接和客戶進(jìn)行溝通，了解了應(yīng)該留 出多少裝訂空間之后再著手設(shè)計(jì)。19 .避免語法錯(cuò)誤要做到語法完全正確是很難的事情，你可能常常不自覺就犯下一 些難以察覺的錯(cuò)誤，但是你可以了解一些在設(shè)計(jì)時(shí)應(yīng)注意的語法規(guī) 則，這樣不僅能確保設(shè)計(jì)的專業(yè)性，而且還能讓你看出別人設(shè)計(jì)作 品中的錯(cuò)誤。首先就是符號(hào)的誤用。不能用在正文文本中，它通常 用于機(jī)構(gòu)名稱(如johnson&johnson)或logo設(shè)計(jì)中。另一個(gè)常見的錯(cuò)誤就是在句號(hào)后面空