本文首發(fā)于公眾號：設(shè)計(jì)新手村
文章譯自：Medium
原文標(biāo)題：10 Basic Principles of Visual Design
原文作者：José Torre
文章翻譯：村長道哥
昨天我在聽播客時，聽到有人在以“我是老粉絲了，但這是我第一次提問”為開頭來發(fā)問，不知怎么的我想到了 Medium。我已經(jīng)在這里花費(fèi)了大把大把的時間盖溺，但是我從來沒有做出什么貢獻(xiàn)。今天就是我做出改變的日子。
正如介紹中提到的吏祸，我決定寫一些走心的東西，有關(guān)于視覺設(shè)計(jì)（特別是平面設(shè)計(jì)）的東西钩蚊，更具體地說贡翘，是我學(xué)到的一些基本原則，我認(rèn)為這些對我工作的影響很大两疚。
我希望讓這篇文章簡短一些床估，出于這個原因，我將盡量簡短地介紹這些原則诱渤，對于那些應(yīng)該深入學(xué)習(xí)的東西丐巫，我會在以后專門用一篇完整的文章來介紹。
好的勺美，準(zhǔn)備好了嗎递胧？那就開始了。
#1 點(diǎn)赡茸、線缎脾、形
這些是任何設(shè)計(jì)中最基本的元素，有了這些東西你才可以創(chuàng)建任何你想要的東西占卧。從簡單的圖標(biāo)到復(fù)雜的插畫遗菠，一切都是由這些簡單的元素組合而成的联喘。
在幾何中，一個點(diǎn)由X坐標(biāo)和Y坐標(biāo)構(gòu)成辙纬，再加上一個Z軸豁遭，你就進(jìn)入了一個3D世界，但是這篇文章中我還是聊聊二維的東西贺拣。
如果把兩個點(diǎn)連起來就會得到一條直線蓖谢。一條由無數(shù)的點(diǎn)組成的線，有點(diǎn)像由一堆原子組成的分子譬涡，形成了你周圍的所有物體闪幽。然后，如果你添加第三個點(diǎn)并把它們連接起來的話就形成了一個形狀涡匀，在這個例子中是一個三角形盯腌，但是你可以用這些基本元素來實(shí)現(xiàn)你想要的任何東西。
但是現(xiàn)在渊跋，對你的眼睛來說腊嗡，這些形狀都是不存在的，除非你添加一些東西拾酝。
#2 顏色
人類的眼睛可以看出超過1000萬種不同的顏色燕少。從小時候開始，我們所有人都學(xué)會了將某些特定的價值觀或意義賦予某個特定的顏色蒿囤。
想象一下交通信號燈客们，我們都知道紅色是停止的意思，綠色可以走材诽，黃色的意思是你可以繼續(xù)踩油門底挫，只要還沒變成紅色就可以。這就是說脸侥，我們會基于某種顏色采取完全不同的行動建邓，有時甚至是下意識地去做。
在我看來睁枕，這些現(xiàn)象的原因是因?yàn)槲覀冎鲃拥膶W(xué)習(xí)官边，而不是因?yàn)槟撤N顏色有其內(nèi)在的意義。如果你認(rèn)為這些意義會隨著一個人成長環(huán)境的文化外遇、地點(diǎn)和時間的不同而改變注簿，這就更明顯了。
所有的這些都表明了你可以通過選擇合適的顏色來增加內(nèi)在的含義跳仿、意圖和風(fēng)格诡渴，你需要對設(shè)計(jì)的受眾非常了解。
現(xiàn)在回到上面的三角形菲语，看看如何讓它更有趣一些妄辩。
#3 字體
這是一個很重要的方面惑灵，我認(rèn)為對設(shè)計(jì)師來說字體是最重要也是最困難的事情之一。關(guān)系到的不僅是你寫的東西恩袱，還是你表達(dá)的方式泣棋。字體關(guān)乎于文字的樣式。
使用正確的字體就可以把本來平庸無奇的文字變得強(qiáng)大有力畔塔，但這并不容易，而通過選擇錯誤的字體來毀掉整個設(shè)計(jì)確是十分簡單的事情鸯屿。和顏色一樣澈吨，字體也可以定義一種風(fēng)格。
大多數(shù)的字體設(shè)計(jì)都是有其目的的寄摆，你需要知道具體字體的用途谅辣，然后用它來幫助你完成設(shè)計(jì)。有些字體適用于大塊的文本婶恼，有些字體適用于標(biāo)題桑阶。有些字體僅僅是簡單實(shí)用的，而另一些僅僅是為了好玩或者用來諷刺的（你懂的）勾邦。
雖然有成千上萬種不同的字體可供選擇蚣录，但除非你需要一些異想天開的東西，或者你想要做出一些非常別具一格的東西眷篇，否則我建議你使用那些經(jīng)典的字體萎河。然而，如果你有本事的話蕉饼，你完全可以設(shè)計(jì)屬于你自己的字體虐杯，盡管我認(rèn)為這是作為設(shè)計(jì)師最具挑戰(zhàn)性的事情之一。如果你準(zhǔn)備開始一個設(shè)計(jì)的話昧港，不能忘了下面的東西擎椰。
#4 空間
平衡空間的方法要么會成就一個設(shè)計(jì)，要么會毀掉一個設(shè)計(jì)创肥，特別是在字體方面达舒。
你需要考慮每一個元素／字母是如何相互聯(lián)系的，并給予這些元素所需的呼吸空間瓤的，這通常被稱為負(fù)空間（正空間是實(shí)際的字母）休弃。
你需要把負(fù)空間作為設(shè)計(jì)重要的一部分，好好利用圈膏∷空間的作用十分強(qiáng)大，可以幫助你的觀者在你的作品中輕松找到想看的東西稽坤，它能夠創(chuàng)造一個讓眼睛休息的區(qū)域丈甸。
善用空間糯俗，太多的空間會讓你的設(shè)計(jì)看起來像是個半成品，而空間過少會讓你的設(shè)計(jì)看起來擁擠不堪睦擂。
在正空間和負(fù)空間之間找到合適的比例可以讓你得到以下的東西得湘。
#5 平衡、節(jié)奏顿仇、對比
當(dāng)你開始把一些簡單的元素變成有趣和吸引人的東西的時候淘正，你就會發(fā)現(xiàn)平衡、節(jié)奏和對比臼闻。通過考慮視覺權(quán)重來平衡設(shè)計(jì)中的所有元素鸿吆。加入你的設(shè)計(jì)右下角有一個一個大的黑色方塊，這會減弱整個設(shè)計(jì)的張力述呐，你需要做出一些抵消的措施惩淳，或者把大黑塊移到其他位置。
頁面中元素的位置非常重要思犁，讓一些元素的權(quán)重比其他元素高一些有助于營造對比和節(jié)奏，這可以讓觀者的眼睛可以更舒服地瀏覽你的設(shè)計(jì)作品进肯。
可以幫助營造節(jié)奏和平衡的也可以是下面的東西
#6 等級
等級不僅能營造節(jié)奏激蹲、對比和平衡，還能創(chuàng)造層次感坷澡。一般來說托呕，不是所有的元素都具有相同的重要性，體現(xiàn)不同的最好方法之一就是改變大小频敛。
這么做必須目的明確才可以项郊，不要一味追求“讓 Logo 更大一些”的方法，也別忘了我之前提到的空間斟赚。
拿報紙中的頁面作為例子着降，頁面中最重要的事情是什么？
首先拗军，標(biāo)題通常比較短任洞，這為什么？因?yàn)檫@樣你就可以快速瀏覽頁面发侵，看看是否有你感興趣的東西交掏。然后，更小一些的副標(biāo)題可以給你關(guān)于文章的更多信息刃鳄。最后盅弛，字體最小的文字，也就是令人最舒適的閱讀文本。
所以挪鹏，一切都是根據(jù)目的來調(diào)整大小见秽，永遠(yuǎn)不要忽視使用設(shè)計(jì)的人們的需求。說到報紙讨盒，是時候引出一些關(guān)于秩序的東西了解取。
#7 網(wǎng)格和對齊
這兩種東西產(chǎn)生的感覺，就像俄羅斯方塊時返顺，當(dāng)你用最后一根長條清除所有磚塊時的那種奇怪的滿足感禀苦。
網(wǎng)格和對齊其實(shí)是看不見的创南，但如果你打開一本書或一張報紙后你就會看到它們伦忠。不管你設(shè)計(jì)的是什么，網(wǎng)格結(jié)構(gòu)可以使設(shè)計(jì)令人更愉悅也更容易接受稿辙。
即使你是有目的地去創(chuàng)造一種混亂的設(shè)計(jì)，也必須有一個適用于這種混亂的秩序气忠。
對齊對于文本來說非常重要邻储，雖然對齊方式有很多，但我的經(jīng)驗(yàn)法則就是左對齊旧噪。雖然你應(yīng)該根據(jù)設(shè)計(jì)的內(nèi)容和受眾來決定對齊的方式吨娜，但是一般來說，人們閱讀的習(xí)慣是從左到右淘钟，然后從上到下宦赠，居中對齊河右對齊的文本會讓人難以閱讀。
#8 構(gòu)圖
這是攝影里的一個關(guān)鍵概念米母，但也適用于視覺設(shè)計(jì)勾扭。
無論你使用的是一張照片、一個插圖還是別的什么東西铁瞒，適當(dāng)?shù)臉?gòu)圖可以改變一切妙色。
為了將注意力放在重要的元素上，裁剪和構(gòu)圖能夠突出主題并加強(qiáng)信息慧耍，就是為了傳達(dá)正確的信息身辨，并且以更好的方式來傳達(dá)。
如果到這了你還覺得缺了點(diǎn)什么芍碧，那么你可以嘗試下面的東西煌珊。
#9 紋理和圖案
我個人認(rèn)為紋理和圖案就像飾品一樣，不一定非要使用它們泌豆，生活中可以沒有這些東西的存在定庵，但有時它們卻很重要，可以讓你的設(shè)計(jì)補(bǔ)上那種好像缺了點(diǎn)什么的感覺。
紋理不像之前那么流行了洗贰，但你可以用它讓你的設(shè)計(jì)再上一層樓找岖，讓作品看起來更真實(shí)。
紋理本身不一定僅限于電子作品敛滋，如果是要打印的作品许布，一定要選擇正確的紙張，像倒角绎晃、浮雕或 UV光油 這樣的材質(zhì)可以讓你的設(shè)計(jì)化腐朽為神奇蜜唾，但不要選擇那些不靠譜的特殊涂飾。
圖案就是重復(fù)的組合庶艾，有時圖案就是一種紋理袁余，區(qū)別就是取決于你如何使用它們。圖案的主要用途是在一個扁平的設(shè)計(jì)中注入節(jié)奏和活力咱揍，以及用來平衡過多的負(fù)空間颖榜。
最后但同樣重要的是，我個人認(rèn)為下面的內(nèi)容是視覺設(shè)計(jì)中的圣杯煤裙！
#10 視覺概念
這是你的設(shè)計(jì)背后的想法掩完。你的意圖是什么？表面的圖像背后的深層含義是什么硼砰？
這就一個優(yōu)秀的設(shè)計(jì)和一個從圖庫下載的東西之間的區(qū)別且蓬。
帶著想法去做設(shè)計(jì)，記住要在你的設(shè)計(jì)中融合各種想法题翰。認(rèn)真挑選你用的字體恶阴，想想每一個微小的部分是否都符合基礎(chǔ)概念。一致性成就一切豹障。
如果你的理念有理有據(jù)冯事，那么你就要不惜一切保護(hù)它，并把你的想法講給你的客戶或者老板沼填，或任何的其他受眾桅咆。
另外，一個有深度的設(shè)計(jì)自有其強(qiáng)大的生命力坞笙。時尚潮流的東西都很吸引人也很可愛岩饼，但小胡子和方格襯衫這些東西遲早會過時。我相信一個好的設(shè)計(jì)從不跟隨潮流薛夜，而是創(chuàng)造潮流籍茧。
好了，這就是我的構(gòu)建一個好設(shè)計(jì)的10個原則梯澜。雖然我認(rèn)為第10個是最重要的一個寞冯，但你還是需要注意其他幾個原則，這樣你才能真的成為一個大師。你可能有一個偉大的想法吮龄，但我覺得你還需要知道如何讓這個想法成真（或者讓別人幫你成真）俭茧。
人們總說不能根據(jù)一本書的封面來下判斷，但實(shí)際上大多數(shù)人都是這么做的漓帚。如果書里面的內(nèi)容沒有很好地體現(xiàn)在封面上母债，肯定會影響這本書的銷量。
最后需要注意的一點(diǎn)是：我也考慮了設(shè)計(jì)或項(xiàng)目中其他的一些東西尝抖，比如了解受眾是誰毡们，以及如何實(shí)現(xiàn)目標(biāo)，但是我沒有把這些加入到這個列表中昧辽。這些“約束”是定義視覺概念的不可缺少的部分衙熔。有的想法可能不錯，但如果沒有解決項(xiàng)目需求的話搅荞，遲早也會完蛋红氯。
我希望你能夠從中獲益，即使你已經(jīng)知道了這些東西咕痛。我使用這些原則就像用我的施德樓鋼筆一樣脖隶，我也從設(shè)計(jì)結(jié)構(gòu)成積木的練習(xí)中得到了許多樂趣。
感謝你的閱讀!
