翻譯:jzjz
譯文僅供個(gè)人學(xué)習(xí)版扩,不用于任何形式商業(yè)目的,轉(zhuǎn)載請(qǐng)注明原作者侄泽、文章來(lái)源礁芦、翻譯作者及簡(jiǎn)書鏈接,版權(quán)歸原文作者所有悼尾。
當(dāng)你是一個(gè)設(shè)計(jì)初學(xué)者時(shí)柿扣,會(huì)有很多東西需要學(xué)習(xí),有很多因素需要考慮闺魏, 更不用說(shuō)當(dāng)下技術(shù)不斷發(fā)展未状,新軟件不斷發(fā)布,新的趨勢(shì)也隨之而來(lái)析桥。這實(shí)在有點(diǎn)讓人招架不住司草。
本文將帶給你20項(xiàng)設(shè)計(jì)原則,希望幫助你在這個(gè)創(chuàng)造性的環(huán)境中理清頭緒泡仗。 放輕松埋虹,讓我們來(lái)討論一些原則。
- 線
線條有助于增強(qiáng)沮焕,引導(dǎo)和創(chuàng)造動(dòng)作。
我相信我們都知道什么是線拉宗,還是要在這里做下定義:線可以是任何線性標(biāo)記峦树。 所以,線條就是一切旦事。 即使你現(xiàn)在讀的這些字都是由數(shù)千條曲線魁巩、折線和直線組成的。
線條也可以左右思維姐浮。 直線可以喚起秩序和整潔谷遂,波浪線可以創(chuàng)造動(dòng)感,折線可以暗示緊張或興奮卖鲤。
在攝影中經(jīng)常會(huì)使用“引導(dǎo)線”( leading lines)來(lái)引導(dǎo)人們的視線肾扰。 人們?cè)诳凑掌瑫r(shí)會(huì)跟著引導(dǎo)線找到照片中的焦點(diǎn)畴嘶。
讓我們看看網(wǎng)絡(luò)設(shè)計(jì)中使用的“引導(dǎo)線”的例子。 這個(gè)網(wǎng)頁(yè)使用了一個(gè)很酷的折線網(wǎng)格集晚,這是一個(gè)非常明顯的引導(dǎo)線窗悯,這條折線引導(dǎo)線會(huì)帶你一路向下瀏覽頁(yè)面,從一節(jié)內(nèi)容到下一節(jié)內(nèi)容偷拔。
設(shè)計(jì)插圖的一個(gè)很好的方式就是利用鮮明的線條蒋院。 來(lái)看看KseniaStavr?va為服裝品牌SNDCT設(shè)計(jì)的這些插圖。 通過(guò)使用簡(jiǎn)單的白色線條來(lái)展現(xiàn)每個(gè)圖案莲绰,使設(shè)計(jì)整體被給予很強(qiáng)的內(nèi)聚性和可識(shí)別的風(fēng)格欺旧。 你也可以考慮在插圖中使用強(qiáng)調(diào)線條的方式來(lái)創(chuàng)造有趣的效果。
2 比例
比例營(yíng)造出設(shè)計(jì)作品中的重點(diǎn)蛤签,戲劇性的和輔助性的層次辞友。
比例在設(shè)計(jì)中占有很重要的位置,通常意義上將顷啼,比例就是設(shè)計(jì)中各個(gè)元素的大小尺寸踏枣。
比例可以幫助我們理解設(shè)計(jì)作品。想象一下如果你要在大象旁邊畫一只老鼠钙蒙,你很可能會(huì)把老鼠畫的比大象小很多茵瀑,這將有助于人們立即理解你的作品。
比例幫助我們理解作品躬厌, 但是比例并不總是基于現(xiàn)實(shí)主義马昨。 您可以用戲劇性的比例來(lái)組合你作品中的元素以達(dá)到震撼的效果,同時(shí)凸顯出作品中的重點(diǎn)是什么扛施。
例如鸿捧,Gabz Grzegorz Domaradzki設(shè)計(jì)的這幅《Drive》的電影海報(bào)。 在這張海報(bào)中疙渣,主角的形象占了極大的比例匙奴,其余的角色的形象則都被弱化了。
這張海報(bào)的布局比例并不是基于現(xiàn)實(shí)主義妄荔,海報(bào)中通過(guò)戲劇性的放大和縮小人物的臉部幫助人們快速了解每個(gè) 人物在電影中的重要程度泼菌,然而人們的面孔在現(xiàn)實(shí)生活中通常是相同的大小。
這種通過(guò)縮放設(shè)計(jì)元素來(lái)傳達(dá)信息的方法啦租,通常被稱為“層次”哗伯,這點(diǎn)我們將在后面詳細(xì)討論。讓我們?cè)賮?lái)看一個(gè)使用比例來(lái)突出重點(diǎn)的例子篷角。
下面這個(gè)出版物的設(shè)計(jì)來(lái)自 The Consult焊刹。設(shè)計(jì)中放大了一部分的統(tǒng)計(jì)數(shù)據(jù),信息和數(shù)字,使人們將大部分的注意力集中到這部分?jǐn)?shù)據(jù)上來(lái)虐块。
3.色彩
好色彩帶來(lái)好設(shè)計(jì)俩滥。
色彩對(duì)于設(shè)計(jì)的重要性是毋庸置疑的,可以說(shuō)色彩對(duì)于設(shè)計(jì)來(lái)說(shuō)是最重要的非凌。色彩能夠影響情緒举农,傳達(dá)情緒,制造氛圍敞嗡,每種色彩都有著特定的含義颁糟。所以可以說(shuō)設(shè)計(jì)的成敗在于色彩。
讓我們看兩個(gè)品牌案例喉悴。 首先是由Smack Bang Designs設(shè)計(jì)的女性肌膚童顏服務(wù)“Lite Luxe”棱貌。 設(shè)計(jì)中選擇了淺、柔箕肃、淡雅的色調(diào)婚脱。 白色、淺灰色勺像、柔和的胭脂色調(diào)以及金銅色障贸,這些顏色互相補(bǔ)充,打造出一個(gè)平和吟宦、優(yōu)雅篮洁、女性化的設(shè)計(jì)。
另一案例是Sagmeister&Walsh為果汁品牌Frooti所做的設(shè)計(jì)殃姓。與之前的例子不同袁波,這個(gè)設(shè)計(jì)選擇的是一個(gè)對(duì)比度非常鮮明的色調(diào),打造出了一個(gè)更加充滿活力蜗侈,精力充沛和俏皮的感覺(jué)篷牌。
色彩不是一個(gè)僅限于打造品牌的顏色,我們可以把這個(gè)原則延展到許多領(lǐng)域比如攝影踏幻。濾鏡和圖像調(diào)節(jié)工具給了我們調(diào)整照片色彩和色調(diào)帶來(lái)了無(wú)限的可能枷颊。
如果你想設(shè)計(jì)一個(gè)時(shí)尚或精致路線的海報(bào),可以嘗試在圖像中使用黑色系單色濾鏡该面,例如Canva的'Street'濾鏡夭苗。或者考慮降低圖像顏色的對(duì)比度使其更柔和吆倦,更平和听诸。
4.重復(fù)
回想一下你知道的任何一個(gè)大品牌 可口可樂(lè)坐求,谷歌蚕泽,蘋果,耐克,我相信你可以都回想起他們的標(biāo)志须妻,他們廣告標(biāo)語(yǔ)還有他么慣用的色調(diào)是什么樣的仔蝌。 為什么這些品牌的形象如此難忘? 是的—— 重復(fù)荒吏。
對(duì)于品牌設(shè)計(jì)敛惊,重復(fù)是一個(gè)至關(guān)重要的因素,無(wú)論是在保持品牌一致性方面绰更,還是在品牌整合方面瞧挤。
讓我們看看 Michelle Wang的案例。 正如你所看到的儡湾,在Michelle Wang的這套設(shè)計(jì)中特恬,在不同的印刷品上運(yùn)用相同的色調(diào)、相同的標(biāo)志徐钠、以及相同的結(jié)構(gòu)布局癌刽。
重復(fù)是創(chuàng)建品牌形象的一個(gè)重要因素,同時(shí)重復(fù)也是在具體的設(shè)計(jì)作品中常用的元素尝丐。 例如在設(shè)計(jì)圖樣或紋理時(shí)显拜,重復(fù)就是整個(gè)設(shè)計(jì)的關(guān)鍵組成部分。
在Nastya Chamkina這個(gè)包裝設(shè)計(jì)中利用重復(fù)創(chuàng)建一個(gè)美麗的圖樣爹袁。圖樣不一定像沉悶和花卉或者塵土飛揚(yáng)的舊窗簾远荠,他們可以是有趣和有價(jià)值的。
5.負(fù)空間
物體和物體間所產(chǎn)生出來(lái)的圖像呢簸,稱為“負(fù)空間”矮台。
在負(fù)空間這一領(lǐng)域公認(rèn)的翹楚是藝術(shù)家 M.C. Escher。 Escher做了許多貫通了“負(fù)空間”和“正空間”的創(chuàng)作根时,比如這張木刻版畫“天空和水I”瘦赫。
通過(guò)作品我們可以看到Escher如何利用鳥之間的空間來(lái)創(chuàng)造魚的形狀。作品中操縱負(fù)空間蛤迎,使其形成新的元素确虱。
戰(zhàn)略性地使用負(fù)空間可以幫助設(shè)計(jì)者創(chuàng)建令人驚嘆的巧妙設(shè)計(jì)。 來(lái)看看這些動(dòng)物圖標(biāo)替裆,設(shè)計(jì)師 George Bokhua使用簡(jiǎn)潔的形狀清晰地描繪了每個(gè)動(dòng)物形象校辩。
6.對(duì)稱
科學(xué)證明人們?nèi)菀妆粚?duì)稱的事物所吸引。 我們往往會(huì)認(rèn)為對(duì)稱的臉辆童、圖案和設(shè)計(jì)更有吸引力和美感宜咒。
對(duì)稱經(jīng)常被在商標(biāo)的設(shè)計(jì)上以達(dá)到一種和諧、平衡的效果把鉴。一些具有對(duì)稱標(biāo)志的大型品牌的例子有塔吉特故黑、麥當(dāng)勞儿咱、香奈兒、星巴克等场晶。
當(dāng)然混埠,對(duì)稱并不總是也不應(yīng)該是每個(gè)設(shè)計(jì)的選擇。我們所談到的對(duì)稱不是在設(shè)計(jì)中左右或上下鏡像一樣完美的對(duì)稱诗轻,而是嘗試在設(shè)計(jì)中引入微妙的對(duì)稱元素钳宪。
例如,下面這個(gè)婚禮邀請(qǐng)中使用的對(duì)稱就不是完美的對(duì)稱扳炬,設(shè)計(jì)師根據(jù)所要表達(dá)的內(nèi)容調(diào)整了對(duì)稱部分的一些設(shè)計(jì)吏颖,這樣既保持設(shè)計(jì)對(duì)稱平衡有序又不會(huì)像鏡像那樣讓人發(fā)暈,從而打造了一個(gè)創(chuàng)造浪漫恨樟,平衡還有點(diǎn)小巧思的設(shè)計(jì)。
對(duì)稱并不總是那么明顯奉呛,有時(shí)它是微妙的,有時(shí)你可能甚至都沒(méi)有不注意到設(shè)計(jì)中的對(duì)稱匙握。 隱形對(duì)稱的主要例子可以在編輯設(shè)計(jì)中找到秦忿,更具體地說(shuō)就是文本框的排布蛾娶。 在任何雜志中尤其是里面的長(zhǎng)文章胎许,你會(huì)注意到正文會(huì)被分成文本列排布辜窑,這些列通常是對(duì)稱的大小穆碎,這樣會(huì)讓人感覺(jué)清晰所禀、整潔北秽、有吸引力。
來(lái)看看Brighten the Corners和Anish Kapoor的年度報(bào)告設(shè)計(jì)辙培,展開報(bào)告后會(huì)發(fā)現(xiàn)設(shè)計(jì)中通過(guò)鏡像尺寸的文本列來(lái)體現(xiàn)對(duì)稱性扬蕊。
在布局中使用一點(diǎn)對(duì)稱可以創(chuàng)造一種平衡和有序的感覺(jué)尾抑。 所以下次當(dāng)你設(shè)計(jì)出版物或其它內(nèi)容時(shí),可以或多或少的融入一些對(duì)稱性設(shè)計(jì)护戳。 如果你的設(shè)計(jì)看起來(lái)不對(duì)勁抗悍,那么你可以考慮從對(duì)稱性入手進(jìn)行調(diào)整缴渊。
7.透明度
透明度也有時(shí)被稱為“不透明度”,透明度是指元素是多“透明”的俐巴。 不透明度越低欣舵,元素的質(zhì)感就越輕缘圈,越不明顯糟把;不透明度越高,元素的質(zhì)感就越堅(jiān)固。
讓我們看一個(gè)使用透明度的例子数苫。 Jack Crossing在設(shè)計(jì)中層疊了不同顏色虐急、尺寸和透明度的形狀止吁,最終創(chuàng)造了一幅美麗的圖畫赏殃。通過(guò)調(diào)整透明度,完全可以影響到圖層和形狀最終呈現(xiàn)的效果抗蠢。
透明度也是能夠讓靜態(tài)圖像產(chǎn)生運(yùn)動(dòng)感的偉大技術(shù)。 例如秽褒,這張由Filippo Baraccani销斟,MikkoG?rtner和Lorenz Potthast制作的海報(bào),通過(guò)層疊各個(gè)具有不同的透明度的圖像犁钟,創(chuàng)造出震撼的運(yùn)動(dòng)感涝动。
透明度不僅可以應(yīng)用在數(shù)碼圖像中靡菇,來(lái)看看這張紐約博物館的玻璃邀請(qǐng)卡是如何體現(xiàn)獨(dú)特的設(shè)計(jì)效果。 你需要考慮設(shè)計(jì)將印刷在什么樣的媒介上吗货,最終它們可以或者將展現(xiàn)什么樣的不透明度效果宙搬,現(xiàn)在就來(lái)試試吧。
8.紋理
清爽光滑的圖形設(shè)計(jì)是很漂亮,但是有時(shí)加入一些粗糙的紋理會(huì)更好讼积。 紋理可以增加設(shè)計(jì)的觸感们颜,深度窥突,并可以為設(shè)計(jì)添加一些非常有趣的效果。
紋理這種設(shè)計(jì)技巧運(yùn)用不好會(huì)完全毀了設(shè)計(jì)作品则拷。要記住別致與劣質(zhì)永遠(yuǎn)都只有一線之隔斥铺。
上面的這個(gè)設(shè)計(jì)中運(yùn)用了太多紋理效果眠屎,讓整個(gè)畫面看上去很“糊”岖常。設(shè)計(jì)中紋理效果用的越多,越影響文字和其他元素的展現(xiàn)偎快。
當(dāng)然,如果你本來(lái)就是想設(shè)計(jì)一個(gè)混亂風(fēng)格的作品惋戏,那么多層的紋理可以幫到你。但是如果這不是你的初衷舔亭,那我們可以看看下面這個(gè)例子:
這個(gè)漂亮的排版設(shè)計(jì)來(lái)自Dan Cassaro 。通過(guò)使用紋理創(chuàng)打造了一個(gè)復(fù)古效果肢预。巧妙使用粗糙的紋理不會(huì)分散注意力反而能夠更好地增強(qiáng)作品想要傳達(dá)的信息矛洞,賦予作品更加真實(shí)、復(fù)古、手作的感覺(jué)沼本。
Inkdot為Foremost Wine 公司設(shè)計(jì)的名片將地形紋理直接壓印到名片上噩峦,讓名片的質(zhì)感提升到了一大截。紋理能夠讓設(shè)計(jì)更具真實(shí)感抽兆,快來(lái)運(yùn)用紋理來(lái)創(chuàng)造出令人難忘的設(shè)計(jì)作品吧识补。
9.平衡
如同生活,平衡在設(shè)計(jì)中同樣重要凭涂。
一種掌握平衡的方法是設(shè)想設(shè)計(jì)中的所有元素都有一個(gè)“權(quán)重”澎胡。 從文本框,到圖像,再到色塊,在設(shè)計(jì)時(shí)需要考慮它們每個(gè)的大小糟趾,形狀和它們與其他相關(guān)元素的“權(quán)重”關(guān)系交汤。
考慮平衡的另外一個(gè)好方法就是想象你的設(shè)計(jì)如果打印成一個(gè)3D模型伍茄, 它是會(huì)立住曹仗,還是會(huì)傾向一邊?
看看由George Bokhua 設(shè)計(jì)的這只貓,這只貓展現(xiàn)出非常好的平衡感斧散。 如果把它打印出來(lái)應(yīng)該是可以立住的箍镜。
有一種類型的平衡是“不對(duì)稱平衡”埂淮,這種平衡不是左右或者上下的鏡像平衡而更多的是關(guān)于布局鄙陡。布局的終點(diǎn)在于調(diào)整設(shè)計(jì)中元素的尺寸,對(duì)齊元素蹲诀,使它們的布局相得益彰。
下面這個(gè)設(shè)計(jì)通過(guò)巧妙的布局讓作品從左到右拇泛,從上到下在平衡的同時(shí)充滿了動(dòng)感攒发。
10.層次
設(shè)計(jì)中的層次結(jié)構(gòu)很像文化中的層次結(jié)構(gòu),這兩者都建立在非常類似的想法上盘寡。 在設(shè)計(jì)的層級(jí)結(jié)構(gòu)中撮慨,最終要的元素就像是“國(guó)王”竿痰,它們“穿著”最奢侈,最引人注目的“衣裳”培慌。
A2雜志的案例通過(guò)三種方式詮釋了標(biāo)題這個(gè)“國(guó)王”元素的重要性胁镐,這三種方式一個(gè)比一個(gè)大膽切揭。 無(wú)論你選擇什么渠道,都要確保消費(fèi)者可以不用思考立刻被標(biāo)題吸引锁摔。
接下來(lái)的層次可以看做是“貴族”廓旬,重要但是并不像“國(guó)王”元素那樣重要。 這些元素包括副標(biāo)題谐腰、引文孕豹、附加信息等等。 確保這些元素引人注目十气,但不要蓋過(guò)標(biāo)題的風(fēng)頭励背。
看看來(lái) Southern Fried Papers設(shè)計(jì)的婚禮請(qǐng)柬。請(qǐng)注意日期(日期是請(qǐng)柬非常重要的一部分)的表達(dá)桦踊,我們可以對(duì)日期元素放大椅野、加粗终畅,讓它比其他元素更明顯籍胯,但是不能讓“日期”蓋過(guò)婚禮主角“Audrey and Grant”的名字。
最后一個(gè)層次可以看做是“平民”离福,是設(shè)計(jì)中最普通的元素杖狼,比如文案正文、不太重要的信息以及鏈接等等妖爷。
通過(guò)Mary Galloway做的The Night Market 海報(bào)蝶涩,你可以很容易地找到標(biāo)題理朋,副標(biāo)題/日期,然后是底部占最小位置的附加信息绿聘,這部分信息對(duì)于海報(bào)信息的傳達(dá)沒(méi)有什么影響嗽上。
當(dāng)然層次結(jié)構(gòu)不僅限于以上這幾類元素。 圖像熄攘、尺寸都有層次兽愤。
未完待續(xù)……