字體顏色對比以及字體對比總結(jié)

字體顏色對比以及字體對比總結(jié)

字體顏色的對比在所有字體對比中占重要地位，不單單是這樣，顏色在我們的生活中也占有非常重要的地位。

在上節(jié)課講的所有字體對比中。我相信顯而易見的，最深刻的就是方向的對比。類似于方向，顏色的對比也是顯而易見的。

那么關(guān)于如何使用顏色，我只想聲明一點(diǎn)。要記住。

暖色（紅色，橙色）是前進(jìn)型的，會引起我們的注意。我們的眼睛易受到暖色的吸引，所以只需要很少的一點(diǎn)紅色就可以產(chǎn)生對比。

另一方面，冷色（藍(lán)色，綠色）則是遠(yuǎn)離型的，總是在我們的視線中后退。即使更大的區(qū)域內(nèi)都是冷色你也未必能注意到。

實(shí)際上，需要更多的冷色才能產(chǎn)生有效的對比

那么我們來看一下簡單的實(shí)例。

盡管商業(yè)設(shè)計(jì)要小得多，但它還是最醒目的，原因就在于它是暖色。

現(xiàn)在，較大的文字采用暖色，它蓋過了較小的文字。通常希望避免這種情況---或是利用這和效果。讓你的目的更突出。

把商業(yè)設(shè)計(jì)改為淡藍(lán)色，它幾乎快消失了。

要有效地進(jìn)行冷色的對比，通常需要使用更多的冷色。

現(xiàn)在，我們脫離真正的顏色。

很多專業(yè)排版人員稱頁面上的黑白文字有顏色。而且“多姿多彩”還很容易產(chǎn)生對比。那么對于黑白文本，要看出并利用它的顏色對比，則需要更敏銳的眼睛。

正如我們以前的作業(yè)技巧與提示課中所講的，新聞簡報(bào)中所提到的灰版中的顏色。

而且這些顏色來源于哪里？我們講過，粗細(xì)，間距，行距，等。上節(jié)課，我們也看到了。

瞇起你的眼睛，看這段文字。要習(xí)慣于把文字不同程度的黑色理解為“顏色”。同時，很細(xì)，很薄的字體中字母間間距和行間距較大，這會創(chuàng)建一處非常淡的顏色（和材質(zhì)）。緊緊壓縮在一起的粗體，則會創(chuàng)建一種深色（有不同的材質(zhì)）。

對于沒有圖片但包含大量文本的頁面來說，這是一種非常有用的對比。

如果一個頁面中只有文本，看上去一片灰色，會顯得很乏味，讓人不想去讀。這還會帶來混亂。（材質(zhì)屬于頁面的感覺，雖然它的假的。燙金等就是真材質(zhì)。）

同我們上節(jié)課的粗細(xì)對比例子講的一樣，單一的灰色無法吸引你的眼睛，實(shí)在沒有什么能引起人的興趣去深入地閱讀。

如果對標(biāo)題等使用一種更粗的字體來增加一些“顏色”，或者將一個引用文字，段落或小故事設(shè)置為顯然不同的另一種“顏色”，讀者將更有可能在這一頁上停下來，真正閱讀它的內(nèi)容。這正是我們想要達(dá)到的目的。

除了讓頁面更吸引人，顏色的改變還有助于組織信息。比如我們上節(jié)課所看到的目錄

同樣的布局，我們加上了“顏色”，它明顯的有了視覺感。而且通過這種“顏色”，我們很明顯的知道這個頁面上有兩大內(nèi)容。

我們只需要用到字體這些技巧，不需要任何額外的處理就可以改變字體的自然“顏色”和材質(zhì)，讓頁面豐富。

大多數(shù)編排精良的好書都會利用大塊文本顯示豐富的字體，使你能在頁面上感受到“顏色”和材質(zhì)。

結(jié)合多種對比

不要保守，大多數(shù)有效的字體布局都會充分利用多種對比。要得到更多的例子和想法，我相信你家里有很多雜志之類，注意每一個有意思的字體布局都會依賴于對比。

盡量明確地說出你看到了什么。如果可以用語說清楚這種關(guān)系的變化，說明你確實(shí)已經(jīng)掌握�？吹揭环N讓你不舒服的字體組合時（你下意識地感覺這些字體不能很好的結(jié)合），也要用文字明確地分析問題出在哪里。

試圖找出一個更好的解決方案之前，必須發(fā)現(xiàn)問題所以。要找出問題，必須努力尋找相似性，而不是差異性。

彼此競爭的兩個字體有什么相似之處，正是這種相似處才讓它們產(chǎn)生了沖突。想想截線，強(qiáng)調(diào)線，緩和過渡等。還有結(jié)構(gòu)呢，粗細(xì)呢，大小呢，是不是正確且有效的。

那么我們作下總結(jié)，從你進(jìn)課堂到現(xiàn)在，這些知識都對你有用嗎，或許你看上去覺得太簡單了。

甚至不必考慮采用什么方式來形成對比，你也能自動地找出合適的字體，這不會花費(fèi)很長的時間。也就是說，如果你的計(jì)算機(jī)里有合適的字體，你就能輕松地找出應(yīng)該使用什么字體，來達(dá)到你的目的。有了合適的字體，你就能很好的進(jìn)行你的設(shè)計(jì)。

做一個設(shè)計(jì)或者重新設(shè)計(jì)時，先從哪里開始呢？從中心點(diǎn)開始（還明白中心點(diǎn)嗎），確定希望讀者最先看到什么。

除非你已經(jīng)決定要建立一個非常協(xié)調(diào)的設(shè)計(jì)，否則就應(yīng)該創(chuàng)建一個有強(qiáng)烈對比的中心點(diǎn)。將信息分組（你應(yīng)該明白）

按邏輯進(jìn)行分組，確定這些組之間的關(guān)系。通過組之間的靠近與否（親密性）來顯示這些關(guān)系。

在頁面上組織文本和圖片時，要建立并維護(hù)明確的對齊。如果能看到一個明顯的邊界，如照片邊界或垂直線條，可以通過其他文本或?qū)ο蟮膶�齊來加強(qiáng)這個邊界，使人產(chǎn)生一種尖銳有力的感覺。不至于讓人感覺到你的設(shè)計(jì)很草率無力。

創(chuàng)建重復(fù)（最常見的了），找出可以重復(fù)的項(xiàng)。為建立重復(fù)，可以使用粗字體，線，裝飾符號或者某種空間布局。看看哪些元素已經(jīng)自然地重復(fù)，再看看是否適合加大重復(fù)的力度。

那么再次強(qiáng)調(diào)，除非你已經(jīng)決定創(chuàng)建一種協(xié)調(diào)的設(shè)計(jì)，否則一定要建立強(qiáng)烈的對比，這樣會吸引讀者的視線。。。同時要記住，建立有效的對比不要太保守。如果頁面上的所有一切都又大又粗和相似，很華麗，那么根本不存在任何對比！不論通過更大更粗來建立對比，還是通過更小更細(xì)形成對比，關(guān)鍵是：要有所不同，這樣才能引人注目。

最后，我要提示的是的：不要去做純好人，也不要去做純壞人，相信這個道理大家都懂。相似，我們做設(shè)計(jì)，也不能去做純設(shè)計(jì)，借鑒與臨幕是你的方法，你需要某種方式去尋找更多的靈感。

我們做商業(yè)，也不要純商業(yè)，當(dāng)你設(shè)計(jì)的很好的一個作品時，沒有任何理念的客戶又在考慮著他的設(shè)計(jì)，你完全可以通過某種手段來破壞他的設(shè)計(jì)，你要知道你才是專業(yè)的，讓他真正感覺你設(shè)計(jì)的才是好的。

有些考試是封閉的，有些考試是允許學(xué)生開卷，暢所欲言的，學(xué)生們可以打開他們的筆記，翻開他們的書，可以互相討論，還可以與老師討論。

為什么，因?yàn)槲覀儼颜�確的信息寫下來將更容易記住，而不是先亂猜再寫下錯誤的答案。考慮時得到正確答案的過程會讓你很有收獲。所以我們的作品需要討論，需要交流，我們分享知識，分享經(jīng)驗(yàn)，能過理論知識--睜開眼睛，提高視覺敏銳度，你將成為視覺領(lǐng)域的高手。

那么本章就此結(jié)束，我們下章進(jìn)行平面設(shè)計(jì)版面的技巧訓(xùn)練，為大家布置一個作業(yè)，

設(shè)計(jì)一個屬于自己的字體或圖形LOGO，再設(shè)計(jì)屬于你自己的頁面。做不做是你自己的事！謝謝大家的參與

擴(kuò)展閱讀：字體色彩對比

設(shè)計(jì)師準(zhǔn)則系列

字體

原則一：限制你的字體。

你會看到一個好的設(shè)計(jì)很大一部分看起來非常協(xié)調(diào)。一個最好的方法是用少量的元素去完成一個看起來非常協(xié)調(diào)的設(shè)計(jì)。

你最先選擇的字體可能是你想要刪掉的，我常常的做法是一個作品剔除2種字體。第一種字體可能會是很有思想力或藝術(shù)感，將給你的設(shè)計(jì)帶來第六感，特征或個性。這些字體集合了當(dāng)時所有心情的片段，這個扭著腰枝的有趣字體像女孩們的舞會，這個蹩腳邪惡的字體是一個搖滾樂隊(duì)？我將使用這個花哨的字體人為文本的標(biāo)題，在任何地方它都需要足夠大，這個花哨的字體將是這塊的重點(diǎn)。你通常很少再用這字體，但它又大得多，所以這就是人們看到的重點(diǎn)內(nèi)容

第二種字體要非常普通，讀者在整篇當(dāng)中都不會感覺到它的存在。這種字體需要有很高的易讀性，它會占據(jù)這篇文本相當(dāng)大的篇幅，顯然，那些大手大腳的藝術(shù)字體占據(jù)文本的大篇幅的話會非常影響閱讀的。

這有一個正確使用字體的設(shè)計(jì)例子。正如你所看到的，這里只用了兩種字體，花哨的藝術(shù)字體作為標(biāo)題出現(xiàn)，內(nèi)容就是很基本的字體。這樣看起來整潔，協(xié)調(diào)。

這里還有一個失敗的例子，這里我用了很多花哨的藝術(shù)字體，這樣很不協(xié)調(diào)，分節(jié)看起來并不是配合主標(biāo)題。

在一個設(shè)計(jì)中有太多的字體是大忌，沒有什么事比用8種字體來印他們的傳單看起來更糟的了，同樣使用藝術(shù)字作為正文也更糟。這是一個錯誤使用字體的例子。

在我讓你親自動手之前的最后一個思路。如果你的藝術(shù)字看起來非常時髦有現(xiàn)代感，那正文部分就使用無襯線字體；如果你的藝術(shù)字看起來很正規(guī)化，那就用襯線字體作為第二字體吧。。

PS1：第一次翻譯東西，有些地方可能并不一定正確，看懂原文的還是看原文吧。最后感謝我的父母，感謝谷歌，感謝金山，感謝CCTV，感謝所有TV。。。。

PS2：襯線字體與無襯線字體

Serif或SanSerif？

Serif是一個字筆畫的結(jié)尾，例如M的起點(diǎn)與終點(diǎn)。Serif是由羅馬刻印字母所發(fā)展出來的，用以改良字體的優(yōu)雅程度與易讀性。它們是先用毛筆寫在石頭上，然后再刻出來的。Serif會活存到現(xiàn)在，是因?yàn)樗鼈兪�分美麗及古典，而且它們閱讀起來比較容易。對于細(xì)小的文本字體，非常適合用Serif字體，相反地您可用SansSerif（Sans是法文里的“無”），來當(dāng)標(biāo)題或是供短篇文章的字體使用。

不同字體的分類

拉丁文字方塊字襯線字體(Serif)

筆劃粗幼對比明顯，閱讀時較省目力TimesNewRomanArchitectBalletEngravedCreedmoreBenjaminCapshc新細(xì)明體宋體標(biāo)宋

無襯線字體(SansSerif)筆劃粗幼平均、對比不太明顯字型較突出，閱讀時較費(fèi)目力AlbertaANNSTONEGaramond

NimbusScript黑體

色彩

限制使用你的色彩。好象上個準(zhǔn)則是讓你限制用你的字體，對嗎？非常對！我們限制用我們的色彩的原因和我們限制使用字體的原因一樣。在我們的設(shè)計(jì)當(dāng)中減少色彩的數(shù)目將使之變的諧調(diào)�；�本上，每件東西看起來將很一致，就像一個體育隊(duì)伍的運(yùn)動服或者是一個公司的商標(biāo)那樣。我們想使制服（運(yùn)動服）整體看上去是一個色彩的。

和選擇字體一樣，限制使用你的色彩數(shù)目只是一個參考指南，不是一條準(zhǔn)則。你可以在你的設(shè)計(jì)中很好的使用彩虹的顏色，那將非常好看。但是一開始，你需要一個使用色彩的策略，并且堅(jiān)持用這個策略。使之始終貫穿在你的設(shè)計(jì)中。

對于初學(xué)者，讓我們來說一下色值吧。一個顏色的色值就是它的亮暗程度。例如一個黃色是非常亮的顏色，紫色就是很暗的顏色。當(dāng)然一個顏色可以有它的色彩值域。例如，紫色是一個使我們大多數(shù)人聯(lián)想到暗色的顏色，但是紫色也有很亮的紫色。這里有個例子關(guān)于一些顏色和它們相關(guān)的色值。然后，你可以看到的是一個顏色的色值范圍。

所以當(dāng)我在采用的色彩方案時我會用一條準(zhǔn)則：確保在你的色彩方案中有一個色值的范圍。在任何設(shè)計(jì)中你都需要一些淡色和一些深色去形成對比。如果要舉例的話，你設(shè)計(jì)的背景是深色的，你就需要一個淡顏色的文字，圖畫。這樣的話文字，圖畫就容易被閱覽。反過來，如果你有一個淡色的背景，你就需要一個深色的圖畫，文字或是其它什么的。

我也會代表性的只采用2-5種顏色去完善我的色彩方案。減少選擇的數(shù)目，那么你就會在你的設(shè)計(jì)中得到一個好結(jié)果。這里有個色彩方案的例子我將它們放在一起。就像你看見的，我采用了一個深色，一個中間調(diào)子的顏色和一個淡色。就從右邊開始，我為每一個顏色建立了一個色值范圍。這些色彩組合就像我的調(diào)色板，我會將它們運(yùn)用到我的設(shè)計(jì)項(xiàng)目中去。一旦我有了這個調(diào)色板，我就會盡全力只用這些顏色。

好了，我們剛才說到了一些色彩采用方面的技巧，像你需要選擇多少種顏色，它們的色值應(yīng)該是多少；那么下一步是什么呢？我將告訴你什么是下一步，也是最難的部分；那就是如何決定這2-5個顏色！我個人認(rèn)為這是項(xiàng)有時候有點(diǎn)難的活兒。這里有張表，是幫助我采用我的色彩方案的技巧的表：

確定一個冷暖色調(diào)的范圍。

就是采用暖色調(diào)或冷色調(diào)。暖色有紅，橙，黃，棕色等。冷色是藍(lán)色和紫色。我認(rèn)為綠色是一個相當(dāng)中間的顏色。如果你將所有你選用的顏色處于一個色調(diào)中，他們將肯定非常和諧。到網(wǎng)站上汲取靈感

這個精彩的網(wǎng)站全是關(guān)于色彩方案。你只需一頁頁的點(diǎn)擊色彩方案。留意你的周圍

色彩方案在你的周圍到處都是�？匆幌率称返甑陌�裝，看一下你們當(dāng)?shù)氐男前涂丝Х鹊甑挠推犷伾�，看一下大自然！如果你看到一些令人愉快的色彩，只要在腦海中作個筆記，看看是否可以復(fù)制到你的電腦里去。留心一些已有的公司商標(biāo)色彩

我常常運(yùn)用一些已有的商標(biāo)色彩，我會看一下他們的logo，色彩方案并且將之成為我最初的想法。然后可能只加上一個或兩個顏色。

這里是一個我已經(jīng)完成的設(shè)計(jì)，它展示了被限制的色彩方案。

如你所見，緊湊的色彩方案和統(tǒng)一的字體真的使所有的東西都井井有條。

我知道這些課程都很基礎(chǔ)但是這就是設(shè)計(jì)的基石。所以，它永遠(yuǎn)不會傷到一個恢復(fù)精神的人

對比

在設(shè)計(jì)里面，好的對比和你對顏色選擇是密切相關(guān)的。對比是指在你的設(shè)計(jì)里面，顏色之間的明度不同。明度是這個顏色看起來有多亮或有多暗。曾經(jīng)看到一個以空白畫布為題的笑話，有人說：“看，這是一頭白色的牛在暴風(fēng)雪里面！”這就是一個沒有對比的例子。白色在白色上面是沒有反差，你看不到任何東西。

很幼稚嗎？我的意思是這條指南看起來是不是很愚蠢？我在解釋的東西有需要嗎？這個概念是不是很遲鈍？

相反。

因?yàn)楹懿恍业氖�，我一直看到設(shè)計(jì)師在對比上有很多問題。不僅僅因?yàn)檫@樣，當(dāng)對比使用恰當(dāng)?shù)脑�，能成為一個很重要的設(shè)計(jì)手法。

我常看到這樣的錯誤：設(shè)計(jì)師用不同的顏色去產(chǎn)生對比而不是用不同的明度。比如，用一個中值的藍(lán)色放到一個中值的紅色上面來產(chǎn)生對比。你可以看到這兩個之間的不同。但是，當(dāng)你把兩個不同顏色同一個色值放到一起，它產(chǎn)生了“顫動感”(由于巧妙的對比也會形成非常顯著的、生動有力的色彩效果)。你會注意到，當(dāng)藍(lán)色和紅色相遇的時候，你的眼球就會在這兩個顏色之間來回顫動。幾乎能感覺到文本的脈動。

如果你的目標(biāo)是讓某些東西充滿活力，你可以使用這個技術(shù)。但是這樣對眼睛來說是很困難的，并且大部分人都會覺得它令人厭煩。這里有另一個用不同顏色但有更強(qiáng)對比的例子：

第二個很明顯對眼睛來說更容易接受。

一個快速評估你的設(shè)計(jì)是否有足夠?qū)Ρ鹊募记墒牵�把所有東西都轉(zhuǎn)換成灰度級，然后看這個設(shè)計(jì)是否看起來仍然清晰并且容易閱讀。在Illustrator里面，你可以選中你的設(shè)計(jì)，然后選擇Edit>EditColors>ConverttoGrayscale。如果是Photoshop，你需要先讓你的作品去掉光影，然后，你可以選擇Image>Adjustments>Desaturate。這樣就可以把它轉(zhuǎn)成到灰度級了。

無論哪種情況，在你有機(jī)會做了這個測試之后，你都會想要撤銷這個動作的。

這里有一個對于同一個設(shè)計(jì)的示例一個設(shè)計(jì)的對比很好，另一個就很差。在每一個設(shè)計(jì)的下面是它們各自在灰度級的樣子。

你可以清楚的看到，左邊的設(shè)計(jì)閱讀文本要容易得多，尤其是在轉(zhuǎn)換成灰度級的情況下。右邊的設(shè)計(jì)用了較弱的對比和更多不同的顏色來定義輪廓。

我一直會聽到這樣的問題：“當(dāng)我用作背景水印的時候，我該用什么透明度設(shè)置呢？”我認(rèn)為一個好的水印背景的透明度應(yīng)該在10%~15%之間。再次說明，這都是關(guān)于在你的設(shè)計(jì)里面保持對比。如果背景是淡色的，那么水印當(dāng)然也要是適度的淡色，反之亦然。這里有一個關(guān)于好的水印和不好的水印的例子：

關(guān)于對比，我想闡述的最后一點(diǎn)就是，怎樣能讓它像工具一樣使用。例如，如果你需要在你的設(shè)計(jì)上把觀眾的注意力引導(dǎo)到某些特殊的地方，你可以用對比來完成它。你可以讓整個設(shè)計(jì)保持淡色，然后把你想讓觀眾注意的地方設(shè)為深色。這里有一個精心設(shè)計(jì)的登陸頁：

這是E-Harmony網(wǎng)站的頁面。他們真正目的是讓瀏覽者去注冊。所以，你看什么是這個頁面上最大、顏色最深的東西呢？是不可點(diǎn)擊的一個女孩的圖片和＂GetStartedNow＂的按鈕。很明顯他們想要你點(diǎn)擊按鈕＂GetStartedNow＂。＂GetStartedNow＂按鈕的大小、顏色的深淺是跟“NextStep”按鈕相對而言的�！癗extStep”按鈕讓一些繼續(xù)游覽的人去點(diǎn)的。但是＂GetStartedNow＂為什么那么有吸引力呢？為什么它能跳出頁面呈現(xiàn)在你面前？很簡單，運(yùn)用對比！

小結(jié)：對比在設(shè)計(jì)中的運(yùn)用可以說是無處不在，大小對比、方圓對比、位置對比、空間對比、明暗對比、鮮灰對比、冷暖對比和疏密對比等，大家可以在做設(shè)計(jì)的過程中認(rèn)真體會和思考，你也會發(fā)現(xiàn)你在不斷進(jìn)步!

友情提示：本文中關(guān)于《字體顏色對比以及字體對比總結(jié)》給出的范例僅供您參考拓展思維使用，字體顏色對比以及字體對比總結(jié)：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《字體顏色對比以及字體對比總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://m.seogis.com/gongwen/613159.html

• 上一篇：教師信息技術(shù)培訓(xùn)工作總結(jié)
• 下一篇：201*年教師信息技術(shù)培訓(xùn)總結(jié)