版式設計原理與應用

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

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

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

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

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

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

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

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

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

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

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

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