- 網(wǎng)頁配色萬用寶典
- 張曉景編著
- 1415字
- 2018-12-27 19:34:21
1.2.1 色彩搭配基礎
色彩本身沒有任何含義,但色彩確實可以在不知不覺間影響人的心理,左右人的情緒。不同色彩之間的對比會有不同的效果。當兩種顏色同時在一起時,這兩種顏色可能會各自走向自己色彩表現(xiàn)的極端。例如,紅色與綠色對比,紅的更紅,綠的更綠;黑色與白色對比,黑的更黑,白的更白。由于人的視覺不同,對比的效果通常也會因人而異。當大家長時間看一種純色,例如紅色,然后看看周圍的人,會發(fā)現(xiàn)周圍的人臉色變成了綠色,這正是因為紅色與周圍顏色的對比,形成了人們視覺上的刺激。色彩的對比還會受很多其他因素影響,例如色彩的面積、時間、亮度等。
色彩的對比有很多方面,色相的對比就是其中一種。比如,當湖水藍與深藍色對比時,會發(fā)覺深藍色帶點紫色,而湖水藍則帶點綠色。各種純色的對比會產(chǎn)生鮮明的色彩效果,很容易給人帶來視覺與心理的滿足。例如,紅色與黃色對比,紅色會使人想起玫瑰的味道,而黃色則會使人想起檸檬的味道。綠色與紫色對比,特色鮮明,令人感覺到活潑、自然,如圖1-3所示。

圖1-3 色彩的對比
紅、黃、藍三種顏色是最極端的色彩,它們之間對比時,哪一種顏色也無法影響對方。
純度對比也是色彩間對比的一種,舉個例子,黃色是比較奪目的顏色,但是加入灰色會失去其奪目的光彩,通常可以混入黑、白、灰色來對比純色,以降低其純度。純度的對比會使色彩的效果更明確。除了色相對比、純度對比之外,色彩搭配還會受到下面一些因素的影響。
● 色彩的大小和形狀
有很多因素可以影響色彩的對比效果,色彩的大小就是其中最重要的一項。如果兩種色彩面積相同,那么這兩種顏色之間的對比就十分強烈,但是當兩者大小變得不一樣時,小面積色彩就會成為大面積色彩的補充。色彩的面積大小會使色彩的對比有一種生動的效果,比如,在一大片綠色中加入一小點紅色,可以看到紅色在綠色的襯托下很搶眼,這就是色彩的面積大小對比效果的影響。在大面積的色彩陪襯下,小面積的純色效果會突出特別,但是如果這個小面積的色彩是較淡的色彩,則會使人感覺不到這種色彩的存在。例如,在黃色中加入淡灰色,人們根本不會注意到淡灰色,如圖1-4所示。

圖1-4 色彩的大小和形狀
在不同的形狀上面使用同一種色彩也會有不同的效果。比如,在一個正方形和一條線上用紅色,就會發(fā)現(xiàn),正方形更能表現(xiàn)紅色穩(wěn)重、喜慶的感覺,所以不同的形狀也會影響色彩的表現(xiàn)效果。
● 色彩的位置
色彩所處的位置不同,也會造成色彩對比的不同。比如,把兩個同樣大小的色彩放在不同的位置,如前后位置,就會覺得后面的顏色要比前面的顏色暗一些。正是由于所處的位置不同,導致視覺感受的不同。很多軟件中都有漸變工具,使用這個工具,則會使人覺得多種色彩在一起,會有一種不同的效果,純度不同的色彩組合在一起常常會產(chǎn)生令人吃驚的效果。
不要認為色彩的漸變很簡單,它是色彩運用的一種技巧。色彩的漸變中有一種如同樂曲旋律一樣的變化,暗色中含有高亮度的對比,會給人清晰的感覺,如深紅中間是鮮紅;中性色與低高度的對比,給人模糊、朦朧、深奧的感覺,如草綠中間是淺灰;純色與高亮度的對比,給人跳躍舞動的感覺,如黃色與白色的對比;純色與低亮度的對比,給人輕柔、歡快的感覺,如淺藍色與白色;純色與暗色的對比,給人強硬、不可改變的感覺,如圖1-5所示為色彩位置的應用。

圖1-5 色彩的位置
色彩的搭配是一門藝術,靈活運用色彩搭配能讓網(wǎng)頁更具親和力和感染力。當然,前面講述的內(nèi)容多偏重于理論,要制作出漂亮的網(wǎng)頁,還需要靈活運用色彩,并在制作網(wǎng)頁的時候加上自己的創(chuàng)意。
- Dreamweaver CS3 Ajax網(wǎng)頁設計入門與實例詳解
- 高效能辦公必修課:Word圖文處理
- R Machine Learning By Example
- 來吧!帶你玩轉(zhuǎn)Excel VBA
- 工業(yè)機器人入門實用教程(KUKA機器人)
- 激光選區(qū)熔化3D打印技術
- 貫通Hibernate開發(fā)
- WPF專業(yè)編程指南
- Generative Adversarial Networks Projects
- 從祖先到算法:加速進化的人類文化
- ROS Robotics By Example(Second Edition)
- JSP網(wǎng)絡開發(fā)入門與實踐
- 單片機硬件接口電路及實例解析
- Building Virtual Pentesting Labs for Advanced Penetration Testing(Second Edition)
- 機器學習公式詳解