成為一個(gè)頂級設(shè)計(jì)師的第一準(zhǔn)則成為一個(gè)頂級設(shè)計(jì)師的第一準(zhǔn)則:限制你的字體讓你成為設(shè)計(jì)大的七個(gè)基本原則之一好~設(shè)計(jì)大師,或者也太吹牛了吧,但根據(jù)下面七個(gè)基本原則至少你可以成為一個(gè)熟練的設(shè)計(jì)師。這將是最短的最詳實(shí)的系列博客文章,你看過后就會知道如何成為一名更優(yōu)秀的設(shè)計(jì)師。請記住:這些原則不是定律,是可以打破的。它們只是些通用的指導(dǎo),我在設(shè)計(jì)的時(shí)候通常會遵循它們,遵循這些簡單的設(shè)計(jì)原則,你就會找到一條你屬于你自己的優(yōu)秀藝術(shù)道路。原則一:限制你的字體。你會看到一個(gè)好的設(shè)計(jì)很大一部分看起來非常協(xié)調(diào)。一個(gè)最好的方法是用少量的元素去完成一個(gè)看起來非常協(xié)調(diào)的設(shè)計(jì)。你最先選擇的字體可能是你想要?jiǎng)h掉的,我常常的做法是一個(gè)作品剔除2種字體。第一種字體可能會是很有思想力或藝術(shù)感,將給你的設(shè)計(jì)帶來第六感,特征或個(gè)性。這些字體集合了當(dāng)時(shí)所有心情的片段,這個(gè)扭著腰枝的有趣字體像女孩們的舞會,這個(gè)蹩腳邪惡的字體是一個(gè)搖滾樂隊(duì)?我將使用這個(gè)花哨的字體人為文本的標(biāo)題,在任何地方它都需要足夠大,這個(gè)花哨的字體將是這塊的重點(diǎn)。你通常很少再用這字體,但它又大得多,所以這就是人們看到的重點(diǎn)內(nèi)容第二種字體要非常普通,讀者在整篇當(dāng)中都不會感覺到它的存在。這種字體需要有很高的易讀性,它會占據(jù)這篇文本相當(dāng)大的篇幅,顯然,那些大手大腳的藝術(shù)字體占據(jù)文本的大篇幅的話會非常影響閱讀的。這有一個(gè)正確使用字體的設(shè)計(jì)例子。正如你所看到的,這里只用了兩種字體,花哨的藝術(shù)字體作為標(biāo)題出現(xiàn),內(nèi)容就是很基本的字體。這樣看起來整潔,協(xié)調(diào)。這里還有一個(gè)失敗的例子,這里我用了很多花哨的藝術(shù)字體,這樣很不協(xié)調(diào),分節(jié)看起來并不是配合主標(biāo)題。在一個(gè)設(shè)計(jì)中有太多的字體是大忌,沒有什么事比用8種字體來印他們的傳單看起來更糟的了,同樣使用藝術(shù)字作為正文也更糟。這是一個(gè)錯(cuò)誤使用字體的例子。在我讓你親自動手之前的最后一個(gè)思路。如果你的藝術(shù)字看起來非常時(shí)髦有現(xiàn)代感,那正文部分就使用無襯線字體;如果你的藝術(shù)字看起來很正規(guī)化,那就用襯線字體作為第二字體吧。。PS1:第一次翻譯東西,有些地方可能并不一定正確,看懂原文的還是看原文吧。最后感謝我的父母,感謝谷歌,感謝金山,感謝CCTV,感謝所有TV。。。。PS2:襯線字體與無襯線字體Serif或SanSerif?Serif是一個(gè)字筆畫的結(jié)尾,例如M的起點(diǎn)與終點(diǎn)。Serif是由羅馬刻印字母所發(fā)展出來的,用以改良字體的優(yōu)雅程度與易讀性。它們是先用毛筆寫在石頭上,然后再刻出來的。Serif會活存到現(xiàn)在,是因?yàn)樗鼈兪置利惣肮诺?而且它們閱讀起來比較容易。對于細(xì)小的文本字體,非常適合用Serif字體,相反地您可用SansSerif(Sans是法文里的“無”,來當(dāng)標(biāo)題或是供短篇文章的字體使用。不同字體的分類拉丁文字方塊字襯線字體(Serif筆劃粗幼對比明顯,閱讀時(shí)較省目力TimesNewRomanArchitectBalletEngravedCreedmoreBenjaminCapshc新細(xì)明體宋體標(biāo)宋無襯線字體(SansSerif筆劃粗幼平均、對比不太明顯字型較突出,閱讀時(shí)較費(fèi)目力AlbertaANNSTONEGaramondNimbusScript黑體成為一個(gè)頂級設(shè)計(jì)師的第二準(zhǔn)則限制你的色彩成為一個(gè)頂級設(shè)計(jì)師的7個(gè)簡單原則的第二部分限制使用你的色彩。好象上個(gè)準(zhǔn)則是讓你限制用你的字體,對嗎?非常對!我們限制用我們的色彩的原因和我們限制使用字體的原因一樣。在我們的設(shè)計(jì)當(dāng)中減少色彩的數(shù)目將使之變的諧調(diào)?；旧?每件東西看起來將很一致,就像一個(gè)體育隊(duì)伍的運(yùn)動服或者是一個(gè)公司的商標(biāo)那樣?！覀兿胧怪品?運(yùn)動服整體看上去是一個(gè)色彩的。和選擇字體一樣,限制使用你的色彩數(shù)目只是一個(gè)參考指南,不是一條準(zhǔn)則。你可以在你的設(shè)計(jì)中很好的使用彩虹的顏色,那將非常好看。但是一開始,你需要一個(gè)使用色彩的策略,并且堅(jiān)持用這個(gè)策略。使之始終貫穿在你的設(shè)計(jì)中。對于初學(xué)者,讓我們來說一下色值吧。一個(gè)顏色的色值就是它的亮暗程度。例如一個(gè)黃色是非常亮的顏色,紫色就是很暗的顏色。當(dāng)然一個(gè)顏色可以有它的色彩值域。例如,紫色是一個(gè)使我們大多數(shù)人聯(lián)想到暗色的顏色,但是紫色也有很亮的紫色。這里有個(gè)例子關(guān)于一些顏色和它們相關(guān)的色值。然后,你可以看到的是一個(gè)顏色的色值范圍。所以當(dāng)我在采用的色彩方案時(shí)我會用一條準(zhǔn)則:確保在你的色彩方案中有一個(gè)色值的范圍。在任何設(shè)計(jì)中你都需要一些淡色和一些深色去形成對比。如果要舉例的話,你設(shè)計(jì)的背景是深色的,你就需要一個(gè)淡顏色的文字,圖畫。這樣的話文字,圖畫就容易被閱覽。反過來,如果你有一個(gè)淡色的背景,你就需要一個(gè)深色的圖畫,文字或是其它什么的。我也會代表性的只采用2-5種顏色去完善我的色彩方案。減少選擇的數(shù)目,那么你就會在你的設(shè)計(jì)中得到一個(gè)好結(jié)果。這里有個(gè)色彩方案的例子我將它們放在一起。就像你看見的,我采用了一個(gè)深色,一個(gè)中間調(diào)子的顏色和一個(gè)淡色。就從右邊開始,我為每一個(gè)顏色建立了一個(gè)色值范圍。這些色彩組合就像我的調(diào)色板,我會將它們運(yùn)用到我的設(shè)計(jì)項(xiàng)目中去。一旦我有了這個(gè)調(diào)色板,我就會盡全力只用這些顏色。好了,我們剛才說到了一些色彩采用方面的技巧,像你需要選擇多少種顏色,它們的色值應(yīng)該是多少;那么下一步是什么呢?我將告訴你什么是下一步,也是最難的部分;那就是如何決定這2-5個(gè)顏色!我個(gè)人認(rèn)為這是項(xiàng)有時(shí)候有點(diǎn)難的活兒。這里有張表,是幫助我采用我的色彩方案的技巧的表:?確定一個(gè)冷暖色調(diào)的范圍。就是采用暖色調(diào)或冷色調(diào)。暖色有紅,橙,黃,棕色等。冷色是藍(lán)色和紫色。我認(rèn)為綠色是一個(gè)相當(dāng)中間的顏色。如果你將所有你選用的顏色處于一個(gè)色調(diào)中,他們將肯定非常和諧。這個(gè)精彩的網(wǎng)站全是關(guān)于色彩方案。你只需一頁頁的點(diǎn)擊色彩方案。?留意你的周圍色彩方案在你的周圍到處都是。看一下食品店的包裝,看一下你們當(dāng)?shù)氐男前涂丝Х鹊甑挠推犷伾?看一下大自然!如果你看到一些令人愉快的色彩,只要在腦海中作個(gè)筆記,看看是否可以復(fù)制到你的電腦里去。?留心一些已有的公司商標(biāo)色彩我常常運(yùn)用一些已有的商標(biāo)色彩,我會看一下他們的logo,色彩方案并且將之成為我最初的想法。然后可能只加上一個(gè)或兩個(gè)顏色。這里是一個(gè)我已經(jīng)完成的設(shè)計(jì),它展示了被限制的色彩方案。如你所見,緊湊的色彩方案和統(tǒng)一的字體真的使所有的東西都井井有條。我知道這些課程都很基礎(chǔ)……但是這就是設(shè)計(jì)的基石。所以,它永遠(yuǎn)不會傷到一個(gè)恢復(fù)精神的人。下面5個(gè)準(zhǔn)則馬上就要出來了,我保證下5個(gè)要更加有趣。謝謝!成為一個(gè)頂級設(shè)計(jì)師的第三準(zhǔn)則:對比,對比,對比在設(shè)計(jì)里面,好的對比和你對顏色選擇是密切相關(guān)的。對比是指在你的設(shè)計(jì)里面,顏色之間的明度不同。明度是這個(gè)顏色看起來有多亮或有多暗。曾經(jīng)看到一個(gè)以空白畫布為題的笑話,有人說:“看,這是一頭白色的牛在暴風(fēng)雪里面!”這就是一個(gè)沒有對比的例子。白色在白色上面是沒有反差,你看不到任何東西。很幼稚嗎?我的意思是這條指南看起來是不是很愚蠢?我在解釋的東西有需要嗎?這個(gè)概念是不是很遲鈍?相反。因?yàn)楹懿恍业氖?我一直看到設(shè)計(jì)師在對比上有很多問題。不僅僅因?yàn)檫@樣,當(dāng)對比使用恰當(dāng)?shù)脑?能成為一個(gè)很重要的設(shè)計(jì)手法。我?？吹竭@樣的錯(cuò)誤:設(shè)計(jì)師用不同的顏色去產(chǎn)生對比而不是用不同的明度。比如,用一個(gè)中值的藍(lán)色放到一個(gè)中值的紅色上面來產(chǎn)生對比。你可以看到這兩個(gè)之間的不同。但是,當(dāng)你把兩個(gè)不同顏色同一個(gè)色值放到一起,它產(chǎn)生了“顫動感”(由于巧妙的對比也會形成非常顯著的、生動有力的色彩效果。你會注意到,當(dāng)藍(lán)色和紅色相遇的時(shí)候,你的眼球就會在這兩個(gè)顏色之間來回顫動。幾乎能感覺到文本的脈動。如果你的目標(biāo)是讓某些東西充滿活力,你可以使用這個(gè)技術(shù)。但是這樣對眼睛來說是很困難的,并且大部分人都會覺得它令人厭煩。這里有另一個(gè)用不同顏色但有更強(qiáng)對比的例子:第二個(gè)很明顯對眼睛來說更容易接受。一個(gè)快速評估你的設(shè)計(jì)是否有足夠?qū)Ρ鹊募记墒?把所有東西都轉(zhuǎn)換成灰度級,然后看這個(gè)設(shè)計(jì)是否看起來仍然清晰并且容易閱讀。在Illustrator里面,你可以選中你的設(shè)計(jì),然后選擇Edit>EditColors>ConverttoGrayscale。如果是Photoshop,你需要先讓你的作品去掉光影,然后,你可以選擇Image>Adjustments>Desaturate。這樣就可以把它轉(zhuǎn)成到灰度級了。無論哪種情況,在你有機(jī)會做了這個(gè)測試之后,你都會想要撤銷這個(gè)動作的。這里有一個(gè)對于同一個(gè)設(shè)計(jì)的示例——一個(gè)設(shè)計(jì)的對比很好,另一個(gè)就很差。在每一個(gè)設(shè)計(jì)的下面是它們各自在灰度級的樣子。你可以清楚的看到,左邊的設(shè)計(jì)閱讀文本要容易得多,尤其是在轉(zhuǎn)換成灰度級的情況下。右邊的設(shè)計(jì)用了較弱的對比和更多不同的顏色來定義輪廓。我一直會聽到這樣的問題:“當(dāng)我用作背景水印的時(shí)候,我該用什么透明度設(shè)置呢?”我認(rèn)為一個(gè)好的水印背景的透明度應(yīng)該在10%-15%之間。再次說明,這都是關(guān)于在你的設(shè)計(jì)里面保持對比。如果背景是淡色的,那么水印當(dāng)然也要是適度的淡色,反之亦然。這里有一個(gè)關(guān)于好的水印和不好的水印的例子:關(guān)于對比,我想闡述的最后一點(diǎn)就是,怎樣能讓它像工具一樣使用。例如,如果你需要在你的設(shè)計(jì)上把觀眾的注意力引導(dǎo)到某些特殊的地方,你可以用對比來完成它。你可以讓整個(gè)設(shè)計(jì)保持淡色,然后把你想讓觀眾注意的地方設(shè)為深色。這里有一個(gè)精心設(shè)計(jì)的登陸頁:這是E-Harmony網(wǎng)站的頁面。他們真正目的是讓瀏覽者去注冊。所以,你看什么是這個(gè)頁面上最大、顏色最深的東西呢?是不可點(diǎn)擊的一個(gè)女孩的圖片和"GetStartedNow"的按鈕。很明顯他們想要你點(diǎn)擊按鈕"GetStartedNow"。"GetStartedNow"按鈕的大小、顏色的深淺是跟“NextStep”按鈕相對而言的?！癗extStep”按鈕讓一些繼續(xù)游覽的人去點(diǎn)的。但是"GetStartedNow"為什么那么有吸引力呢?為什么它能跳出頁面呈現(xiàn)在你面前?很簡單,運(yùn)用對比!成為一個(gè)頂級設(shè)計(jì)師的第四個(gè)準(zhǔn)則:善用空間這小節(jié)全是關(guān)于布局和空間的,我看見一些年輕設(shè)計(jì)師頻繁犯的錯(cuò)誤就是他們把所有東西塞的很擁擠!他們總是試著把很多內(nèi)容放在一個(gè)小空間里面?？臻g是你的朋友,空間可以為你做很多事情,它讓你的作品可容易閱讀!空間讓你的過度的內(nèi)容構(gòu)成對用戶的視線更加友好。并且空間也可以讓你的作品看起來更加高雅考究,你可以對觀眾說:我們太富有了我們能夠用這整幅海報(bào)去傳達(dá)這個(gè)小消息!因此,這里就有關(guān)于布局(空間的基本設(shè)計(jì)策略,這個(gè)策略就是:一條(haveone。我的意思是-有一個(gè)規(guī)劃圖,有一套系統(tǒng)!這是首要的事情,除非你的目的是要你的整個(gè)布局看起來隨意,你就將需要一個(gè)規(guī)劃圖!這通常是一個(gè)網(wǎng)格!網(wǎng)格可以是你想要的任何風(fēng)格,但是你需要一個(gè)基本的系統(tǒng)用于你要做的工作,以下是一些不同類型的網(wǎng)格例子,這樣你就可以意識到你的網(wǎng)格系統(tǒng)可以多么的與眾不同?，F(xiàn)在,此處展示了相同內(nèi)容但是不同的三種排版方式:其中兩個(gè)用了網(wǎng)格系統(tǒng)而另一個(gè)沒有!正如你看到的,每個(gè)網(wǎng)格其實(shí)還是為你留下了很多布局的選擇空間,沒有網(wǎng)格系統(tǒng)將會導(dǎo)致混亂。第一幅作品展現(xiàn)了完全正統(tǒng)的網(wǎng)格系統(tǒng),網(wǎng)格線橫豎規(guī)則放置,線條也以相同距離分布。第二幅網(wǎng)格與第一幅相似但是做了些微調(diào),我將豎線傾斜以使其匹配頂部標(biāo)題LOGO部分的夾角,你可以看見一個(gè)微小的變化可以做到一個(gè)非?？岬男Ч?。最后一個(gè)例子沒有使用網(wǎng)格系統(tǒng),布局很隨意?，F(xiàn)在,我顯然把它搞砸了。這幅海報(bào)沒有太多的內(nèi)容,所以即便我搞砸了它看起來也不是那么的差勁,但是當(dāng)你有更多的內(nèi)容,那么將其置于一個(gè)組織系統(tǒng)內(nèi)就顯得更加重要了。我知道現(xiàn)在你肯定會問自己:他真的在設(shè)計(jì)每幅作品的時(shí)候都用了網(wǎng)格進(jìn)行布局嗎?的確,沒有,我沒有這樣做!但是了解恰當(dāng)?shù)睦镁W(wǎng)格進(jìn)行布局背后的方法,最終你就可以不用網(wǎng)格設(shè)計(jì)了(因?yàn)槔镁W(wǎng)格設(shè)計(jì)已經(jīng)融入了你的思想,你會設(shè)想網(wǎng)格就存在于你制作的畫面上,而不需要花時(shí)間去制作一個(gè)實(shí)際的網(wǎng)格。那么,網(wǎng)格又告訴我們什么了呢?1.好吧,最明顯的答案就是:利用網(wǎng)格布局吧!確信是正確的嗎?好吧,再說一次,這是初學(xué)者往往會忽視的基本原則之一。在一幅作品中并不是每一個(gè)項(xiàng)目都排列在一個(gè)單一行中,但是內(nèi)容必須看起來像一個(gè)組合,必須放置在同一個(gè)網(wǎng)格線內(nèi),內(nèi)容應(yīng)該被排列好!如果你從來沒有研究過格式塔分組原則的話,現(xiàn)在就是個(gè)非常好的時(shí)刻趕快搜索下谷歌讓自己熟悉這些概念,這些理論是你布局設(shè)計(jì)的關(guān)鍵!翻譯附:格式塔組織原則格式塔心理學(xué)認(rèn)為知覺不能被分解為小的組成部分,知覺的基本單位就是知覺本身,格式塔心理學(xué)的信條就是:整體不同于部分之和(Thewholeisdifferentfromthesumofitsparts.格式塔心理學(xué)強(qiáng)調(diào)結(jié)構(gòu)的整體作用和產(chǎn)生知覺的組成成分之間的聯(lián)系。格式塔心理學(xué)研究認(rèn)為,人類具有不需要學(xué)習(xí)的組織傾向,使我們能夠在視覺環(huán)境中組織排列事物的位置,感受和知覺出環(huán)境的整體與連續(xù)。1、圖形與背景的關(guān)系原則。2、接近或鄰近原則。3、相似原則。刺激物的形狀、大小、顏色、強(qiáng)度等物理屬性方面比較相似時(shí),這些刺激物就容易被組織起來而構(gòu)成一個(gè)整體。4、封閉的原則,有時(shí)也稱閉合的原則。有些圖形是一個(gè)沒有閉合的殘缺的圖形,但主體有一種使其閉合的傾向,即主體能自行填補(bǔ)缺口而把其知覺為一個(gè)整體。5、好圖形的原則。主體在知覺很多圖形時(shí),會盡可能地把一個(gè)圖形看作是一個(gè)好圖形。好圖形的標(biāo)準(zhǔn)是勻稱、簡單而穩(wěn)定,即把不完全的圖形看作是一個(gè)完全的圖形,把無意義的圖形看作是一個(gè)有意義的圖形。6、共方向原則,也有稱共同命運(yùn)原則。如果一個(gè)對象中的一部分都向共同的方向去運(yùn)動,那這些共同移動的部分就易被感知為一個(gè)整體。7、簡單性原則。人們對一個(gè)復(fù)雜對象進(jìn)行知覺時(shí),只要沒有特定的要求,就會常常傾向于把對象看作是有組織的簡單的規(guī)則圖形。8、連續(xù)性原則。如果一個(gè)圖形的某些部分可以被看作是連接在一起的,那么這些部分就相對容易被我們知覺為一個(gè)整體。2.除了將內(nèi)容規(guī)則排列之外你還需要把內(nèi)容編排的有一定的間距,如果在標(biāo)題下面有三個(gè)要點(diǎn)的話你就需要保證他們之間的距離是一樣的!3.在你作品周圍有充裕的空間將使作品更加易于閱讀,這里有兩個(gè)作品實(shí)例,其中一個(gè)布局使文字和傳單以及照片邊緣保持了一段很好的距離,而另一幅則緊貼著邊緣。你覺得下面那個(gè)很擁擠不易于閱讀嗎?答案是肯定的,即便下面的那副傳單文字還要大些,但是我任然感覺到很擠很難閱讀。你也要注意避免”接吻”,當(dāng)然這并不涉及嘴唇,這里的”接吻“是指兩個(gè)元素剛好接觸在一起了.這很糟糕,要么給它們一個(gè)很充裕的間隔或者讓他們非常明顯的重疊在一起。網(wǎng)頁地址剛好和橙色背景接觸到。同樣的圖,將網(wǎng)頁地址和橙色背景排開了,這樣就好很多?；蛘?如果你需要空間-他們可以重疊在一起,但是希望確保他們是大面積的重疊在一起。當(dāng)然也要確保在網(wǎng)頁地址和背景之間有足夠的對比,在這里我加了一些陰影,這樣的話網(wǎng)頁地址就真正的從頁面上凸顯出來了?，F(xiàn)在,我知道許多設(shè)計(jì)師都會出現(xiàn)一個(gè)問題(因?yàn)槲以?jīng)也出現(xiàn)過:一個(gè)客戶希望你把50頁的內(nèi)容放在一個(gè)8.5×11英寸的傳單上,你盡最大努力將所有的信息布局在一個(gè)合理的范圍內(nèi),你的客戶又說了:喔!這里還有很多空間放更多信息嘛,這里是另外10頁內(nèi)容也排上去吧!你會怎么辦?當(dāng)一個(gè)客戶給了你太多內(nèi)容但是卻要求你放置在一個(gè)很小的空間內(nèi)你會怎么做?恩,這是一個(gè)問題.而且一定不是一個(gè)簡單的答案。我的第一條建議是盡你所能的去告訴你的客戶一個(gè)良好設(shè)計(jì)的原則。努力嘗試使客戶意識到他們的用戶不希望在一個(gè)很小的廣告里面看見太多的擁擠的內(nèi)容,更不用說花時(shí)間去閱讀它了!如果客戶實(shí)在是不聽的話,你就可能無法擺脫去做一件糟糕的設(shè)計(jì)作品了,我曾經(jīng)做過,它是擺脫不掉的!如果你有時(shí)間你可以設(shè)計(jì)一個(gè)干凈簡單的版本給你的客戶并叫她給他朋友看做一下問卷調(diào)查并獲得更多建議。不幸的是我們往往沒有那么多多余的時(shí)間,因此,我們盡力低下我們的頭就像我們用于印刷的成品也一樣低下。最后一個(gè)小東西需要注意的是視覺錯(cuò)覺,噢,視覺錯(cuò)覺和空間有什么關(guān)系呢?這聽起來很瘋狂-你需要注意視覺錯(cuò)覺當(dāng)你在布局你的設(shè)計(jì)作品的時(shí)候。有時(shí)候,由于視覺錯(cuò)覺-你的恰當(dāng)?shù)目臻g布局會看起來偏離了中心,例如在背景上的一個(gè)曲線模式會使一個(gè)對象看起來像是傾斜的或者直接偏離了中心。因此,我們怎么去補(bǔ)償這些視覺錯(cuò)覺呢,恩,用眼睛,同樣的告訴你有錯(cuò)覺的眼睛,用眼睛你就可以糾正視覺錯(cuò)覺。在設(shè)計(jì)時(shí)用眼睛做一個(gè)錯(cuò)覺校正,稱之為“最佳方案”這也許不一定正確,但是它看起來就是正確的!因此,在最后一定要好好看看設(shè)計(jì)成品確保所有的組成看來都是正確的。成為一個(gè)頂級設(shè)計(jì)師的第五條準(zhǔn)則:制造畫面深度畫面深度,恩,我們這里不是在談?wù)摿Ⅲw書籍或者全息影像,我們探討在二維的插畫和設(shè)計(jì)中模擬畫面的空間深度(或者維度。在成為頂級設(shè)計(jì)師的7條準(zhǔn)則的先前四個(gè)原則中我們探討的是最基本的可用性方面的問題,我覺得畫面的空間深度是使設(shè)計(jì)看起來很酷的第一設(shè)計(jì)原則——這可以制造些特別的感覺。給你的作品增加深度可以使作品跳出來或者吸引觀看著進(jìn)入畫面。有很多技術(shù)可以給你的設(shè)計(jì)作品增加深度,在這里我將從我最喜歡和最明顯的方法開始,然后以我的工作方式深入下去。重疊恩,這是顯而易見的,你大概在幼兒園就學(xué)過的。如果你畫個(gè)有公共汽車和房子的粉筆畫,公共汽車和房子是重疊的,很明顯公共汽車會在房子前面,如果房子重疊在公共汽車上,那么房子就在最上面。那么,為什么我們要討論這個(gè)呢,恩,只是提醒你,你可以重疊你的設(shè)計(jì)作品中的元素。這可以很簡單的讓你養(yǎng)成分離你的設(shè)計(jì)元素的習(xí)慣。如果你將所有的照片和設(shè)計(jì)元素都間隔一個(gè)非常大的距離的話,當(dāng)然你可以獲得一個(gè)很干凈的設(shè)計(jì)作品,但是往往它會看起來過于平面,有些時(shí)候我會增加一些設(shè)計(jì)元素只是因?yàn)槲倚枰恍〇|西放在最上面,產(chǎn)生重疊!讓我們來看看一個(gè)實(shí)例,如何讓一個(gè)簡單的重疊產(chǎn)生空間深度的感覺。這是我和戴夫一起做的一張演唱會海報(bào),戴夫畫了那個(gè)男子的素描稿,我增加了一些水在他腳邊濺起的感覺,并在墻上畫了錦鯉將其置于人的后面,還用墨水涂染了下。你可能會注意到在最右下角的狹小角落里我放了個(gè)場地LOGO(theGrogShop,將LOGO放在了一條黑色橫條的最上方。我其實(shí)這里并不需要一個(gè)黑色橫條,所有在酒吧里的海報(bào)都會是黑色的,酒吧LOGO只需出現(xiàn)在畫面中,但是我希望能在底部吸引下注意力。以下是同樣的一張海報(bào)剔除了底部的黑色色條?，F(xiàn)在我們來比較下通過添加酒吧場地信息欄并用LOGO重疊在它上面,我通過這樣做制造出來畫面空間感:俱樂部LOGO,然后是酒吧信息,再然后是海報(bào)圖形,這樣同樣可以建立畫面元素的主次,會場LOGO是最重要的,然后是會場信息,最后是那些特殊的海報(bào)效果和細(xì)節(jié)。(此部分翻譯恐有偏差,只能保證大意這幅海報(bào)其實(shí)還有很多互相重疊的元素,人物重疊在錦鯉的上面,飛濺的水滴重疊在人物腳部上面等等。對象大小——變化我喜歡在我的設(shè)計(jì)作品中使用不同大小的元素,這種方法在你有數(shù)個(gè)只是大小不同的相似元素的時(shí)候特別有用。對此有一個(gè)很好的比喻就是當(dāng)你處于不同的距離給人照相。通常情況下你給你的朋友拍照會距離3-5步遠(yuǎn),這樣你可以捕捉他身體的大部分至少是從腰部以上,這會是一個(gè)好的照片。但是當(dāng)你像這樣去照30張照片,那么你的朋友就會開始覺得很乏味了。而且當(dāng)你每張照片都這樣照的話,我想這些照片看起來都會很普通?，F(xiàn)在,如果你想來的特別的東西——拍攝一個(gè)超近距離的照片,有可能你只能照到你朋友面部的一半?，F(xiàn)在你可以嘗試為你朋友拍攝一些遠(yuǎn)距離的照片,或者,最好是三者結(jié)合起來,讓一個(gè)朋友站在前景部分,讓一個(gè)朋友站在中景部分,然后讓一個(gè)朋友站在遠(yuǎn)景部分,這樣就可以最大限度的提高畫面的立體空間感?；蛘呷绻阍谂臄z風(fēng)景照的話,我也建議你盡量拍攝有空間深度的照片,例如:你可以拍攝在你旁邊的一顆樹上的位于前景的樹葉,中景部分有一個(gè)漂亮的湖泊,遠(yuǎn)處還有一個(gè)雪山,三者結(jié)合一起就構(gòu)成了不同空間深度的照片——因?yàn)檎掌械奈矬w相對大小都不同。樹葉看起來相對較大,因?yàn)樗鼈冸x鏡頭很近,而雪山相對來講就會較小因?yàn)樗谶h(yuǎn)處。讓我們來看看一些示例:為什么不同大小的元素可以制造出立體空間感,第一個(gè)例子非常簡單,只是一堆圓圈,這個(gè)例子可以展示如何簡單的變換物體的制造出空間感出來。每一個(gè)都稍微比前一個(gè)小一點(diǎn),看看怎樣變化它們的大小制造出一種空間深度的感覺。哪一個(gè)圓離你更近呢?下一個(gè)例子就復(fù)雜多了,這是一件杰夫芬利做的T-shirt,使用了很多可以產(chǎn)生立體空間感的技術(shù)在這里用到了,但是我們重點(diǎn)觀察這些元素的大小變化。在這個(gè)例子中頭骨在畫面里越往上越微變小,一樣的,穿過頭骨眼睛的繩子狀的毛也越變越小。這些技術(shù)組合上我們前面討論的方法(重疊在設(shè)計(jì)作品上制造出了一種很不錯(cuò)的畫面空間深度。線條的粗細(xì)與對象大小變化密切相關(guān)的是線條的粗細(xì)變化,這是一個(gè)繪畫上很不錯(cuò)的技術(shù)手法,但是不管是繪畫上的線條粗細(xì)變化還是你用于設(shè)計(jì)上的描邊粗細(xì),這都是重量問題。線條重量的作用就像對象大小起的作用一樣,越粗的線條,你會覺得它離你越近,越細(xì)的線條你會覺得它離你較遠(yuǎn)。讓我們看看一個(gè)關(guān)于此的非常好的繪畫實(shí)例:這是一亞當(dāng)斯的的連環(huán)漫畫(他是我一度非常喜歡的一位漫畫藝術(shù)家,這副畫是關(guān)于線條重量有助于制造空間感的非常好的例子,如果你注視那個(gè)位于前景的格斗士,然后比較下角斗士身上的粗線條怎么使建筑物產(chǎn)生遠(yuǎn)離感,你將看到非常明顯的不同,細(xì)線產(chǎn)生遠(yuǎn)距離,而粗線會產(chǎn)生近距離感。景深景深是指一個(gè)圖像的一部分很明顯的出現(xiàn)在畫面里。景深事實(shí)上是在我們眼睛里面自然產(chǎn)生的事情,而不只是在照相機(jī)鏡頭里面。如果你舉起你的手并聚焦你的注意力觀察手,不要移開你的視線,嘗試去看你周圍的其他事物,那些在你手后面的物體在視覺中心嗎?沒有!我們的觀念是我們看到的所有事物都是能聚焦的,但是事實(shí)上,人的眼睛會不斷地去調(diào)整視線以使你能重點(diǎn)關(guān)注你正在看的物體,事實(shí)是只有處于正確深度的物體才能被關(guān)注到,其余都是模糊的。我們看一張照片中的景深例子,我們的大腦知道如何去解釋信息,聚焦與為處于聚焦的深度是不一樣的。這是我們的職員戴夫拍攝的關(guān)于蜘蛛的微距照片。你可以注意到只有蜘蛛的身體很好的處于視覺焦點(diǎn)上,但是其他的所有蜘蛛背后或者前部的東西,比如右下角的樹葉脫離了視覺中心。甚至蜘蛛的腿也是這樣。日本動漫已經(jīng)采用這個(gè)小把戲很多年了,他們將位于前景或者遠(yuǎn)處的對象模糊,我認(rèn)為這增加了非常好的接觸感,這是一幀的動畫展示,可以看見它運(yùn)用了這樣的技術(shù)。顏色色彩甚至可以幫助表示立體空間感,這主要是用來處理很遠(yuǎn)的情況,空氣由數(shù)以萬億計(jì)的微小蒸汽粒子、灰塵以及半透明分子組成?？諝庠诤芏痰木嚯x內(nèi)看起來是100%清楚的,其實(shí)不是。他事實(shí)上是乳白色膜,越遠(yuǎn)越不透明,因此在選擇畫面的外觀色彩的時(shí)候:處于前景的對象應(yīng)該用強(qiáng)烈鮮明的色彩,而處于遠(yuǎn)景的對象就應(yīng)該選擇低飽和度的色彩。在這張我在藍(lán)山國家公園網(wǎng)站上找到的照片里,你可以看見空氣中的乳白色煙霧是如何影響色彩的,在左邊,前景里面,巖石的色彩以及旅行者都看起來很清晰,處于完全飽和。在右邊你可以看見遠(yuǎn)距離的那些山被空氣中的煙霧沖掉了它的顏色。效果—陰影恩,陰影是最經(jīng)典的設(shè)計(jì)效果了,Photoshop和Illustrator都能很快速的為你的設(shè)計(jì)作品添加陰影,在這一點(diǎn)上可能有點(diǎn)老生常談了,但是我還是用它們,而且仍然非常喜歡這個(gè)效果,我想很多人并沒有看見它們像加上去的效果。如果使用得當(dāng)?shù)脑?陰影可以增加一個(gè)很好的視覺深度,這里有我做的兩個(gè)設(shè)計(jì)例子,一個(gè)使用了陰影效果而另一個(gè)沒有。??這是一個(gè)很微妙的陰影效果例子,最上面的那個(gè)沒有使用陰影效果,下面的第二個(gè)則使用了。首先,只用看廣告畫面最上面的標(biāo)題部分,看看陰影如何使文字脫離背景畫面的,現(xiàn)在看看拳擊手的頭部(和標(biāo)題部分有一定重疊的部分每個(gè)地方都是使用了很微小的陰影效果以協(xié)助增加視覺深度,你也可以看看其他大部分文字內(nèi)容還有他的手部。toushi(這個(gè)詞不能打出來,會被和諧掉,nnd!toushi的定義是指一種在一個(gè)平面上描繪容積和空間關(guān)系的技術(shù),好吧,我們都這樣做真的會帶來什么好處么?讓我嘗試從外行的角度去解釋下toushi,本質(zhì)上來講,線條沿著遠(yuǎn)方一直向前,它們會集中在一個(gè)消失點(diǎn)上,一個(gè)經(jīng)典的例子就是下面這張圖,路直接延伸到了地平線上,路上的線條匯聚在了一個(gè)聚焦點(diǎn)上。也許這張圖可以提供幫助。?這是一張關(guān)于路的很經(jīng)典的照片,你可以注意到路上的線條都像遠(yuǎn)方延展并匯聚到一個(gè)點(diǎn)上。?你會注意到所有的線條:地平線,一排排草地,路邊的花草,甚至路上的白色條都匯聚到了同一點(diǎn)上。路在這樣的情況下本質(zhì)上是平的,因此它的線條匯聚到了同一點(diǎn)上,但是當(dāng)對象有很多個(gè)側(cè)面將不會只有一個(gè)匯聚點(diǎn)而是兩個(gè)了,讓我們來看看另外一個(gè)例子:?這是一個(gè)有窗戶的小盒子,你可以看到它的兩邊都有其各自的匯聚點(diǎn)。toushi不是一個(gè)可以用很小的段落就能總結(jié)的,因此我不會深入更多的細(xì)節(jié)在這上面了,但是我只是想說這很重要,因此你應(yīng)該針對toushi做些學(xué)習(xí)或者研究。成為一個(gè)頂級設(shè)計(jì)師的第六條準(zhǔn)則:視覺流動線流動?我們是在談?wù)撘曨l么?我如何讓一個(gè)靜態(tài)的印刷設(shè)計(jì)作品動起來呢?我們也不是在談?wù)撘粋€(gè)手繪翻頁動畫吧?當(dāng)然不是,我只是談?wù)勱P(guān)于在設(shè)計(jì)過程中去有意識的去創(chuàng)造一種運(yùn)動感覺!這將又助于協(xié)助最終用戶并給予他們一個(gè)很好的視覺流程。有時(shí)候這種視覺流程非常有幫助,它可以引導(dǎo)用戶的眼睛去觀看你希望他們注視的內(nèi)容或引導(dǎo)他們以一種特定的視覺方向去瀏覽作品。如果我們?nèi)タ葱?shí)際的例子理解這個(gè)就會更加簡單。首先,讓我們看看一個(gè)沒有視覺流動線的設(shè)計(jì),讓我們假設(shè)這些圓圈都是圖片或者設(shè)計(jì)元素,如果以這樣的方式排列,最終的用戶將如何移動他們的視線去觀看呢?他們大概會依照紅色線條這樣的方式去閱讀這些元素,為什么呢?恩,因?yàn)樵谖鞣缴鐣?我們就是這樣被教導(dǎo)去看事情的,這是我們的閱讀方式,經(jīng)常是從最左上的角落開始閱讀,然后從左至右的閱讀完這個(gè)設(shè)計(jì)。這是一般西方人在閱讀一個(gè)設(shè)計(jì)作品的視角傾向。但是我們可以打破這種觀看方法使用戶按照我們的方式去閱讀。讓我們來看看另一個(gè)使用基本形的布局,這次讓我們給用戶一個(gè)刺激的視覺觀感。恩,這是一個(gè)很極端的視覺流動的例子,如果這是幅設(shè)計(jì)作品的話,觀看者基本上沒有其他選擇的會從左下方到右上方去閱讀這幅設(shè)計(jì)作品。我只是想明顯的指出我們可以去控制,或者說至少是影響用戶怎樣去閱讀我們的作品,考慮到這一點(diǎn),我們就需要確信我們在視覺畫面中呈現(xiàn)出來的視覺流動線對整體功能有幫助!現(xiàn)在,讓我們來看一些連環(huán)畫中使用視覺流動線引導(dǎo)讀者去閱讀畫面的例子。這組畫是著名漫畫家威爾艾森娜的作品,他以大量的驚人創(chuàng)作和連環(huán)畫作品(現(xiàn)在主要是影片被廣為人知。這是幅非常好的小作品因?yàn)槟銕缀跸袷歉S畫面角色在移動。你從最上面的畫面開始,沿著樓梯以一種蛇形視線往下移動直到你看見底部的人物。另一個(gè)例子我想用下神奇四俠1的漫畫書封面,這是個(gè)應(yīng)用視覺流動線非常棒的例子。你要么從標(biāo)題要么從中心的怪物開始閱讀。無論怎樣,視覺流動線都很明顯、奇妙,從標(biāo)題開始沿著Torch身上的火焰然后是人的名單,再然后到街道上的怪物,從那里開始,它是一個(gè)非常清晰的螺旋形的視覺流動線。讓我們看看最后一個(gè)例子,這是個(gè)在設(shè)計(jì)上應(yīng)用的非常好的例子。成為一個(gè)頂級設(shè)計(jì)師的第七條準(zhǔn)則:構(gòu)成OK,就是它了,這是7條原則的最后一條了,我希望能說服你們限制使用色彩和字體,教你們讓作品具有足夠的對比,建議讓作品具有恰當(dāng)?shù)目臻g并且告訴你們增加空間深度和視覺流動線的技巧?，F(xiàn)在,在這個(gè)速成指南里的最后一個(gè)原則就是:構(gòu)成!事實(shí)上,我給出的這7條原則的順序都是亂來的。構(gòu)成應(yīng)該是第一條也是你設(shè)計(jì)過程中最重要的部分。因此,讓我們假設(shè)我們從這里開始設(shè)計(jì)吧,從頭開始。在這個(gè)時(shí)候你會想想如何去組織你的設(shè)計(jì)畫面。先前的6條設(shè)計(jì)原則都是非常特定的規(guī)則或者技巧。構(gòu)成是很寬泛也是最難解釋的原則,因?yàn)樗鼘?shí)在是包含了太多東西。那么,到底什么是設(shè)計(jì)的構(gòu)成呢?讓我們走下很老套的路子去看看教科書為我們下的定義:首先讓我們回顧下構(gòu)成這個(gè)詞組的定義:D將構(gòu)成定義為:1.將分離的部件或者元素組合成為一個(gè)整體的行為。2.有此產(chǎn)生的狀態(tài)或者產(chǎn)品。恩,這再簡單不過了,構(gòu)成就是簡單的組合在一起后得到的。解釋說這和功能或質(zhì)量沒有關(guān)系,這就是一個(gè)行為結(jié)果?，F(xiàn)在,中的設(shè)計(jì)的定義是:1.準(zhǔn)備一個(gè)初步的草圖或者擬定一個(gè)工作的執(zhí)行計(jì)劃等,擬定一個(gè)橋梁設(shè)計(jì)的形式和結(jié)構(gòu)。2.制定計(jì)劃并使之具有藝術(shù)感或者精巧!(此處兩點(diǎn)有點(diǎn)翻譯很牽強(qiáng)了,大家可以看圖片自行理解恩,如果我們結(jié)合這兩者的解釋去定義設(shè)計(jì)構(gòu)成,也許會是這樣的:設(shè)計(jì)構(gòu)成:將各部分或元素巧妙且富有藝術(shù)感的結(jié)合為一個(gè)整體。恩,聽起來還不錯(cuò),那