Zi 字媒體

必須遵循的20個設計原則，與其他任何專業一樣，設計也要遵循一定的原則。打破設計規則有時是被允許甚至受到鼓勵的，但你還是要清楚了解你所要打破的規則，這樣才能避免出錯。無論從文本到布局，還是色彩或特效，所有的設計元素都應遵循一定的原則和技巧來避免犯錯。01.調整恰當的字距有人說過這麼一句話：如果你討厭一個人，就教他如何分辨不恰當的字距吧。不恰當的字間距是設計界里不可饒恕的大錯，一名設計師應該從一開始就掌握這項基本技能。字距就是字與字之間的距離調整，聽起來好像很容易，但實際上字距調整的好壞直接關係到整個設計的水準。字距調整的終極目標是確保每一個字之間的距離看起來都是一樣的，使整個文本的觀感舒適整潔。02.保證易讀性設計的最主要目的是傳遞信息，所以設計師的首要任務就是確保文本的易讀性。怎樣才能增強易讀性?實際上眾多因素都將直接影響觀眾理解設計的過程。舉一個簡單的例子，如果文本和背景的對比度太弱，就會大大降低設計作品的易讀性，因此，應該注意運用強對比來避免視覺混淆。另一個典型的錯誤就是濫用大寫字母。大寫形式的文本不僅會讓觀眾覺得好像有人在對著他們大喊大叫，而且還會削弱視覺分辨力，原因在於大寫字母的高度相同、形狀類似，而小寫字母具備不同的形狀，使人更容易分辨字母和單詞之間的差別。字型大小過小也是造成閱讀困難的一大原因。在設計文本的時候，應該想想觀眾是否會讀得很費勁，如果不能確定的話，可以先列印出來，問問其他人的意見。因為有時候你自己覺得沒問題，但觀眾不一定這麼認為。要記住：看起來美觀的設計並不代表它一定能與觀眾順暢地交流。一定要注意文本的設計!03.縮短每行的長度你有沒有發現一些內容有趣的雜誌卻很難讓人耐心讀完?又或者在文章里常常找不到下一行?其實原因可能在於文章每行的長度設置不當。正文最完美的行長度為每行至少六個單詞並且大概在30到40個字(包括空格)之間。低於這個區間，文本看起來就會太分散，而多了的話，就會顯得太雜亂而造成閱讀困難。04.有目的地分級有目的性地進行分級能起到重要的作用。在設計中，分級就是通過對各類視覺元素的排列強調其重要性。因此，越重要的元素就會處于越容易吸引注意的層級，或使用越顯著的顏色或字體;而越次要的元素就吸引越少的注意。分級的概念常常體現於文本設計中。上圖例子中第一份邀請函的文本大小全部相同，讓人無法一下子找到其中的重點;而右邊的例子則運用分級突出了重點，僅僅是通過對顏色和尺寸的些微調整，就讓信息變得清晰易懂。05.調整恰當的間距作為一名設計師，總是不可避免會遇到大篇幅的文本處理問題，當然這並不容易。在這過程中需要注意許多規則和其他各方面元素，其中很重要的一個方面就是字和詞間距。間距調整包含兩個內容——字距和行距。行距是兩行相鄰文本之間的間距調整。許多因素共同作用決定應該選擇多大的間距，比如字體和文本長度。通常來說，越長的行長度需要越寬的行距。字距包括字間距和字偶距。字偶距通常是手動調整的，但如果在文本很長、時間又很緊的情況下，一點一點手動進行調整是不可能的，於是字間距在這時便派上用場。字間距相比於字偶距而言更為靈活，它能夠避免文本產生不恰當的間隙或行長。在正文文本當中，記得將較長行長的文本調得鬆散一些，較短行長的文本調得緊湊些，這樣才能能最大限度地增強文本的易讀性。另一個可以運用於小篇幅文本的間距調整技巧就是想象在每一個詞之間都有一個小寫字母「i」，根據這個距離概念來調整字距，當然這個方法應該視具體情況使用。06.使用正確的對齊方式無論設計新手還是經驗豐富的老手，一定都用過基本的文本對齊工具。一般來說，對齊方式有四種：左對齊、右對齊、居中和分散對齊，以下就是這四種對齊方式的具體運用。左對齊是最常見又有效的一種對齊方式。這種對齊反方式讓文本左端整齊排列，是最易讀的一種形式。所以當你不知道選哪種對齊方式的時候，就用左對齊吧。右對齊顧名思義就是將文本的右端對齊，通常是出於對商標或小段文本的裝飾目的才選用這種方式。右對齊不推薦用於大篇幅的文本中，因為它會混淆視線，讓讀者很難找到下一行在哪兒。居中文本的用途就廣泛得多，它可以運用於海報、邀請函、商標設計等等。居中可以輕易地平衡整個文本，達到一種視覺愉悅的美感。不過，它同樣不適用於大篇幅的文本，因為參差不齊的效果讓人很難順暢地進行閱讀。最後我們來說說分散對齊。分散對齊並不能完美排列文本，但至少它能達到兩端對齊的效果。在小說之類的文本中，分散對齊就是絕佳的對齊方式。但是這種對齊方式也存在一定的弊端，尤其是在字間距方面。正如上圖中所展示的一樣，越到末尾每一行的字數就越少，這種對齊方式將文本從左至右平均排列，到最後通常造成不恰當的字詞間距。07.使用網格工具所有新手設計師都應掌握一些基本的網格使用技巧。恰當地利用網格工具可以讓平平無奇的設計搖身一變成為簡潔、清晰、具有效力的設計。網格工具有各種不同的形狀和尺寸，你可以結合不一樣的網格工具，使其能靈活運用於你的設計中。網格能幫助設計師將頁面上產生聯繫的元素集合在一起，創造出更整潔、更有邏輯的設計。例如上圖中兩欄、三欄、四欄的網格工具能夠將圖片和文本設計成不同樣式。使用的網格工具分欄越少，設計出的作品就越一致，雖然其中的元素可能會有很強的連貫性，但是卻不如多欄的網格設計來得靈活，上圖中最右的設計元素有的橫布幾欄，有的固定在一欄當中，這樣既囊括了不同大小的文本塊和圖片，同時也保證了設計的整潔。你可以為你的設計量身定做一個結合不同網格的設計工具。08.為觀眾而設計大部分設計(包括個人的設計)都要從主題出發，設計師通常都會有意無意地先確定好一些必須體現的基本信息。關於設計主題最重要的一點就是要不時地問自己「我是為誰設計?」每一項設計都有其目標受眾，即會看到該設計並接收信息的人，因此設計師應時刻記住自己的目標受眾。上圖中左邊的設計並不符合主題和目標受眾的審美趣味。兒童音樂會海報的目標觀眾應該是兒童和父母，因此左圖相對深刻的黑白設計很難吸引到正確的人群、傳達正確的信息。而右邊的設計更好地迎合了設計內容和目標觀眾的需求，明亮鮮艷的色彩結合活潑的圖像元素增強了設計的吸引力，也十分符合主題和目標人群的品味。要記住：美觀的設計並不一定能與觀眾建立有效的交流。當你在設計過程中感到困惑的時候，記得回頭看看你的設計主題是什麼。09.避免出現「寡婦」和「孤兒」將設計從業餘提升到專業水平的一個快捷辦法就是辨別出文本排版中出現的「寡婦」和「孤兒」。在任何以文本為主的設計中難免都會出現幾個「寡婦」和「孤兒」，發現並對其進行處理是設計中很重要的一步。「寡婦」和「孤兒」具體指什麼呢? Drew de Soto解釋道：「『寡婦』指的是屬於某個段落的一小行文本被單獨移到另一欄;同樣地，『孤兒』是指屬於某一行的一個詞被單獨置於另一行。」對於這種情況，有幾種解決辦法。首先，如果你的作品已經被通過，這時你就要通過手動調整文本行長來解決問題。另一個辦法如上圖所示，在「孤兒」之前的詞前面添加軟回車(Shift鍵+回車鍵)，讓這個詞移到「孤兒」所在的行。示例中的另一個辦法就是通過調整頁邊距來改變文本塊的大小，從而避免「寡婦」和「孤兒」的出現。10.合理搭配色彩色彩是一個強大的設計工具，因此設計中很重要的一步就是合理搭配色彩。當你進行色彩搭配的時候，參考一些色彩理論和前人作品的色彩運用會對你產生很大幫助。色彩理論表明不同的色彩會對消費者產生不同的作用，例如橘色被認為能夠激發食慾，這就是為什麼橘色通常運用於快餐品牌的設計中。雖然通過一些調整有時能達到很好的效果，但是在進行色彩搭配的時候，要切記確保合理性。例如上圖中的兩個設計，一個是專門做花束的花商logo，另一個是宣揚刺激性的彩彈遊戲中心的logo。左圖的色彩運用顯然與品牌內容相悖，而右圖的色彩搭配則更恰當。每種顏色都有具有一定的符號性和內涵，因此要記得你選擇的顏色不能混淆甚至違背所要傳達的信息。11.合理運用字體就像色彩搭配一樣，字體的選擇也需要考慮是否合理。不同的字體表現某些不同的「情緒」，就像你肯定不會在一家法律公司的logo設計中使用Curlz MT字體。許多設計師建議最多只能在一個設計中使用2到3種字體，否則就會導致設計看起來過於複雜。試著選擇能夠幫助信息傳達的字體或互補的字體來增強設計的邏輯和效力。12.避免在正文中使用標題字體在正文中使用標題字體就像一個人穿著晚禮服去逛超市一樣，字體如果沒有用對地方就會讓人感到困惑。標題字體一般用於小區域的文本而非正文文本中，其樣式比應用於正文的字體更為複雜華麗，這種複雜性決定了它更適合用於小段標題或副標題中，切記不要將它用於大篇幅的文本中。上圖中右邊的例子在正文使用了裝飾性的Yellowtail字體，這種字體看上去很美觀，但是運用在大篇幅的正文中就會大大降低易讀性，讓觀眾讀起來覺得很費勁。最好選擇像Georgia這種專門用於正文文本的字體，標題字體用於正文會顯得太不合時宜。13.不要隨意伸縮字體這個原則十分容易理解，並且簡單易行。大多數情況下，字體本身的形狀特點和比例都是經過仔細考量形成的，如果隨意伸縮字體往往會導致該字體失去原有的效力。很多人伸縮字體是因為他們實際上需要一個比現有字體更高或更寬的字體，然而進行伸縮並不是一個好的解決辦法。網路上有各種各樣的字體可供選擇，無論你需要瘦高的字體(如Bebas Neue)或寬字體(如Silverfake)等等，都可以在網上找到。這可能很費時間，可是一旦找到心目中的字體，就會對你的設計有很大幫助。14.避免不協調的顏色搭配當色環上相隔較遠的兩種顏色搭配在一起的時候常常會產生衝突的效果。這種不協調的顏色搭配會產生混亂甚至是衝突，讓觀眾很難分辨出顏色之間的界線。避免這種不協調的一個簡單辦法就是選擇具有較高對比度的顏色進行搭配，就像上圖右邊的例子一樣，觀眾可以很容易地一眼看出兩種顏色之間的界線，而不像左圖的顏色搭配那樣混亂。一些設計師，尤其是廣告設計師，經常會犯下這種錯誤，因為他們誤認為這種衝突能吸引到觀眾的注意。當然，這裡所說的避免不和諧的顏色搭配並不表示你就不能依據個人喜好進行色彩搭配，而是要注意避免犯原則性的錯誤。15.不要認為空白沒有用空白是一種能創造個性元素的設計工具。巧妙地運用空白可以為設計添加一些出人意料的效果，它能夠幫你創建視覺焦點，讓設計具有活力，而且還能平衡眾多設計元素，使設計更加精緻。此外，空白還可以在不添加任何其他元素的前提下為設計注入一些內涵。上圖是抗噪耳機的兩款虛擬海報設計。左邊的設計幾乎沒有什麼空白，圖像和文本幾乎填滿了整個頁面;而第二則廣告便巧妙地運用大片空白來突出耳機圖像的主要焦點，而且也將「100%抗噪」的產品特性具象化。設計師應該牢記空白並不是無用的區域，也不要試圖用各種圖片和文案將空白填滿，空白和其他設計元素一樣服務於設計的目的。因此，不要忽視空白的作用，試著在設計中留出一些空白，看看它是否讓設計變得更完美。16.不要盲目跟風設計有時候就像時尚潮流一樣，一陣風刮過之後就慢慢無人問津。根據潮流所設計的服裝終有一天會過時而且不再吸引消費者。在設計中也是一樣，當前風靡的潮流元素總是被大家廣泛採用，因為追逐流行是最新鮮而且最容易複製的設計方法。但是潮流來得快，去得也快，加入流行元素的設計可能會迅速失去關注。但這並不表示你就要對潮流視而不見，你應該時刻關注當下流行的元素，試著分析它們為什麼會受到大眾喜愛。之前流行的一個設計風格就是X形的logo，這種設計方法是將文字或圖像置於X形的框架四周，但由於太多設計師都使用這種設計風格，使其很快就不再受到關注了。在分析潮流趨勢的時候，應該問自己幾個問題：為什麼它會受歡迎?我可以汲取哪些部分來提升自己的設計?在這個X形logo的例子中，你可以借鑒其中的幾何形狀概念來設計logo，就像上圖的圓形logo一樣。無論如何你都要學會分析潮流元素，找到其中可以借鑒的地方，而不是一味進行模仿。17.使用正確的工具就像工人不可能用鎚子擰螺絲一樣，設計師也應該知道每一樣設計工具的具體用途以及適用的地方。一個常見的例子是很多人因選用不恰當的設計工具而導致logo柵格化。數字圖片的文件類型有兩種—— 點陣圖和矢量圖。點陣圖是由許多像素網格組成的，而矢量圖是一系列由線連接的點組成的，兩者之間最大的不同是圖片的可縮放性。由於點陣圖是由一個個像素構成的，因此放大到一定程度就會失真(見左圖)，而矢量圖(見右圖)就不會出現這種問題。矢量圖無論縮放到什麼程度都不會失真，因此利用矢量圖工具設計的logo可以廣泛運用於各種尺寸的媒介上，從一根鉛筆到一棟大廈的大小都沒問題。如果使用點陣圖工具，那麼設計出的logo應用範圍就很有限。一名優秀的設計師不僅要了解各種設計樣式，還要熟悉每一種設計工具的用途。常見的點陣圖和矢量圖工具分別為Adobe Photoshop和Adobe Illustrator，在著手設計之前，要確保自己能熟練操作這些工具，並且了解它們的用途和設計效果。18.考慮媒介對設計的影響你的設計會運用到什麼地方?會用在海報、網站還是雜誌上?了解媒介的規格對設計尤為重要，因為這是展示設計的地方，如果你未能仔細考量媒介的各種細節，那麼便意味著設計的最終效果可能會受到媒介的影響。一個經典的例子就是沒有考慮到書本在裝訂的時候需要在裝訂處附近留出一些空白。設計師在一開始的時候就應該想到為後面的裝訂留出一些空間，而不是隨心所欲地把頁面填滿。上面的兩幅圖就分別展示了未考慮書本裝訂和考慮了書本裝訂的兩種設計效果。避免犯這種錯誤的辦法就是直接和客戶進行溝通，了解了應該留出多少裝訂空間之後再著手設計。19.避免語法錯誤要做到語法完全正確是很難的事情，你可能常常不自覺就犯下一些難以察覺的錯誤，但是你可以了解一些在設計時應注意的語法規則，這樣不僅能確保設計的專業性，而且還能讓你看出別人設計作品中的錯誤。首先就是「&」符號的誤用。「&」不能用在正文文本中，它通常用於機構名稱(如Johnson & Johnson)或logo設計中。另一個常見的錯誤就是在句號後面空兩個空格。句號後面只需空一個空格，但如果你覺得文本過於緊湊，可以調整字間距或直接換成另一種字體。接著就是分號和破折號的誤用。分號用於連接兩個單詞(如「custom-built」);破折號分為短破折號和長破折號，短破折號用於連接兩個數值(如「1984–1998」)，長破折號用於句子中(如「Grammar is hard — or so I once thought」)，相當於逗號。 語法的規則有很多，它看起來似乎不重要，但實際上是設計中的一個微小而有力的工具，它可以將設計提升到前所未有的專業高度和細節精確度。20.不要加入過多特效你還在使用各種花哨的藝術字嗎?實際上現在已經不流行這種複雜華麗的元素了，你應該試著在設計中少用一些特殊效果。能夠有效傳達信息的設計大多數情況下都是比較簡潔的，這意味著你要常常問自己：我應該加入這個元素嗎?陰影、斜體、漸變等效果並不是在什麼時候都能放在一起使用的，他們各自有適用的情況。在圖表設計中也常常會用到特效。上圖中左邊的柱狀圖加入了很多特效和元素，讓人看著覺得很費解;而右邊刪除了各種累贅的效果，使整個圖表信息一目了然，而且也看起來也比較美觀。除了一些符號、數值等必須保留的元素，你可以儘可能刪去一些不必要的元素，這樣不僅不會降低信息的傳達效力，而且還會讓觀眾把注意力集中在主要關鍵信息上。有時候少即是多。最後，我想告訴大家的一條規則就是：設計沒有規則。掌握基本的設計原則固然重要，但更重要的是懂得在合適的時機打破規則，創造個性化甚至經久不衰的設計。平面設計學習交流群：174267514喜歡的小夥伴加群、交流