成為一個(gè)頂級(jí)的設(shè)計(jì)師1.doc

成為一個(gè)頂級(jí)設(shè)計(jì)師的第一準(zhǔn)則：限制你的字體讓你成為設(shè)計(jì)大的七個(gè)基本原則之一好設(shè)計(jì)大師，或者也太吹牛了吧，但根據(jù)下面七個(gè)基本原則至少你可以成為一個(gè)熟練的設(shè)計(jì)師。這將是最短的最詳實(shí)的系列博客文章，你看過(guò)后就會(huì)知道如何成為一名更優(yōu)秀的設(shè)計(jì)師。請(qǐng)記住：這些原則不是定律，是可以打破的。它們只是些通用的指導(dǎo)，我在設(shè)計(jì)的時(shí)候通常會(huì)遵循它們，遵循這些簡(jiǎn)單的設(shè)計(jì)原則，你就會(huì)找到一條你屬于你自己的優(yōu)秀藝術(shù)道路。原則一：限制你的字體。你會(huì)看到一個(gè)好的設(shè)計(jì)很大一部分看起來(lái)非常協(xié)調(diào)。一個(gè)最好的方法是用少量的元素去完成一個(gè)看起來(lái)非常協(xié)調(diào)的設(shè)計(jì)。你最先選擇的字體可能是你想要?jiǎng)h掉的，我常常的做法是一個(gè)作品剔除2種字體。第一種字體可能會(huì)是很有思想力或藝術(shù)感，將給你的設(shè)計(jì)帶來(lái)第六感，特征或個(gè)性。這些字體集合了當(dāng)時(shí)所有心情的片段，這個(gè)扭著腰枝的有趣字體像女孩們的舞會(huì)，這個(gè)蹩腳邪惡的字體是一個(gè)搖滾樂(lè)隊(duì)？我將使用這個(gè)花哨的字體人為文本的標(biāo)題，在任何地方它都需要足夠大，這個(gè)花哨的字體將是這塊的重點(diǎn)。你通常很少再用這字體，但它又大得多，所以這就是人們看到的重點(diǎn)內(nèi)容第二種字體要非常普通，讀者在整篇當(dāng)中都不會(huì)感覺(jué)到它的存在。這種字體需要有很高的易讀性，它會(huì)占據(jù)這篇文本相當(dāng)大的篇幅，顯然，那些大手大腳的藝術(shù)字體占據(jù)文本的大篇幅的話會(huì)非常影響閱讀的。這有一個(gè)正確使用字體的設(shè)計(jì)例子。正如你所看到的，這里只用了兩種字體，花哨的藝術(shù)字體作為標(biāo)題出現(xiàn)，內(nèi)容就是很基本的字體。這樣看起來(lái)整潔，協(xié)調(diào)。這里還有一個(gè)失敗的例子，這里我用了很多花哨的藝術(shù)字體，這樣很不協(xié)調(diào)，分節(jié)看起來(lái)并不是配合主標(biāo)題。在一個(gè)設(shè)計(jì)中有太多的字體是大忌，沒(méi)有什么事比用8種字體來(lái)印他們的傳單看起來(lái)更糟的了，同樣使用藝術(shù)字作為正文也更糟。這是一個(gè)錯(cuò)誤使用字體的例子。在我讓你親自動(dòng)手之前的最后一個(gè)思路。如果你的藝術(shù)字看起來(lái)非常時(shí)髦有現(xiàn)代感，那正文部分就使用無(wú)襯線字體；如果你的藝術(shù)字看起來(lái)很正規(guī)化，那就用襯線字體作為第二字體吧。PS1：第一次翻譯東西，有些地方可能并不一定正確，看懂原文的還是看原文吧。最后感謝我的父母，感謝谷歌，感謝金山，感謝CCTV，感謝所有TV。PS2：襯線字體與無(wú)襯線字體Serif 或 San Serif？Serif 是一個(gè)字筆畫(huà)的結(jié)尾，例如 M 的起點(diǎn)與終點(diǎn)。Serif 是由羅馬刻印字母所發(fā)展出來(lái)的，用以改良字體的優(yōu)雅程度與易讀性。它們是先用毛筆寫(xiě)在石頭上，然后再刻出來(lái)的。Serif 會(huì)活存到現(xiàn)在，是因?yàn)樗鼈兪置利惣肮诺?，而且它們閱讀起來(lái)比較容易。對(duì)于細(xì)小的文本字體，非常適合用 Serif 字體，相反地您可用 Sans Serif（Sans 是法文里的“無(wú)”），來(lái)當(dāng)標(biāo)題或是供短篇文章的字體使用。不同字體的分類拉丁文字 方塊字 襯線字體 (Serif)筆劃粗幼對(duì)比明顯，閱讀時(shí)較省目力Times New Roman Architect BalletEngraved Creedmore Benjamin Capshc 新細(xì)明體 宋體標(biāo)宋無(wú)襯線字體 (Sans Serif)筆劃粗幼平均、對(duì)比不太明顯字型較突出，閱讀時(shí)較費(fèi)目力Alberta ANNSTONE Garamond Nimbus Script 黑體限制你的色彩成為一個(gè)頂級(jí)設(shè)計(jì)師的7個(gè)簡(jiǎn)單原則的第二部分限制使用你的色彩。好象上個(gè)準(zhǔn)則是讓你限制用你的字體，對(duì)嗎？非常對(duì)！我們限制用我們的色彩的原因和我們限制使用字體的原因一樣。在我們的設(shè)計(jì)當(dāng)中減少色彩的數(shù)目將使之變的諧調(diào)。基本上，每件東西看起來(lái)將很一致，就像一個(gè)體育隊(duì)伍的運(yùn)動(dòng)服或者是一個(gè)公司的商標(biāo)那樣。我們想使制服（運(yùn)動(dòng)服）整體看上去是一個(gè)色彩的。和選擇字體一樣，限制使用你的色彩數(shù)目只是一個(gè)參考指南，不是一條準(zhǔn)則。你可以在你的設(shè)計(jì)中很好的使用彩虹的顏色，那將非常好看。但是一開(kāi)始，你需要一個(gè)使用色彩的策略，并且堅(jiān)持用這個(gè)策略。使之始終貫穿在你的設(shè)計(jì)中。對(duì)于初學(xué)者，讓我們來(lái)說(shuō)一下色值吧。一個(gè)顏色的色值就是它的亮暗程度。例如一個(gè)黃色是非常亮的顏色，紫色就是很暗的顏色。當(dāng)然一個(gè)顏色可以有它的色彩值域。例如，紫色是一個(gè)使我們大多數(shù)人聯(lián)想到暗色的顏色，但是紫色也有很亮的紫色。這里有個(gè)例子關(guān)于一些顏色和它們相關(guān)的色值。然后，你可以看到的是一個(gè)顏色的色值范圍。所以當(dāng)我在采用的色彩方案時(shí)我會(huì)用一條準(zhǔn)則：確保在你的色彩方案中有一個(gè)色值的范圍。在任何設(shè)計(jì)中你都需要一些淡色和一些深色去形成對(duì)比。如果要舉例的話，你設(shè)計(jì)的背景是深色的，你就需要一個(gè)淡顏色的文字，圖畫(huà)。這樣的話文字，圖畫(huà)就容易被閱覽。反過(guò)來(lái)，如果你有一個(gè)淡色的背景，你就需要一個(gè)深色的圖畫(huà)，文字或是其它什么的。我也會(huì)代表性的只采用2-5種顏色去完善我的色彩方案。減少選擇的數(shù)目，那么你就會(huì)在你的設(shè)計(jì)中得到一個(gè)好結(jié)果。這里有個(gè)色彩方案的例子我將它們放在一起。就像你看見(jiàn)的，我采用了一個(gè)深色，一個(gè)中間調(diào)子的顏色和一個(gè)淡色。就從右邊開(kāi)始，我為每一個(gè)顏色建立了一個(gè)色值范圍。這些色彩組合就像我的調(diào)色板，我會(huì)將它們運(yùn)用到我的設(shè)計(jì)項(xiàng)目中去。一旦我有了這個(gè)調(diào)色板，我就會(huì)盡全力只用這些顏色。好了，我們剛才說(shuō)到了一些色彩采用方面的技巧，像你需要選擇多少種顏色，它們的色值應(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)中，他們將肯定非常和諧。 到 網(wǎng)站上汲取靈感這個(gè)精彩的網(wǎng)站全是關(guān)于色彩方案。你只需一頁(yè)頁(yè)的點(diǎn)擊色彩方案。 留意你的周?chē)史桨冈谀愕闹車(chē)教幎际??？匆幌率称返甑陌b，看一下你們當(dāng)?shù)氐男前涂丝Х鹊甑挠推犷伾?，看一下大自然！如果你看到一些令人愉快的色彩，只要在腦海中作個(gè)筆記，看看是否可以復(fù)制到你的電腦里去。 留心一些已有的公司商標(biāo)色彩我常常運(yùn)用一些已有的商標(biāo)色彩，我會(huì)看一下他們的logo，色彩方案并且將之成為我最初的想法。然后可能只加上一個(gè)或兩個(gè)顏色。這里是一個(gè)我已經(jīng)完成的設(shè)計(jì)，它展示了被限制的色彩方案。如你所見(jiàn)，緊湊的色彩方案和統(tǒng)一的字體真的使所有的東西都井井有條。我知道這些課程都很基礎(chǔ)但是這就是設(shè)計(jì)的基石。所以，它永遠(yuǎn)不會(huì)傷到一個(gè)恢復(fù)精神的人。下面5個(gè)準(zhǔn)則馬上就要出來(lái)了，我保證下5個(gè)要更加有趣。謝謝！本文鏈接：/design/doc/2008/5584.asp成為一個(gè)頂級(jí)設(shè)計(jì)師的第三準(zhǔn)則：對(duì)比，對(duì)比，對(duì)比在設(shè)計(jì)里面，好的對(duì)比和你對(duì)顏色選擇是密切相關(guān)的。對(duì)比是指在你的設(shè)計(jì)里面，顏色之間的明度不同。明度是這個(gè)顏色看起來(lái)有多亮或有多暗。曾經(jīng)看到一個(gè)以空白畫(huà)布為題的笑話，有人說(shuō)：“看，這是一頭白色的牛在暴風(fēng)雪里面！”這就是一個(gè)沒(méi)有對(duì)比的例子。白色在白色上面是沒(méi)有反差，你看不到任何東西。很幼稚嗎？我的意思是這條指南看起來(lái)是不是很愚蠢？我在解釋的東西有需要嗎？這個(gè)概念是不是很遲鈍？相反。因?yàn)楹懿恍业氖?，我一直看到設(shè)計(jì)師在對(duì)比上有很多問(wèn)題。不僅僅因?yàn)檫@樣，當(dāng)對(duì)比使用恰當(dāng)?shù)脑挘艹蔀橐粋€(gè)很重要的設(shè)計(jì)手法。我常看到這樣的錯(cuò)誤：設(shè)計(jì)師用不同的顏色去產(chǎn)生對(duì)比而不是用不同的明度。比如，用一個(gè)中值的藍(lán)色放到一個(gè)中值的紅色上面來(lái)產(chǎn)生對(duì)比。你可以看到這兩個(gè)之間的不同。但是，當(dāng)你把兩個(gè)不同顏色同一個(gè)色值放到一起，它產(chǎn)生了“顫動(dòng)感”(由于巧妙的對(duì)比也會(huì)形成非常顯著的、生動(dòng)有力的色彩效果)。你會(huì)注意到，當(dāng)藍(lán)色和紅色相遇的時(shí)候，你的眼球就會(huì)在這兩個(gè)顏色之間來(lái)回顫動(dòng)。幾乎能感覺(jué)到文本的脈動(dòng)。如果你的目標(biāo)是讓某些東西充滿活力，你可以使用這個(gè)技術(shù)。但是這樣對(duì)眼睛來(lái)說(shuō)是很困難的，并且大部分人都會(huì)覺(jué)得它令人厭煩。這里有另一個(gè)用不同顏色但有更強(qiáng)對(duì)比的例子：第二個(gè)很明顯對(duì)眼睛來(lái)說(shuō)更容易接受。一個(gè)快速評(píng)估你的設(shè)計(jì)是否有足夠?qū)Ρ鹊募记墒?，把所有東西都轉(zhuǎn)換成灰度級(jí)，然后看這個(gè)設(shè)計(jì)是否看起來(lái)仍然清晰并且容易閱讀。在Illustrator里面，你可以選中你的設(shè)計(jì)，然后選擇EditEdit ColorsConvert to Grayscale。如果是Photoshop，你需要先讓你的作品去掉光影，然后，你可以選擇ImageAdjustmentsDesaturate。這樣就可以把它轉(zhuǎn)成到灰度級(jí)了。無(wú)論哪種情況，在你有機(jī)會(huì)做了這個(gè)測(cè)試之后，你都會(huì)想要撤銷(xiāo)這個(gè)動(dòng)作的。這里有一個(gè)對(duì)于同一個(gè)設(shè)計(jì)的示例一個(gè)設(shè)計(jì)的對(duì)比很好，另一個(gè)就很差。在每一個(gè)設(shè)計(jì)的下面是它們各自在灰度級(jí)的樣子。你可以清楚的看到，左邊的設(shè)計(jì)閱讀文本要容易得多，尤其是在轉(zhuǎn)換成灰度級(jí)的情況下。右邊的設(shè)計(jì)用了較弱的對(duì)比和更多不同的顏色來(lái)定義輪廓。我一直會(huì)聽(tīng)到這樣的問(wèn)題：“當(dāng)我用作背景水印的時(shí)候，我該用什么透明度設(shè)置呢？”我認(rèn)為一個(gè)好的水印背景的透明度應(yīng)該在之間。再次說(shuō)明，這都是關(guān)于在你的設(shè)計(jì)里面保持對(duì)比。如果背景是淡色的，那么水印當(dāng)然也要是適度的淡色，反之亦然。這里有一個(gè)關(guān)于好的水印和不好的水印的例子：關(guān)于對(duì)比，我想闡述的最后一點(diǎn)就是，怎樣能讓它像工具一樣使用。例如，如果你需要在你的設(shè)計(jì)上把觀眾的注意力引導(dǎo)到某些特殊的地方，你可以用對(duì)比來(lái)完成它。你可以讓整個(gè)設(shè)計(jì)保持淡色，然后把你想讓觀眾注意的地方設(shè)為深色。這里有一個(gè)精心設(shè)計(jì)的登陸頁(yè)：這是E-Harmony網(wǎng)站的頁(yè)面。他們真正目的是讓瀏覽者去注冊(cè)。所以，你看什