版式設(shè)計（第5版） 課件 ch08（版面色彩設(shè)計）

第8章版面色彩設(shè)計版式設(shè)計（第5版）01色彩對比PARTONE色彩對比1.色相對比增強(qiáng)版面鮮活力

色相對比是指對比兩種以上色彩的色相。其對比的強(qiáng)弱程度取決色相在色相環(huán)上的距離（角度），距離（角度）越小對比越弱，反之則對比越強(qiáng)。色相對比鮮明、強(qiáng)烈、飽滿、豐富，容易使人興奮、激動，造成視覺和精神的疲勞。2.補(bǔ)色對比強(qiáng)調(diào)重要信息

在色環(huán)中，補(bǔ)色的色環(huán)間隔（色差值）是180°,補(bǔ)色對比是最強(qiáng)烈的色相對比，給人強(qiáng)烈的刺激和吸引力，如紅與綠、黃與紫、藍(lán)與橙等，互補(bǔ)得當(dāng)使人獲得視覺的刺激和心理上的滿足，可用來強(qiáng)調(diào)重要信息。3.明度對比讓版面簡潔和明快

明度對比，可以是無色相的黑白對比，也可以是添加色塊的對比。使用時要注意歸納版面，強(qiáng)調(diào)整體的色彩面積的對比關(guān)系。色彩對比圖8-1、圖8-2每個版面都有對比，只是對比的強(qiáng)弱不同而已。在大面積的黑色調(diào)上，小面積、鮮明的色塊引導(dǎo)了視覺焦點，給人時尚感。圖8-3彩色淋浴海綿的包裝設(shè)計，色相冷暖對比與補(bǔ)色對比、高強(qiáng)度的色彩對比為版面帶來活力。色彩對比圖8-4Untitled書籍設(shè)計。書籍章節(jié)之間的間隔頁設(shè)計，設(shè)計師特意采用強(qiáng)烈的補(bǔ)色對比，以提示章節(jié)的起止頁，同時也表達(dá)了書籍的時尚風(fēng)格。圖8-5KannaigaiOPEN!活動海報。以強(qiáng)烈的紅藍(lán)補(bǔ)色對比、傾斜的文字編排打破了設(shè)計的平衡，屬于新銳設(shè)計。圖8-6SalvatoreGiunta書籍設(shè)計。以黃色為主色調(diào)，再配置黑色與鮮明的玫瑰紅色，黃、黑、玫瑰紅同時對比，風(fēng)格簡約大氣，色彩鮮明強(qiáng)烈。色彩對比圖8-7BorealisFestival2010-2011年度設(shè)計方案。每年音樂節(jié)都有不同的主題，通常只用兩種顏色，每年都不同，但是有一種顏色從不改變，那就是熒光色。此設(shè)計受“歐普藝術(shù)”的影響，但更具迷幻效果。圖8-8小冊子設(shè)計。在大面積的玫瑰紅調(diào)中配置了少量的冷色（補(bǔ)色）和高明度的亮黃，使紅調(diào)更明快，藍(lán)色的應(yīng)用使色調(diào)顯得更豐富。02色彩調(diào)和PARTTWO色彩調(diào)和1.采用鄰近色或類似色，增進(jìn)色彩調(diào)和

在色環(huán)中，鄰近色的色差值范圍為30，色彩跨越度類似于黃至紅、黃至綠、綠至藍(lán)及藍(lán)至紫。鄰近色既和諧又富有變化。同類色調(diào)更多的是色彩明度的變化，調(diào)和度會更高。這類和諧的調(diào)性往往使色彩品質(zhì)較高，在平面和網(wǎng)頁的商業(yè)設(shè)計中運(yùn)用廣泛。2.降低色彩鮮明度，增進(jìn)色調(diào)調(diào)和

在同時對比兩種以上的色彩中，若要求調(diào)和，則可減緩色彩的過量對比沖擊，降低色彩的色相，或降低其中一種色彩的色相，使其達(dá)到色彩的調(diào)和。3.降低色彩的明度、色相的面積對比達(dá)到調(diào)和

在色彩的對比關(guān)系中，減小或增大其中一種色彩在對比沖擊中的面積，能增進(jìn)色彩調(diào)和，無論是色彩明度的對比還是色相的對比都能達(dá)到良好的效果。色彩調(diào)和圖8-9上海設(shè)計之都活動周主形象海報。設(shè)計風(fēng)格：由紅、綠、藍(lán)對比色塊構(gòu)成幾何圖形的風(fēng)格海報，抽象的幾何風(fēng)格標(biāo)志著上海設(shè)計之都的包容性和國際化。圖8-10低純度的藍(lán)色、藍(lán)綠色系的幾何色塊重復(fù)排列運(yùn)用，極大調(diào)和了版面的色彩。圖8-11版面采用綠色近似色，版面色彩統(tǒng)一和諧，黃綠色調(diào)給人青春活力之感。色彩調(diào)和

圖8-12公園城市餐館標(biāo)志及應(yīng)用設(shè)計。標(biāo)志色彩由一組近似（黃紅色系）、甜美的色彩構(gòu)成，暖色塊中間插一淺綠灰色條,使整組色調(diào)既和諧又對比。圖8-13、圖8-14星巴克宣傳冊。版面中，奶黃色的色圈與蛋糕和咖啡為近似色，奶黃色不斷重復(fù)運(yùn)用，促進(jìn)了畫面色調(diào)的和諧與品質(zhì)感，喚起讀者咖啡的味覺。色彩調(diào)和

圖8-15采用比較飽和的黃綠色調(diào)，除小面積的人物外，將各網(wǎng)格圖片統(tǒng)一調(diào)整為綠色調(diào)，増強(qiáng)了廣告整體的藝術(shù)感染力，中心的黑色塊配色絕佳。圖8-16、圖8T7兩幅作品均采用同一設(shè)計手法。右邊色塊的色彩從左圖中提取，使左、右色彩獲得統(tǒng)一和諧的調(diào)性。色彩調(diào)和

圖8-18在中明度的玫瑰色調(diào)中，小面積的粉藍(lán)色塊（互補(bǔ)色）與主色調(diào)形成鮮明的對比，配置完美，增添了畫面色彩的對比性和豐富性。圖8-19《大生意：全球最佳品牌版式設(shè)計年鑒》書籍內(nèi)頁。左、右頁色彩均采用藍(lán)緑灰調(diào)的近似色系進(jìn)行色彩配置，使左、右色調(diào)整體明確、統(tǒng)一、雅致。圖8-20、圖8-21兩個版面設(shè)計手法統(tǒng)一，從左圖中汲取鄰近色作為右版的色塊，使左、右頁色調(diào)達(dá)到高度的和諧。03單色調(diào)設(shè)計PARTTHREE單色調(diào)設(shè)計單色調(diào)并非只有一種顏色，而是只有一種色相。單色調(diào)的配色方案是由一個單一的基本顏色組成，然后以該顏色的色度、色彩及色調(diào)來做延伸。在配色中，單色調(diào)常通過增加黑、白或灰色來豐富畫面層次，形成良好的視覺效果。單色調(diào)較多色調(diào)對于學(xué)生來說更易于學(xué)習(xí)和把控，達(dá)到版面色彩平衡。單色調(diào)設(shè)計圖8-22藍(lán)色單色調(diào)設(shè)計，單色調(diào)配圖使視覺更加統(tǒng)一，更有設(shè)計感。如果插圖的質(zhì)量不高，采用單色調(diào)會獲得更佳的效果。圖8-23、圖8-24左、右兩圖皆為單色調(diào)，單色調(diào)制作手法簡單，尤其對質(zhì)量欠佳的圖片更容易得到良好的視覺效果，增強(qiáng)藝術(shù)感。單色調(diào)設(shè)計圖8-25將圖片處理成灰色，套用藍(lán)色版，整體呈藍(lán)色調(diào)。圖8-26明度對比案例。整個圖片被處理成低明度的暗紅色調(diào)，以更好地突出白色文字的信息傳達(dá)。04雙色調(diào)設(shè)計PARTFOUR雙色調(diào)設(shè)計雙色調(diào)設(shè)計是指將四色原圖通過兩種顏色來呈現(xiàn)，是一種更理性的整合色彩的思維方式，使版面色彩更簡略，能較好地突出畫面想強(qiáng)調(diào)的重點或趣味性。不同的雙色搭配會產(chǎn)生不一樣的調(diào)性氛圍。采用這種方法可獲得良好的藝術(shù)效果，尤其是質(zhì)量不佳的照片。雙色調(diào)設(shè)計是當(dāng)下平面設(shè)計中的較流行的色彩表達(dá)方式。1.雙色調(diào)設(shè)計的特點雙色以鄰近色和互補(bǔ)色為主。色彩關(guān)系包括同類色、鄰近色、互補(bǔ)色、對比色等。對比色和鄰近色在視覺對比上更強(qiáng)烈，更具感官刺激性。2.雙色調(diào)設(shè)計的方法（1）有色相和無色相（灰度）之間的對比。（2）通過去掉CMYK中的色值可獲取雙色調(diào)，或減去一個或兩個色值，或再強(qiáng)調(diào)紅版、黃版或藍(lán)版等。雙色調(diào)設(shè)計圖8-27四色原圖。圖8-28單色調(diào)，將圖片轉(zhuǎn)為灰度后套紅版。圖8-29單色調(diào)，灰度圖片套藍(lán)版，可任意套色。圖8-30CMYK值為C藍(lán)版+K黑版+暗部+M紅版。圖8-31CMYK值為加強(qiáng)Y黃版+K黑版+暗部+C藍(lán)版。雙色調(diào)設(shè)計圖8-32、圖8-33紅+紫雙色調(diào)系列海報，具有極強(qiáng)的視覺沖擊力。將入物單色調(diào)處理，圖片退底，配以大紅背景，文字錯落排列在人物前后，原本的平面產(chǎn)生了空間感。圖8-34黃+紫雙色調(diào)是一對中性互補(bǔ)色，二色相配既對比又完美、時尚，整個畫面充滿藝術(shù)性魅力。圖8-35主題：你不是一座孤島。紅、藍(lán)雙色調(diào)設(shè)計。人物亮面為藍(lán)色調(diào)，灰部及暗部為紅色調(diào)，雙色調(diào)對比富有時尚感。雙色調(diào)設(shè)計圖8-36雙色調(diào)的配色，求取簡約整體的色彩關(guān)系。提煉的雙色調(diào)，比原圖四色的色彩關(guān)系顯得更簡約明快，更具設(shè)計感，這也是當(dāng)下流行的時尚表達(dá)方式。圖8-37黃+紅雙色調(diào)版面設(shè)計，色彩關(guān)系簡明，版面充滿設(shè)計感。05整合色彩設(shè)計PARTFIVE整合色彩設(shè)計整合色彩設(shè)計需要理性的歸納整合，使版面色彩更簡潔，甚至可保持極簡的兩種色彩的設(shè)計方法。整合色彩設(shè)計常表現(xiàn)為對比關(guān)系。（1）色相對比：色相的同時對比、凈色與鮮明色彩的對比、補(bǔ)色的對比或幾種色彩關(guān)系同時對比等。（2）明度對比：低明度與高明度的對比，如黑白的單色調(diào)與鮮明色彩之間的對比，黑與黃、黑與橙、黑與淡綠等。（3）同類單色調(diào)的明度關(guān)系。整合色彩設(shè)計的手法常通過連續(xù)頁面的系列設(shè)計才能表現(xiàn)出設(shè)計的整體性。整合色彩設(shè)計圖8-38-圖8-414幅畫面的色彩采用系列設(shè)計。人物圖片與文字完全相同，圖像摳圖并灰度處理，再配以不同的色彩。傾斜的色塊形成畫面的主要風(fēng)格。4個設(shè)計完全拋棄圖像的固有色彩，大膽用色，高度整合，個性鮮明。圖8-38、圖8-40為整合色相對比關(guān)系；圖8-39