版式設(shè)計(jì)原理與應(yīng)用

1、版式設(shè)計(jì)原理與應(yīng)用平面設(shè)計(jì)基礎(chǔ)知識色輪 理解色彩搭配的必備工具 色輪 理解色彩搭配的必備工具色輪就是用于理解色彩間的關(guān)聯(lián)的工具，也叫做色相環(huán)。 色輪是由可見光范圍內(nèi)的色彩組成的圓環(huán)。 它使用12種基本色來代表無限色譜，就如同一盒12色蠟筆里的色彩色彩的含義 色輪由12中基本顏色組成。首先是紅、黃、藍(lán)三原色；三原色兩兩混合得到間色；間色再兩兩混合得到三級色。三原色色輪的母色，它們是唯一不能由其余顏色調(diào)成的色彩。三原色圍繞色輪平均分布，兩兩呈120度。間色三級色位于兩原色的中部，并且由與之相鄰的兩個(gè)原色平均混合得到填滿剩下的空格，它們由與之相鄰的原色和間色平均混合得到色彩明度 色彩也有明暗，為了展

2、示明度，色環(huán)內(nèi)外還存在更多的環(huán)；外部較大的兩個(gè)環(huán)由深色組成，內(nèi)部較小的兩個(gè)環(huán)由淺色組成。淺色和深色深色就是在純色里加入了黑色，淺色就是在純色里加入了白色色彩關(guān)系單色色調(diào)首先是同種顏色的深、中、淺組合，這就是單色色調(diào)，它雖然沒有色相對比，卻形成了色彩明度對比，在優(yōu)秀平面設(shè)計(jì)中是很重要的因素。近似色 相鄰的顏色被稱為近似色。如右圖的紅色和黃色，類似色具有很強(qiáng)的潛在關(guān)聯(lián)性，能營造出賞心悅目的和諧感補(bǔ)色 色輪上位于同一條直線上的兩個(gè)顏色互為補(bǔ)色。 如右圖中的藍(lán)色和橙色。補(bǔ)色形成對比，可表現(xiàn)出力量、氣勢和活力。 通常補(bǔ)色使用于強(qiáng)調(diào)色，強(qiáng)調(diào)色使用量比其補(bǔ)色少。例如，在一片藍(lán)色上使用一點(diǎn)橙色，橙色就作為強(qiáng)調(diào)

3、色。分裂補(bǔ)色 如果組合中同時(shí)存在某種顏色及其補(bǔ)色的近似色，則這種色調(diào)就是分裂補(bǔ)色色調(diào)。 類似色之間柔和的美，加上互補(bǔ)色間強(qiáng)烈的視覺沖擊，使得此種色調(diào)獨(dú)具感染力。有圖的色調(diào)中，紅色最為突出，因此作為強(qiáng)調(diào)色。原色色調(diào) 除了在兒童用品里，三原色一般很少一起出現(xiàn)。不過，在美國文化里，從快餐到石油的包裝，紅黃搭配都十分流行。紅藍(lán)搭配也很常見，不過，僅二者被隔離開時(shí)，才顯得美觀。間色色調(diào) 間色之間具有諸多共性，或皆含紅色，或皆含黃色，或皆含藍(lán)色，因此它們搭配起來十分和諧。三間色相配，既顯得柔美動人，豐富多彩，又具有悅目的縱深感和空間感現(xiàn)在，我們運(yùn)用上面講的知識來做一個(gè)測試 如右四張封面，每張都使用了一種基

4、本顏色關(guān)系（單色，近似色，補(bǔ)色，分裂補(bǔ)色，原色或間色）你能分辨得出來嗎？提示：看大塊而不是小塊的顏色，忽略黑色和白色。當(dāng)我們用色輪對其分析后,就很容易得到答案: A:單色搭配;B:補(bǔ)色搭配;C:三原色搭配;D:類比色搭配 接下來，看一個(gè)實(shí)際運(yùn)用。怎樣尋找最佳色彩？ 你所需要的色彩就隱藏在圖片中，讓我告訴你如何把它找出來。現(xiàn)在，我們要為某女子大學(xué)設(shè)計(jì)一張學(xué)術(shù)節(jié)目單 要求使用這張表情嚴(yán)肅，面部充滿雀斑的女模特的照片 需達(dá)到的設(shè)計(jì)目標(biāo)是，既要向人們傳達(dá)出節(jié)目的嚴(yán)肅務(wù)實(shí)之感，又不失其新鮮活力和個(gè)性 重點(diǎn)體現(xiàn)時(shí)尚感會更好，色彩凌駕于各要素之上1.放大圖片每張照片本身就具有色調(diào)。我們首先要找到這個(gè)色調(diào)并對

5、其進(jìn)行整理。放大照片，你看到的顏色之多將會使你驚訝無比。 以正常距離觀察照片，我們只看到幾種顏色，皮膚的肉色，頭發(fā)的黃色，瞳孔和外套的藍(lán)色。一旦將其放大，無數(shù)的色彩便出現(xiàn)了！ 第一步，減少色彩的數(shù)量使照片便于處理，以16、32、64位為上限在Photoshop里，先復(fù)制照片圖層以防丟失，然后選擇濾鏡像素化馬賽克（左圖）將單個(gè)的像素變大，則色彩的數(shù)目就會變少。如果想要增添色彩，則只需縮小像素的尺寸2 、提取顏色現(xiàn)使用吸管工具將顏色提取出來。順序是由大塊色（看到最多的顏色）到小塊色。 為形成對比，每塊顏色都要從像素中分別提取出深、中、淺三色。 首先處理大塊的色彩，隨意一瞥就可看到的顏色：模特的膚色

6、、發(fā)色以及衣服的顏色。 然后再處理小塊色，如她的眼睛、嘴唇、頭發(fā)高光以及柔和陰影的顏色。這張照片分為亮部和暗部，雖然不明顯，但請一定注意。取樣顏色時(shí)應(yīng)逐步進(jìn)行，完成一個(gè)部分再到另一個(gè)部分，整理所得色彩，先依照色相（由淺到深）將單個(gè)顏色排列好，去掉近似色，最后得到的規(guī)律會令你驚喜。3 嘗試使用各種顏色 將照片放在每種顏色上對比，結(jié)果令人滿意，不是嗎?有趣的是，照這種方法搭配的效果總是不錯(cuò)，因?yàn)檫x用的這些色彩本來就存在于照片中。 暖色 一下四種屬于暖色粉紅色、淺橙色、深褐色、棕色，均提取自模特的發(fā)色。暖色背景使得人物顯得更柔和甜美，所以這種色系適用于傳遞美容或者表達(dá)關(guān)愛的信息。 冷色 冷色系主要是

7、藍(lán)色，更擅長表現(xiàn)一種嚴(yán)肅務(wù)實(shí)的感覺，使用于傳達(dá)直截切題的信息。注意，色彩的明度值越低，女模特的臉部顯得越明亮，就好像她穿越頁面，向你飛來。3 嘗試使用各種顏色 將照片放在每種顏色上對比，結(jié)果令人滿意，不是嗎?有趣的是，照這種方法搭配的效果總是不錯(cuò)，因?yàn)檫x用的這些色彩本來就存在于照片中。4 添加色彩下一步就是添加更多的色彩。選擇提取出的任一顏色并將其在色輪上定位，因?yàn)樯喣苷故境龈鞣N顏色間的關(guān)系 選擇照片上的任一色彩，比如藍(lán)色，然后再色輪上找到與它大致相同的顏色。我們將此種顏色稱為基色。大家知道，基色與照片已能互相搭配，現(xiàn)在我們就要尋找其他可與基色協(xié)調(diào)的色彩。如果還要使用文字或其他圖形，需要同時(shí)

8、添加深色和淺色，以便各元素形成對比。5 創(chuàng)建色調(diào)現(xiàn)在我們根據(jù)基色，便可以創(chuàng)建出一個(gè)與版面協(xié)調(diào)的色調(diào)范圍。不同明度的色彩可混合搭配，比如，中藍(lán)色可與藍(lán)綠色及深紫色搭配。 單色調(diào) 首先是基色的深、中、淺三色的組合，這被稱為單色調(diào)。單色調(diào)沒有色相變化，卻提供了深、淺的色彩明度對比，這在優(yōu)秀的平面設(shè)計(jì)中是很重要的因素。近似色調(diào)與基色緊緊相鄰的顏色便是近似色。近似色間具有很強(qiáng)的潛在關(guān)聯(lián)性，如圖中的藍(lán)綠、藍(lán)色和藍(lán)紫色，營造出一種賞心悅目的協(xié)調(diào)感。近似色色調(diào)類別豐富，運(yùn)用起來也很簡單。補(bǔ)色如圖與基色相對的顏色便稱為基色的補(bǔ)色，即橙色系。補(bǔ)色形成對比。分裂補(bǔ)色近似色間柔和的美加上互補(bǔ)色間強(qiáng)烈的視覺沖擊，使得此

9、種色調(diào)獨(dú)具感染力。本例中，藍(lán)色將最可能被用作強(qiáng)調(diào)色 補(bǔ)色/近似色 這種色調(diào)與分裂補(bǔ)色色調(diào)原理相同，但包含了更多的色彩。增加的色彩使暖色之間的過渡更加柔和協(xié)調(diào)，并與冷色形成更鮮明的對比。 這是一種緊張而激烈的色調(diào)組合近似色/補(bǔ)色 基色與其近似色組合制造的協(xié)調(diào)感被其補(bǔ)色阻斷。記住，兩對比色若明度相同，則趨于沖突；若明度不同，則相輔相成。這就是為什么我們要提取同種顏色的深、中、淺三種色調(diào)。6 編輯與應(yīng)用 現(xiàn)在開始設(shè)計(jì)版面了。首先決定使用哪種色調(diào)。如何選擇呢？ 關(guān)鍵是看內(nèi)容，根據(jù)設(shè)計(jì)意圖來權(quán)衡各種色調(diào)。 下面有如下幾種色調(diào)搭配，來表現(xiàn)不同的內(nèi)容：理性 大家都喜歡藍(lán)色。有意思的是，照片本身具有藍(lán)色和橙色

10、，形成自然而完美的對比。藍(lán)色背景淡化了人物的衣服，使女子凝視的目光似乎穿越了頁面。整個(gè)版面美觀而有條理莊重 這種色調(diào)源于女模特頭發(fā)的顏色，并為強(qiáng)調(diào)紅色而選用了臨近的黃色。而在藍(lán)色背景上顯得后退的人物眼睛和外衣在紅色背景卻因?qū)Ρ榷怀?。注意，紅色在人物頭發(fā)上僅作為高光，當(dāng)填充了頁面時(shí)卻真正具有了影響力。版面莊重而熱情，引人入勝。熱情 女模特發(fā)上的高光色主持整個(gè)頁面，藍(lán)色調(diào)引起對比，帶來縱深感。版面上一個(gè)特別的有趣之處就是黃色的標(biāo)題，它看起來就像是照片上被挖空了一部分。整版顯得很平面，色彩搭配熱情而迷人。不過，唯有前衛(wèi)的客戶才會選擇它。休閑 藍(lán)綠色，偏綠系，是藍(lán)色的近似色，照片中并沒有這個(gè)美麗的顏

11、色。它在版面中顯得很特別，并增添了活力和縱深感，還使信息看起來很休閑。現(xiàn)在比較流行這種平易近人的色調(diào)。女模特在藍(lán)背景下發(fā)藍(lán)的眼睛，在此處趨于發(fā)綠。標(biāo)題字體的淺橙色與背景形成柔和的對比。精致 紫色也是藍(lán)色的近似色，而藍(lán)紫色也是照片里沒有的顏色。藍(lán)紫色偏紅，使得整個(gè)圖像顯得更漂亮，因?yàn)楝F(xiàn)在臉、頭發(fā)和背景看起來更相似。通常來講，藍(lán)紫色是一種溫柔寧靜，生機(jī)勃勃的冷色（具有清新的特性）好了，這個(gè)例子就講到這里了！接下來，是我們分享創(chuàng)意的時(shí)間!高端大氣上檔次的生活創(chuàng)意絕了！洗手間的鏡子變成潮人的墨鏡 沙袋變成一支煙 創(chuàng)意涂料廣告創(chuàng)意性感火柴盒 哈雷摩托車創(chuàng)意廣告曾獲戛納廣告節(jié)金獅獎(jiǎng)的哈雷摩托車創(chuàng)意廣告，

12、把哈雷拆成單個(gè)的零件拼成了人像，寓意每個(gè)擁有者為哈雷機(jī)車注入了靈魂。雖然后來有很多大品牌都模仿了他們的這種創(chuàng)意表現(xiàn)手法，但是終究無法超越。 挖掘機(jī)創(chuàng)意廣告這力量，一定很給力吧！吹葉機(jī)創(chuàng)意廣告最強(qiáng)大的吹葉機(jī)。 夠直白的廣告，相信都看得懂！Nikol紙巾創(chuàng)意廣告Nikol紙巾廣告創(chuàng)意:讓人嘆服的超強(qiáng)吸水性！ 接下來。 上點(diǎn)兒好菜【創(chuàng)意】美食教你認(rèn)國旗 澳大利亞 （鮮肉餡餅 番茄沙司）巴西 （香蕉葉+檸檬+菠蘿+西番蓮果）法國 （藍(lán)紋奶酪 + 乳酪 + 葡萄）英國 （司康餅 + 奶油 + 果醬） 希臘 (黑橄欖 + 羊乳酪) 印度 （咖喱+大米飯+pappadum餅干）印度尼西亞 （紅辣椒咖喱 + 米飯）西班牙 （西班牙辣香腸 + 米飯）意大