20項(xiàng)最重要的設(shè)計(jì)原則(下)

翻譯:jzjz
最近沉迷陰陽(yáng)師翻譯拖太久了,然而昨天手抖把吸血姬給喂了......今天不長(zhǎng)記性把鯉魚(yú)精給喂了......痛定思痛,默默開(kāi)始寫(xiě)翻譯超度一下她們T-T

譯文僅供個(gè)人學(xué)習(xí),不用于任何形式商業(yè)目的,轉(zhuǎn)載請(qǐng)注明原作者、文章來(lái)源、翻譯作者及簡(jiǎn)書(shū)鏈接,版權(quán)歸原文作者所有。


上篇戳這里:http://www.lxweimin.com/p/e0821738d504
![Uploading Poster Design via MyDesy_730596.jpg . . .]](http://upload-images.jianshu.io/upload_images/148196-f432e68bcb753ae1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

11.對(duì)比

對(duì)比.jpg

對(duì)比是能夠讓你的設(shè)計(jì)緊跟潮流的一個(gè)關(guān)鍵因素,這也是許多客戶的需求。

對(duì)比是指設(shè)計(jì)作品中兩個(gè)元素之間的差異程度。

一些常見(jiàn)的對(duì)比包括明與暗、厚與薄、大與小等等。

對(duì)比對(duì)可讀性和易辨性有著很大的影響。這也是為什么小說(shuō)或者其他出版物要以白紙黑字的形式呈現(xiàn)。想象一下如果是淺灰色的字印在白紙上,那還能看嗎?所以如果你在做類(lèi)似的設(shè)計(jì),請(qǐng)注意提升對(duì)比度。

看看Jonathan Correira設(shè)計(jì)的這張海報(bào)。 海報(bào)的主題分為兩半,一半以綠色為主,另一半則以深灰為主,兩半的顏色對(duì)比都有相應(yīng)的調(diào)整以保證所呈現(xiàn)的內(nèi)容都很容易辨識(shí)。

想象一下,如果“New York”的顏色與“Bike Expo”顏色相同,海報(bào)的對(duì)比度將大大降低這樣閱讀起來(lái)會(huì)很困難。

Bike Expo New York by Jonathan Correira.jpg

Robbie Cobb 的這幅作品也是高度比度設(shè)計(jì)的代表之一。設(shè)計(jì)中包含了明與暗,薄與厚的對(duì)比。

One by Robbie Cobb5.jpg

對(duì)比不僅僅能夠起到讓設(shè)計(jì)中的元素風(fēng)格化或讓元素更易讀的作用,它還能夠引導(dǎo)人們的行為。這點(diǎn)在網(wǎng)站中很常被使用,我們來(lái)看看 Audible’s網(wǎng)站的登錄頁(yè)。

Audible.png

暗色系的背景以及背景中被淡化的圖像和明亮的紅色按鈕形成了鮮明的對(duì)比。這種設(shè)計(jì)使得登錄頁(yè)的行為召喚功能(引導(dǎo)注冊(cè))更加明顯。

12.邊框

邊框.jpg

如同照片和其他藝術(shù)品,邊框?qū)υO(shè)計(jì)作品來(lái)說(shuō)也很重要。 我們通常認(rèn)為攝影中的邊框主要決定了照片中的內(nèi)容包含什么,不包含什么,在設(shè)計(jì)中也是這樣的。

邊框中有形的邊框可以起到凸顯元素的作用。

我們來(lái)看看由Trevor Finnegan設(shè)計(jì)的這個(gè)菜單,特別推薦的菜譜和企業(yè)使命被線框框出,讓讀者的目光馬上就可以注意到這兩部分內(nèi)容。這種簡(jiǎn)單的方式完全可以幫助你提升對(duì)重點(diǎn)內(nèi)容的強(qiáng)調(diào)。

Joe’s Coffee by Trevor Finnegan.jpg

邊框不一定是有形的。 如果你正在設(shè)計(jì)中考慮采用攝影元素,也可以考慮用這些元素來(lái)設(shè)計(jì)邊框。 來(lái)看看下面這幅海報(bào),海報(bào)中的邊框是周?chē)此齐S意擺放的各種工具。 這樣也可以打造出一個(gè)視覺(jué)上的邊框并引導(dǎo)讀者觀看到真正重要的內(nèi)容。

Poster Design via MyDesy.jpg

13.柵格

柵格.jpg

柵格就像地基,是構(gòu)建成功設(shè)計(jì)的第一步。 柵格是一個(gè)設(shè)計(jì)的總體概要,決定著放置哪些元素,哪些元素要與哪些元素保持一致。

柵格雖然重要,但是在設(shè)計(jì)中它卻是隱形的存在。用戶只會(huì)感受到設(shè)計(jì)內(nèi)容的整潔、清晰、有序,卻看不到真正讓這些內(nèi)容有序的對(duì)齊的線。

讓我們來(lái)看一些柵格的案例。

Five Column Grid via Magazine Designing.png

上面這個(gè)例子來(lái)自Nikola雜志,設(shè)計(jì)案例中選用的是五列柵格,其中一些元素僅在一列中顯示,一些元素會(huì)占據(jù)兩列或三列,然而設(shè)計(jì)整體看起來(lái)卻非常整潔干凈。

Twelve Column Grid via Magazine Designing.png

這個(gè)例子還是來(lái)自Nikola雜志。這次的設(shè)計(jì)展示了十二列柵格在元素對(duì)齊中的靈活性。 我們?cè)俅慰吹揭恍┰貦M跨多列,而一些元素僅占兩三列。 不要認(rèn)為柵格包含區(qū)域內(nèi)所有的地方都需要填充上內(nèi)容或者著色,它的劃分能夠給你的創(chuàng)作帶來(lái)了無(wú)限的可能。

現(xiàn)在我們大概了解了柵格是什么,以及是如何應(yīng)用的。讓我們?cè)賮?lái)看看高階柵格運(yùn)用的案例。案例來(lái)自 Matt Willey,能看出作品中用的是幾列柵格嗎?三列? 還是六列? 無(wú)論這個(gè)作品被看做是用哪種方式劃分,作品里的每個(gè)元素都是對(duì)齊的。這充分展現(xiàn)了柵格靈活,適應(yīng)性強(qiáng)的特性,所以在你下一個(gè)設(shè)計(jì)中考慮試試它吧,它會(huì)讓你的作品簡(jiǎn)潔、醒目、有吸引力~

YouCanNowMagazine by Matt Willey.jpg

14.隨意性

隨意性.png

到目前為止,我們一直在講述對(duì)齊和秩序。 但是,更自然,粗獷和隨意的設(shè)計(jì)呢? 隨意性在設(shè)計(jì)發(fā)揮了很大作用,但是這里指的隨意性并不是普通的意義上的隨意性, 我們可將這種隨意性稱(chēng)之為“設(shè)計(jì)隨意性”。

“設(shè)計(jì)隨意性”和其他形式的隨意性的區(qū)別在于目的和執(zhí)行。設(shè)計(jì)的主要目的應(yīng)該是溝通 ——通過(guò)作品你要對(duì)消費(fèi)者說(shuō)什么? 想說(shuō)的是否都清晰的表達(dá)出來(lái)了? 如何使作品與消費(fèi)者溝通中的共鳴更強(qiáng)烈?

讓我們來(lái)看看下面這幅設(shè)計(jì)作品,這類(lèi)作品往往很容易被認(rèn)為是“隨意的”,但其實(shí)都是有意的。 這幅海報(bào)是由 Heath Killen 為電影“The Killer Inside Me”設(shè)計(jì)的。這類(lèi)作品中大多運(yùn)用了刮擦、手繪效果,字和詞凸起的效果,其間的間隔都是不規(guī)則的。

For Film (14/18) by Heath Killen.jpg

這幅海報(bào)中的手繪效果和排列層次都運(yùn)用了一種看上去很隨意的方式,有些人會(huì)說(shuō)這阻礙了閱讀,但是這樣展示是有目的的——這樣是希望展現(xiàn)電影里混亂和扭曲的心理。

如果海報(bào)里這樣的設(shè)計(jì)被應(yīng)用到一個(gè)關(guān)于會(huì)說(shuō)話的快樂(lè)小動(dòng)物那種兒童電影海報(bào)中,那樣看似隨意的效果就不能傳達(dá)正確的情緒。 但在現(xiàn)在這種情況下“隨意性”設(shè)計(jì)完美地傳達(dá)了電影的主題。

另外看看這個(gè)Laura Berglund的設(shè)計(jì)作品,作品中利用一定程度的隨意性創(chuàng)造了一個(gè)自然的,拼貼的效果。 雖然這件作品乍看之下像是被砸在一個(gè)頁(yè)面上,但又有那種時(shí)尚的粗糙和凌亂感,再仔細(xì)一看會(huì)發(fā)現(xiàn)它實(shí)際上運(yùn)用了許多設(shè)計(jì)原則。

Seed by Laura Berglund.jpg

作品中的每個(gè)元素實(shí)際上是都是被策略性地定位過(guò)后形成天然的引導(dǎo)線來(lái)引導(dǎo)讀者的眼睛,并且在平面顏色,紋理和圖片之間運(yùn)用了有選擇性的平衡。

下面這幅作品來(lái)自Juan Camilo Corredor。 這幅作品可以看做是隨意性的全面展現(xiàn),奇怪的形狀、紋理、插圖,被以不同尋常的方式剪裁并以有趣的方式安排。

Indicadores by Juan Camilo Corredor.png

這幅看似隨意的作品如果你剖析它包含的元素,你會(huì)注意到某些部分其實(shí)是對(duì)齊的(左下藍(lán)色形狀和它旁邊的綠色尖角形狀完全是對(duì)其的,等等),布局也有助于眼睛瀏覽頁(yè)面,甚至有一些柵格進(jìn)行提示。

所以不必是整齊和有序的才能被歸類(lèi)為設(shè)計(jì)。 例如“隨意性”設(shè)計(jì)或更前衛(wèi)設(shè)計(jì)也可以是吸引人的和超級(jí)有趣的設(shè)計(jì)。

在以后的設(shè)計(jì)中你也可以效仿 Juan Camilo Corredor以奇怪的方式調(diào)整元素的大小,僅展示個(gè)“a”的尾巴,裁去一只雞的頭,但做這樣嘗試的同時(shí)請(qǐng)注意你要傳達(dá)的目的和設(shè)計(jì)原則。

15.方向

方向.jpg

許多設(shè)計(jì)要考慮的一個(gè)重要方面是眼睛如何在頁(yè)面上移動(dòng),以及其所移動(dòng)的方向—— 這有時(shí)也被稱(chēng)為“流”。 你的眼睛如何在頁(yè)面上移動(dòng)? 你的讀者確切知道接下來(lái)看哪里嗎? 你所設(shè)計(jì)的視覺(jué)“流”的方向是他們眼睛的邏輯方向嗎?

許多研究已經(jīng)分析了我們眼睛的運(yùn)動(dòng)習(xí)慣和我們?cè)谟^察特定事物時(shí)的追蹤模式。 看看尼爾森諾曼集團(tuán)的眼動(dòng)跟蹤研究,其跟蹤人們的眼睛,同時(shí)查看網(wǎng)頁(yè),以此觀察他們的消費(fèi)模式。 下圖為視覺(jué)熱圖結(jié)果展示:

F-Shaped Pattern For Reading Web Content via Nielsen Norman Group.jpg

研究證明,當(dāng)瀏覽網(wǎng)頁(yè)時(shí)人們眼睛常見(jiàn)的閱讀模式是“E”或“F”形狀,所以將你最喜歡的內(nèi)容放在頁(yè)面的左邊,或者置頂是最好的選擇。 眼睛追蹤的另一種常見(jiàn)模式是“Z”形,如下所示:

Z-Diagram via Tuts+.jpg

總的來(lái)說(shuō),人們的眼睛在閱讀時(shí)會(huì)自然地以“掃動(dòng)”的形式自左上角移動(dòng)到右下角進(jìn)行瀏覽。 具體理論可以看The Gutenberg Diagram的深入解釋?zhuān)唧w文章戳這里:http://vanseodesign.com/web-design/3-design-layouts/

當(dāng)然盡管這三種閱讀形式是基于大量案例得出的經(jīng)典形式,設(shè)計(jì)時(shí)也不是需要100%遵照。 只要記住,人們閱讀時(shí)眼睛會(huì)從頁(yè)面左上角開(kāi)始向下移動(dòng)就可以了。

讓我們看看相關(guān)的例子。

這幅設(shè)計(jì)作品來(lái)自Atelier Martino&Ja?a。作品以一種非常流暢和自然的方式引導(dǎo)讀者的視線,文字就在自上至下貫穿整幅作品的曲線圖像上展現(xiàn), 標(biāo)題和日期首先映入眼簾(這兒還有個(gè)小的層級(jí)結(jié)構(gòu),太妙了~),然后我們的眼睛留會(huì)隨著圖像的引導(dǎo)向下移動(dòng)流經(jīng)各個(gè)內(nèi)容。

Guimar?es JAZZ 2009 by Atelier Martino&Ja?a.jpg

簡(jiǎn)而言之,這幅設(shè)計(jì)作品在展示圖像的同時(shí),將所需傳達(dá)的信息以正確的方向順暢的展現(xiàn)出來(lái)。

16.規(guī)則

規(guī)則.jpg

關(guān)于規(guī)則這一點(diǎn)肯定會(huì)引發(fā)很多爭(zhēng)論,如果有一屋子設(shè)計(jì)師肯定有一半宣稱(chēng)在設(shè)計(jì)中根本沒(méi)有規(guī)則,而另一半肯定會(huì)抗議說(shuō)有很多規(guī)則。 理論上來(lái)說(shuō)他們都是對(duì)的。

與任何一種技能一樣,有一些事情你必須學(xué)習(xí),這些就屬于一般規(guī)則。 例如:確保你展現(xiàn)的是清晰的、不使用低像素圖片像等。這些是設(shè)計(jì)的基礎(chǔ),能夠幫助你完成基本的設(shè)計(jì)。

但是正如許多人所說(shuō),規(guī)則就是用來(lái)打破的。

讓我們來(lái)看一個(gè)故意打破規(guī)則的例子。 這張搞笑海報(bào)來(lái)自Shahir Zag,作品故意打破了一些印刷排版鐵則。

How to Piss Off Your Designer Friends by Shahir Zag.jpg

另一個(gè)規(guī)則破壞者的例子來(lái)自David Carson。Carson以前是一個(gè)前衛(wèi)出版物的設(shè)計(jì)師,為Ray Gun Magazine這類(lèi)雜志做設(shè)計(jì),他打造出了一系列令人震驚,有活力的和打破傳播規(guī)則的作品,至今仍令人欽佩。

關(guān)于Carson的一個(gè)軼事是他有一次負(fù)責(zé)排版音樂(lè)家Bryan Ferry的采訪,Carson看了采訪內(nèi)容之后覺(jué)得這個(gè)采訪太無(wú)聊了,于是他就用Zapf Dingbats字體(一種基于符號(hào)的字體,類(lèi)似Wingdings)來(lái)排版,讓采訪內(nèi)容完全不可讀。 下面就是就是這個(gè)采訪的排版:

Ray Gun Spread by David Carson.jpg

Carson設(shè)計(jì)時(shí)的基本精神是“不要錯(cuò)誤理解溝通中的易讀性”。

Carson和其他違反設(shè)計(jì)規(guī)則的設(shè)計(jì)師通常會(huì)選擇通過(guò)違反規(guī)則來(lái)向讀者傳達(dá)不同的想法。 我們前面討論的Shahir Zag的海報(bào)通過(guò)打破了規(guī)則,來(lái)展現(xiàn)一個(gè)笑話,卡森通過(guò)打破規(guī)則來(lái)展現(xiàn)他對(duì)這次采訪的態(tài)度。

所以,雖然案例中的排版在可讀性上有點(diǎn)妥協(xié),但是在表達(dá)效果上可是很到位的。

遵循規(guī)則和打破他們?cè)谠O(shè)計(jì)世界中都占有一席之地,只有兩者都學(xué)會(huì),才能將設(shè)計(jì)發(fā)揮到極致。

17.動(dòng)感

動(dòng)感.jpg

你有沒(méi)有聽(tīng)說(shuō)過(guò)或看到有人描述一幅畫(huà)或一件藝術(shù)作品有“很有動(dòng)感”?你可能首先被這個(gè)解釋所折服——畢竟靜態(tài)的作品是如何看上去是移動(dòng)的呢?動(dòng)感是視覺(jué)藝術(shù)的一個(gè)重要部分,包括平面設(shè)計(jì)。

早些時(shí)候,我們討論了設(shè)計(jì)的方向和視覺(jué)的“流”,這些因素在設(shè)計(jì)的動(dòng)感方面發(fā)揮了重要作用。如果你的作品從上到下,從左到右,角A到角B等等都是流暢,你的作品將順利的“移動(dòng)”起來(lái)。

但是,對(duì)于你想給一個(gè)元素或一個(gè)字制造出運(yùn)動(dòng)的感覺(jué)應(yīng)該怎么辦呢?也許你有一個(gè)球,你想顯示它在運(yùn)動(dòng)中,或者你想描繪一輛汽車(chē)在高速公路上奔馳。有很多方法可以描述這種運(yùn)動(dòng),所以讓我們來(lái)看幾個(gè)例子。

首先,我們有透明度。我們之前簡(jiǎn)要地談到了透明度和不透明度如何能夠?yàn)槟愕脑O(shè)計(jì)創(chuàng)營(yíng)造動(dòng)感,但是現(xiàn)在讓我們更深入一些。

這個(gè)標(biāo)志的例子來(lái)自Vladimir Mirzoyan,標(biāo)準(zhǔn)中層疊各種不透明的幾何形狀,刻畫(huà)出了在飛行中的蜂鳥(niǎo)翅膀。元素間的重疊效果干凈利落的展現(xiàn)了復(fù)雜的動(dòng)感。

Hummingbird by Vladimir Mirzoyan.jpg

同樣,來(lái)看看由Alan Clarke為2012年奧運(yùn)會(huì)設(shè)計(jì)的海報(bào)。 海報(bào)通過(guò)不同不透明度的簡(jiǎn)單形狀為這張海報(bào)創(chuàng)造了強(qiáng)烈的速度和運(yùn)動(dòng)的感覺(jué)。

Cycling by Alan Clarke.jpg

動(dòng)感也可以通過(guò)模糊效果來(lái)實(shí)現(xiàn)。 下面這個(gè)例子中將模糊效果應(yīng)用到一個(gè)典型的靜態(tài)元素中產(chǎn)生了動(dòng)感的效果。這個(gè)例子來(lái)自由德國(guó)設(shè)計(jì)師Anzinger,Wüschner,Rasp設(shè)計(jì)的書(shū)的封面,在對(duì)字母的邊緣和角落應(yīng)用一個(gè)有趣的模糊處理后,創(chuàng)造除了一個(gè)動(dòng)感的錯(cuò)覺(jué)。

F: A Novel' by Daniel Kehlmann – Cover Design by Anzinger, Wüschner, Rasp.jpg

最后,動(dòng)感也可以通過(guò)線條來(lái)表達(dá)。 這些在漫畫(huà)和插圖中很常見(jiàn),當(dāng)一個(gè)角色逃跑或快速移動(dòng)時(shí)都會(huì)運(yùn)用到這種表達(dá)。 回憶下你看過(guò)的漫畫(huà),是不是這樣?

下面的這個(gè)例子來(lái)自 Matt Chase,運(yùn)用線條來(lái)表達(dá)“future”的動(dòng)感。 一個(gè)小小的線條引導(dǎo)就就可以使元素產(chǎn)生動(dòng)感。

Nothing Past, Nothing Future by Matt Chase.jpg

18.深度

深度.jpg

深度是設(shè)計(jì)中一個(gè)重要而令人興奮的原則。即使是平面的媒介,如果你能夠創(chuàng)造一種深度,那么就能夠使作品展現(xiàn)超越了二維的感覺(jué)。

那么,我們?nèi)绾卧谖覀兊脑O(shè)計(jì)中創(chuàng)造深度呢?下面有幾個(gè)方法可以拿來(lái)運(yùn)用。

首先,最常見(jiàn)的方法是—— 陰影。陰影可能是棘手的小惡魔,因?yàn)樗鼈儾豢偸蔷€性形狀,有時(shí)它們伸展、彎曲、扭曲或和傾斜。所以,探索陰影使用的一個(gè)好方法是觀察真實(shí)世界的陰影,看看光如何打在不同的物體的不同點(diǎn)的,并在設(shè)計(jì)中嘗試復(fù)制這種感覺(jué)。

讓我們來(lái)看一個(gè)如何有效使用陰影來(lái)創(chuàng)建深度的例子。這幅海報(bào)來(lái)自Dominique Schmitz,以非常真實(shí)的方式展現(xiàn)了陰影。海報(bào)中對(duì)每個(gè)元素的陰影采用了不同的渲染方式,非常值得學(xué)習(xí)。

Design Book Fair by Dominique Schmitz.jpg

另一種制造陰影的方式是重疊某些元素。 讓元素重疊,減少其中一部分元素的展現(xiàn)會(huì)使設(shè)計(jì)整體看起來(lái)有更多層次。 Fabian De Lange的這幅設(shè)計(jì)作品,通過(guò)重疊、覆蓋元素,創(chuàng)建一個(gè)分層的,擁有深度的設(shè)計(jì)。

Mumbai by Fabian De Lange.jpg

另一種技術(shù)是使用透視,這是一種經(jīng)常給元素“3D效果”的方法。 通過(guò)調(diào)整某些元素的視角,可以給出將它們抬高出頁(yè)面的錯(cuò)覺(jué)從而打造出作品中的深度。 讓我們看一個(gè)例子。

這幅海報(bào)來(lái)自Neil Stevens,向右傾斜的每一個(gè)字母都有一個(gè)獨(dú)特的形狀和深度的展示。

Electronica by Neil Stevens.png

當(dāng)然,另外一種設(shè)計(jì)風(fēng)格就是扁平化。 這是最近很流行的風(fēng)格。

一個(gè)知名的扁平化設(shè)計(jì)者就是蘋(píng)果。 2013年9月,蘋(píng)果推出了一個(gè)新的操作系統(tǒng)引起了整個(gè)設(shè)計(jì)界的震動(dòng),扁平化基本上消除了所有的斜角效果和陰影,并用更平坦的應(yīng)用程序圖標(biāo),屏幕等等來(lái)去除深度。

19.排版

排版.jpg

排版可以說(shuō)是設(shè)計(jì)的最大基礎(chǔ)之一。讓我們來(lái)看一個(gè)排版的案例。一般來(lái)說(shuō)醒目字體的展現(xiàn)是基于更華麗,更風(fēng)格化的設(shè)計(jì)。具體可以回想一下雜志和電影海報(bào)的標(biāo)題設(shè)計(jì)。

來(lái)看看Benjamin Bours的這些雜志排版作品,每幅作品都有著華麗復(fù)雜的標(biāo)題設(shè)計(jì),這樣的排版能讓標(biāo)題的吸引作用發(fā)揮更大的功效。

GQ Spreads by Benjamin Bours.jpg

接下來(lái),我們來(lái)看看正文的排版。 對(duì)于正文的排版是運(yùn)用有襯線字體派還是無(wú)襯線字體更能提升可讀性和易讀性一直存在著爭(zhēng)論。

那么,答案是什么?這其實(shí)由個(gè)人偏好和運(yùn)用的場(chǎng)景決定,但一般來(lái)說(shuō),有襯線字體最好應(yīng)用于印刷品排版,無(wú)襯線字體最好應(yīng)用于web排版。讓我們來(lái)通過(guò)下面這幅由UrbanFonts制作的信息圖來(lái)做進(jìn)一步的解釋?zhuān)?/p>

Serif vs. Sans by UrbanFonts.jpg

下面在列一些排版的基本原則:

強(qiáng)化標(biāo)題;
確保正文字體不要太大或太小以便于印刷;
盡量避免一次使用太多的字體;
對(duì)于大號(hào)字體,左對(duì)齊是最容易閱讀的;
如果對(duì)排出來(lái)的版有疑問(wèn),打印出來(lái)(當(dāng)你把內(nèi)容打印出來(lái)后經(jīng)常能發(fā)現(xiàn)排出來(lái)的有多尷尬)。

當(dāng)談到排版,另一個(gè)難關(guān)是組合字體的藝術(shù)。 讓我們來(lái)看看組合字體相關(guān)的案例。

這本99U雜志的排版設(shè)計(jì)只使用幾種不同的字體,但將字體有機(jī)結(jié)合后,看起來(lái)非常時(shí)尚,讓人印象深刻。

99U Quarterly Magazine Issue No. 4.jpg

20.組合

組合.jpg

組合是我們討論的每一個(gè)其他原則的匯集。

“組合”是指元素在設(shè)計(jì)中的整體布置,在設(shè)計(jì)中通過(guò)使用比例、重復(fù)、排版,線條,隨意性等原則可以創(chuàng)建獨(dú)特,有吸引力又合理的布局。

讓我們來(lái)看一些案例。首先,這幅作品來(lái)自J.Crew,作品通過(guò)使用比例和深度來(lái)突出它的焦點(diǎn)在“30”。作品還通過(guò)使用層次結(jié)構(gòu)將標(biāo)題放置在頁(yè)面的頂部中心,使得它比其他元素更大,同時(shí)還將他用邊框框出來(lái)。

J.Crew Factory Ad.jpg

雖然作品中運(yùn)用的設(shè)計(jì)原則看似簡(jiǎn)單,但是請(qǐng)注意它們是如何被組合運(yùn)用的。

另外一個(gè)例子是來(lái)自 Lab B Design Office的海報(bào)設(shè)計(jì)。海報(bào)中運(yùn)用到了與上一個(gè)例子類(lèi)似的原則,但產(chǎn)生了非常不同的結(jié)果。 海報(bào)通過(guò)調(diào)整元素的比例、深度和層次,形成了邊框,框出了要突出的元素。

His Master’s Voice by Lab B Design Office.jpg

總的來(lái)說(shuō),通過(guò)將不同的設(shè)計(jì)原則進(jìn)行組合,可以創(chuàng)造出無(wú)限的可能。

其實(shí)這有點(diǎn)像學(xué)習(xí)音樂(lè),先學(xué)習(xí)五線譜,學(xué)習(xí)'do re mi'。一旦你掌握了基礎(chǔ)原則,你就有機(jī)會(huì)創(chuàng)作出優(yōu)美的歌曲。

讓我們?cè)賮?lái)列舉一些進(jìn)行組合時(shí)需要注意的事項(xiàng):

設(shè)計(jì)是否平衡?
設(shè)計(jì)是否具有邏輯層次結(jié)構(gòu)?
讀者的眼睛是否很容易和有邏輯地瀏覽頁(yè)面?
我希望傳達(dá)的信息是否真的傳達(dá)到位了?

結(jié)論

設(shè)計(jì)是一項(xiàng)復(fù)雜的事業(yè),充滿了原則和技巧,其中一些你可以從別人那里學(xué)習(xí),其中一些你必須自己鉆研。

你讀到的每一條“原則”都有一定的適用程度,有時(shí)也要學(xué)會(huì)放棄原則。多觀察周?chē)脑O(shè)計(jì)有助于提高自身的鑒賞能力。

設(shè)計(jì)是一個(gè)不斷變化和發(fā)展的領(lǐng)域,會(huì)面臨很多令人興奮的挑戰(zhàn)。總的來(lái)說(shuō),多嘗試,多總結(jié),祝你在設(shè)計(jì)中找到樂(lè)趣~

你有什么設(shè)計(jì)的原則或者技巧歡迎留言討論~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 翻譯:jzjz 譯文僅供個(gè)人學(xué)習(xí),不用于任何形式商業(yè)目的,轉(zhuǎn)載請(qǐng)注明原作者、文章來(lái)源、翻譯作者及簡(jiǎn)書(shū)鏈接,版權(quán)歸原...
    jzjz閱讀 2,841評(píng)論 11 111
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,786評(píng)論 1 92
  • 文字排版設(shè)計(jì)是平面設(shè)計(jì)中最重要也是最能打動(dòng)人心的設(shè)計(jì)要素之一。無(wú)論你的設(shè)計(jì)水平處于哪個(gè)階段,文字排版準(zhǔn)則對(duì)于提升你...
    Norman_HU閱讀 4,338評(píng)論 0 34
  • 菡岱閱讀 740評(píng)論 0 9
  • 被父親和兄長(zhǎng)一而再,再而三地迫害,舜依然不怨不怒,無(wú)怨無(wú)悔地孝順和愛(ài)戴親人,如此“極端”的孝道,在歷史上無(wú)出其右。...
    任艾軍閱讀 270評(píng)論 0 0