1.5 版式色彩搭配基礎

色彩可以在不知不覺間影響人的心理、左右人的情緒。不同色彩之間的對比會有不同的效果。當兩種顏色放在一起時，這兩種顏色可能會各自走向自己色彩表現的極端。例如，紅色與綠色對比，紅的更紅，綠的更綠；黑色與白色對比，黑的更黑，白的更白。

由于人的視覺差異，對比的效果通常也會因人而異。當大家長時間看一種純色，例如紅色，然后再看周圍的人，會發現周圍的人的臉色變成了綠色，這正是因為紅色與周圍顏色的對比，造成了人們視覺的刺激。版式設計中色彩的對比還會受很多其他因素影響，例如色彩的面積、時間、亮度等。

色相的對比

版式設計中色彩的對比有很多方面，色相的對比就是其中的一種。比如，當湖水藍與深藍色對比時，會發覺深藍色帶點紫色，而湖水藍則帶點綠色。各種純色的對比會產生鮮明的色彩效果，很容易給人帶來視覺與心理上的滿足。例如，紅色與黃色對比，紅色會使人想起玫瑰的味道，而黃色則會使人想起檸檬的味道。綠色與紫色對比，很有鮮明特色，令人感覺到活潑、自然，如圖1-15所示。

紅、黃、藍三種顏色是最極端的色彩，它們之間對比，哪一種顏色也無法影響對方。同時，顏色的純度也會影響色相的對比效果，舉個例子，黃色是比較奪目的顏色，但是加入灰色會失去其奪目的光彩，通常可以混入黑、白、灰色來對比純色，以減低其純度。純度的對比會使色彩的效果更明確肯定。除了色相對比、純度對比之外，色彩搭配還會受到下面一些因素的影響。

色彩的大小和形狀

有很多因素可以影響色彩的對比效果，色彩的大小就是其中最重要的一項。如果兩種色彩面積相同，那么這兩種顏色之間的對比就十分強烈，但是當兩者大小變得不一樣時，小面積色彩就會成為大面積色彩的補充。

色彩的面積大小會使色彩的對比有一種生動的效果，比如，在一大片綠色中加入一小點紅色，可以看到紅色在綠色的襯托下很搶眼，如圖1-16所示。這就是色彩的面積大小對對比效果的影響。在大面積的色彩陪襯下，小面積的純色會突出特別的效果，但是如果這小面積的色彩是較淡的色彩，則會使人感覺不到這種色彩的存在。例如，集中頁面中的紅色為一點，凸顯設計主體，如圖1-17所示。

在不同的形狀上面使用同一種色彩也會有不同的效果。比如，在一個正方形和一條線上用紅色，就會發現，正方形更能表現紅色穩重、喜慶的感覺。所以不同的形狀也會影響色彩的表現效果。

色彩的位置

色彩所處的位置不同也會造成色彩對比的不同。比如，把兩個同樣大小的色彩放在不同的位置，如前后位置，就會覺得后面的顏色要比前面的顏色暗一些，如圖1-18所示。正是由于所處的位置的不同，導致視覺感受的不同。很多軟件中都有漸變工具，使用這個工具，則會使人覺得多種色彩在一起會有一種不同的效果，色相相同但純度不同的色彩組合在一起常常會產生令人吃驚的效果。

漸變是色彩運用的一種技巧。色彩的漸變中有一種如同樂曲旋律一樣的變化，暗色中含有高亮度的對比，會給人清晰的感覺，如深紅中間是鮮紅；中性色與低亮度的對比，給人模糊、朦朧、深奧的感覺，如草綠中間是淺灰；純色與高亮度色的對比，給人跳躍舞動的感覺，如黃色與白色的對比；純色與低亮度的對比，給人輕柔、歡快的感覺，如純色與暗色的對比，給人強硬、不可改變的感覺，如圖1-19所示為色彩位置的應用。

色彩的搭配是一門藝術，靈活運用色彩搭配能讓設計的網頁更具親和力和感染力。當然，前面講述的內容多偏重于理論，要制作出漂亮的網頁，還需要靈活運用色彩，并在制作網頁的時候加上自己的創意。