UI 設計中有哪些很漂亮的色彩搭配?


1,底色和圖形色要有一定的對比度,一般用明亮鮮艷的色調做圖形色才能突出強調。
2,整體色調 如果我們想使我們的設計能夠充滿生氣,穩健,冷清或者溫暖,寒冷等感覺都是由整體色調決定的。那麼我們怎麼能夠控制好整體色調呢?只有控制好構成整體色調的色相、明度、純度關係和面積關係等。才可以控制好我們設計的整體色調。首先要在配色中心決定佔大面積的色,並根據這一色來選擇不同的配色方案會得到不同的整體色調。從中選擇出我們想要的。 如果我們用暖色系列來做我們的整體色調則會呈現出溫暖的感覺,反之亦然。 如果用暖色和純度高的色作為整體色調則給人以火熱刺激的感覺,以冷色和純度低的色為主色調則讓人感到清冷、平靜的感覺。 以明度高的色為主則亮麗,而且變得輕快,以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑,取類似、同一色系則感到穩健。 色相數多則會華麗,少則淡雅、清新。 以上幾點整體色調的選擇要根據我們所要表達的內容來決定。
3 配色的平衡 色的平衡就是顏色的強弱、輕重、濃淡這種關係的平衡。這些元素在感覺上會左右顏色的平衡關係。因此,即使相同的配色,也將會根據圖形的形狀和面積的大小來決定成為調和色或不調和色。一般同類色配色比較容易平衡。 處於補色關係且明度也相似的純色配色,如:紅和蘭綠的配色,會因過分強烈感到刺眼,成為不調和色。可是若把一個色的面積縮小或加白黑,改變其明度和彩度並取得平衡,則可以使這種不調和色變的調和。 純度高而且強烈的色與同樣明度的濁色或灰色配合時,如果前者的面積小,而後者的面積大也可以很容易的取得平衡。 將明色與暗色上下配置時,若明色在上暗色在下則會顯得安定。反之,若暗色在明色上則有動感。
4 配色時要有重點色 配色時,為了彌補調子的單調,可以將某個色作為重點,從而使整體配色平衡。在整體配色的關係不明確曖昧時,我們就需要突出一個重點色來平衡配色關係。選擇重點色要注意以下幾點: 重點色應該使用比其他的色調更強烈的色。 重點色應該選擇與整體色調相對比的調和色。 重點色應該用於極小的面積上。而不能用於大面積上。 選擇重點色必須考慮配色方面的平衡效果。
5 第五步、配色的節奏 由顏色的配置產生整體的調子。而這種配置關係在整體色調中反覆出現排列就產生了節奏。色的節奏和顏色的排放,形狀,質感等有關。由於漸進的變化色相、明度、純度都會產生變化而且時有規律的,所以就產生了階調的節奏。 將色相、明暗、強弱等等的變化做幾次反覆,從而會產生反覆的節奏。 可以通過賦予色彩的配置以跳躍和方向感就會產生動的節奏,等等。我們可以通過學習或訓練來掌握更多的節奏效果。
6 漸變色的調和 2色或2個以上的色不調和時,在其中間插入階梯變化的幾個色,就可以使之調和。色環的漸變:色相的漸變象色環一樣,在紅、黃、綠、蘭、紫等色相之間配以中間色,就可以得到漸變的變化。 明度的漸變:從明色到暗色階梯的變化。 純度的漸變:從純色到濁色或到黑色的階梯變化。 根據色相、明度、純度組合的漸變,把各種各樣的變化作為漸變的處理,從而構成複雜的效果。這些漸變色都是調和的。
7 在配色方面的統調 所謂統調,即為了多色配合的整體統一而用一個色調支配全體,將這個色叫做統調色,也就是支配色調。 色相統調是在各色中加入相同的色相,而使整體色調統一在一個色系當中。從而達到調和。 明度統調是加白色或黑色,以使全體色調的明度相似。這樣也可以達到調和。 純度統調是加灰色,以使全體色調的純度相似
8 在配色方面的分割 個色如果互相處於對立關係是對比的,具有過分強烈的效果,成為不調和色。為了調節它們,在這些色中用其它色把它們劃分開來,即分割。將用於分割的色叫做分割色。由於分割的目的,可以用於分割色的顏色不多,最常用的是白、灰、黑。 金色和銀色也具有分割的效果。但在我們的電腦中很難調出具有重量感的這兩種色,所以在電腦中幾乎用不到這兩種色。但可以用於印刷中。 使用其它彩色進行分割也可以,但要選擇與原來色有明顯區別的明度,同時也應考慮色相和純度。 以上這些是我們在配色時注意的一些問題和解決的一些基本方法。

我想還有更多的色彩問題,我這裡沒有談到。如:色彩的感情、色彩的形狀、色彩的味覺、色彩的距離感、色彩的音樂感等等。紅色:熱情、浪漫、火焰、暴力、侵略。紅色在很多文化中代表的是停止的訊號,用於警告或禁止一些動作紫色:創造、謎、忠誠、神秘、稀有。紫色在某些文化中與死亡有關。 藍色:忠誠、安全、保守、寧靜、冷漠、悲傷。 綠色:自然、穩定、成長、忌妒。在北美文化中,綠色代表的是「行」,與環保意識有關,也經常被連結到有關財政方面的事物。 黃色:明亮、光輝、疾病、懦弱。 黑色:能力、精緻、現代感、死亡、病態、邪惡。 白色:純潔、天真、潔凈、真理、和平、冷淡、貧乏。白色在中華文化中也代表著死亡的顏色。打開一個網站,給用戶留下第一印象的既不是網站豐富的內容,也不是網站合理的版面布局,而是網站的色彩。色彩對人的視覺效果非常明顯,一個網站設計成功與否,在某種程度上取決於設計者對色彩的運用和搭配。因為網頁設計屬於一種平面效果設計,在排除立體圖形、動畫效果之外,在平面圖上,色彩的衝擊力是最強的,它很容易給用戶留下深刻的印象。因此,在設計網頁時,我們必須要高度重視色彩的搭配。一、色彩的基礎知識色彩五顏六色、千變萬化,我們平時所看到的白色光,經過分析在色帶上可以看到,它事實上包括紅、橙、黃、綠、青、藍、紫等七色,各顏色間自然過渡。其中,紅、黃、藍是三原色,三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分,冷色(如藍色)給人的感覺是安靜、冰冷;而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。色彩與人的心理感覺和情緒也有一定的關係,利用這一點可以在設計網頁時形成自己獨特的色彩效果,給瀏覽者留下深刻的印象。一般情況下,各種色彩給人的感覺是:紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥橙色代表光明、華麗、興奮、甜蜜、快樂黃色代表明朗、愉快、高貴、希望綠色代表新鮮、平靜、和平、柔和、安逸、青春藍色代表深遠、永恆、沉靜、理智、誠實、寒冷紫色代表優雅、高貴、魅力、自傲白色代表純潔、純真、樸素、神聖、明快灰色代表憂鬱、消極、謙虛、平凡、沉默、中庸、寂寞黑色代表崇高、堅實、嚴肅、剛健、粗莽二、色彩搭配的原則色彩搭配既是一項技術性工作,同時它也是一項藝術性很強的工作,因此,設計者在設計網頁時除了考慮網站本身的特點外,還要遵循一定的藝術規律,從而設計出色彩鮮明、性格獨特的網站。1.特色鮮明一個網站的用色必須要有自己獨特的風格,這樣才能顯得個性鮮明,給瀏覽者留下深刻的印象。2.搭配合理網頁設計雖然屬於平面設計的範疇,但它又與其它平面設計不同,它在遵從藝術規律的同時,還考慮人的生理特點,色彩搭配一定要合理,給人一種和諧、愉快的感覺,避免採用純度很高的單一色彩,這樣容易造成視覺疲勞。3.講究藝術性網站設計也是一種藝術活動,因此它必須遵循藝術規律,在考慮到網站本身特點的同時,按照內容決定形式的原則,大膽進行藝術創新,設計出既符合網站要求,又有一定藝術特色的網站。三、色彩搭配要注意的問題1.使用單色儘管網站設計要避免採用單一色彩,以免產生單調的感覺,但通過調整色彩的飽和度和透明度也可以產生變化,使網站避免單調。2.使用鄰近色所謂鄰近色,就是在色帶上相鄰近的顏色,例如綠色和藍色,紅色和黃色就互為鄰近色。採用鄰近色設計網頁可以使網頁避免色彩雜亂,易於達到頁面的和諧統一。3.使用對比色對比色可以突出重點,產生了強烈的視覺效果,通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調,對比色作為點綴,可以起到畫龍點睛的作用。4.黑色的使用黑色是一種特殊的顏色,如果使用恰當,設計合理,往往產生很強烈的藝術效果,黑色一般用來作背景色,與其它純度色彩搭配使用。5.背景色的使用背景色一般採用素淡清雅的色彩,避免採用花紋複雜的圖片和純度很高的色彩作為背景色,同時背景色要與文字的色彩對比強烈一些。6.色彩的數量一般初學者在設計網頁時往往使用多種顏色,使網頁變得很「花」,缺乏統一和協調,表面上看起來很花哨,但缺乏內在的美感。事實上,網站用色並不是越多越好,一般控制在三種色彩以內,通過調整色彩的各種屬性來產生變化


色彩有三個基本的要素:

色相:即色彩的相貌。它包括紅黃藍三原色和三原色相互吸收形成的其他色彩。

色度:即色彩的純度、濃度和飽和度。

明度:即色彩本身的明暗度。如黃色明度最高。

由於以上三個基本要素的不同配合,構成了千變萬化、豐富多採的繽紛世界。那麼,選取哪一種或哪幾種作為企業的標準色呢?大致應考慮以下因素。自身發展不同的企業,有不同的形象定位,而不同的色彩,又給人以不同的情緒聯想。成功的標準色設計就是要在二者之間找到一條直通而有效的管道,建立起某種意義上的必然聯繫。

以同樣選取紅色作為企業的標準色的可口可樂和日本第一勸業銀行來說,可口可樂注重紅色所象徵的溫暖、親切、和睦。因此,在色彩的色度處理上有所不同。可口可樂使用的是高色度的紅色,給人以強烈的視覺刺激,有一種躍動感,增加了沉靜的成分,符合銀行的經營特徵。

標準色可以是單色的,也可以是多色的。由多種顏色構成的標準色根據各顏色的不同作用分為複數標準色和多色系統標準色兩種。

複數標準色的多種顏色在作用上是平等的,沒有主次之分,如富士膠捲的紅和綠。多色系統標準色的多種顏色分為標準色和輔助色。

單色標準色具有視覺效果集中、刺激強烈、製作方便、易於傳播的特點。複數標準色中在色彩的搭配,具有色彩組合形成的律動美感。

多色系統標準色的主要目的在於通過系列化的輔助色差異來區別構成企業集團的各分之機構或系列化產品的不同種類。如中國人民保險公司選用灰色作為基色,象徵企業經營穩健,管理嚴謹]科學,員工素養深厚。其三個子公司通過與灰色球體形成對照的四分之三圓環的不同顏色作為區別。枯黃象徵「財富保全」,代表中保財產保險公司;綠色寓意「生命之樹長綠」,代表中保人壽保險公司;藍色代表中保再保險有限公司,預示公司主要經營國標性重大保險標的的分出分入業務。

人們理解某些商品的習慣色

人們在理解某些商品時,往往會自然的聯繫某些顏色。如對食品,人們習慣於接受紅色等暖色調;對化妝品,習慣於中性的素雅色調,桃紅給人溫馨、優雅和清香感;對藥品,習慣於中性偏冷色調,尤以藍綠為多;對機電產品,習慣於黑色,深藍色等穩重、沉穩、樸實的色調,等等。總結世界上著名企業的標準色實踐,將色彩和行業間的關係列為下表。

色 彩  適合行業(企業形象或產品內容)

紅色系  食品業、交通業、百貨業、藥品業

橙色系  食品業、建築業、石化業、百貨業

黃色系  電器業、化工業、建築業、百貨業

綠色系  金融業、農林業、建築業、百貨業

藍色系  藥品業、交通業、百貨業、化工業

紫色系  化裝業、服裝業、出版業

視覺的心理感受

不同的對象相同色彩刺激時的心理感受是不同的,這是由於對象自身的生活經驗、社會意識、文化水平、風俗習慣、民族傳統、興趣愛好不同造成的。就我國目前的情況看,經濟發展水平較高、文化教育程度較高的地區較喜歡接受素雅的色彩;而在經濟發展水平較低、文化教育水平落後的地區,濃艷亮麗的色彩更受歡迎。再如,黃色在我國象徵著尊貴,但在伊斯蘭眼中卻是死亡的象徵。

同樣的顏色在不同的底色襯托下,也會給人不同的視覺心理感受。如:

紅色:以黑色為底色,象徵著激情和力量。

以黃色為底色,紅色受到抑制,處於從屬地位。

黃色:以黑色為底色,即富進取性的輝煌。

以藍色為底色,顯得輝煌而喧鬧。

以橙色為底色,流露著成熟的韻味。

以綠色為底色,極具擴張性,亮麗非凡。

綠色:以黃色為底色,輕盈明快。

以黑色為底色,穩重高雅。

製作成本與技術因素

標準色的數量選擇和精度要求不僅應考慮企業的經營理念,也應考慮製作成本和由設計轉為產品的技術因素。以印刷品為例來說,每增加一種顏色,成本就會增加百分之三十左右。如果在多種顏色的分辨上要求精度高,則印刷的要求也相應提高,從而增大了製作難度和成本。

二、色彩與聯想

色彩刺激往往由於接受者的豐富的心理體驗而自然地將其與某種心理感受、情緒甚至概念聯繫起來,如紅色系給人以溫暖的感覺,和熱情、喜慶、積極相聯;藍色系給人以清冷的感覺,和寧靜、理智、高雅相聯等。這一特點是標準色設計乃至整個VI設計中都應予以充分注意,不可忽視的。下面就幾種常用的顏色分別加以說明。

紅 色:太陽、紅旗、火焰。

抽象聯想:熱烈、積極、青春、健康、新鮮、溫暖、革命、憤怒、危險。

觸覺感受:燙熱、酥鬆、牢固、堅硬。

聽覺感受:吶喊、吵鬧、嘶啞。

味覺感受:甜蜜、醇美、辛辣、生澀。

嗅覺感受:艷香、霉味。

黃 色:黃金、沙漠、燈光。

抽象聯想:光明、愉快、富貴、快樂、刺激、警惕。

觸覺感受:光滑、柔軟、流動、濕潤。

聽覺感受:響亮、尖銳、悠揚、沙啞。

味覺感受:甜逆、酸苦。

嗅覺感受:甜香、清香、酸梅味。

綠 色:草原、森林、大地。

抽象聯想:自然、健康、新鮮、安靜、清爽、和平、成長。

觸覺感受:平滑、細嫩、陰涼、粘稠。

聽覺感受:清脆、柔和、低沉。

味覺感受:酸澀、微苦。

嗅覺感受:芳草的清香。

藍 色:天空、海洋。

抽象聯想:理智、科技、深邃、誠實、寂寞、冷靜。

觸覺感受:冷冰、平滑、硬、粘。

聽覺感受:嘹亮、和諧、幽遠、沉重。

味覺感受:酸脆、油膩。

嗅覺感受:烈香、藥味、腥味。

白 色:雪、雲。

抽象聯想:純潔、神聖、清白、明快、空虛。

觸覺感受:清潔、光亮、平坦。

聽覺感受:寧靜。

味覺感受:平淡、無味。

嗅覺感受:桂花香、無味。

黑 色:具體聯想:夜晚、黑髮。

抽象聯想:沉著、厚重、高級、衰老、絕望。

觸覺感受:厚硬。

聽覺感受:渾厚。

味覺感受:焦苦。

嗅覺感受:焦糊味。


網頁設計顏色搭配表
http://wenku.baidu.com/view/c481e22ced630b1c59eeb569.html
===================常用顏色代表的意義=============================

  • 紅色:熱情、浪漫、火焰、暴力、侵略。紅色在很多文化中代表的是停止的訊號,用於警告或禁止一些動作。
  • 紫色:創造、謎、忠誠、神秘、稀有。紫色在某些文化中與死亡有關。
  • 藍色:忠誠、安全、保守、寧靜、冷漠、悲傷。
  • 綠色:自然、穩定、成長、忌妒。在北美文化中,綠色代表的是「行」,與環保意識有關,也經常被連結到有關財政方面的事物。
  • 黃色:明亮、光輝、疾病、懦弱。
  • 黑色:能力、精緻、現代感、死亡、病態、邪惡。
  • 白色:純潔、天真、潔凈、真理、和平、冷淡、貧乏。白色在中華文化中也代表著死亡的顏色。

漫長的海岸線 發表的文章


沒有圖呢 回答裡面要是有圖參考就好啦


看界面大小,越小越簡單,萬能配,單一的簡單的顏色最簡單,因為很多界面基地都是白色,話說穿衣服不能超三色,類推,界面已經有白色了再配個2色應該挺好的,以上是主色,當然細小圖標可以做的精彩點。看色彩書沒用的,最後還是憑感覺,有限的險隘的學習生活中的小感悟」


推薦閱讀:

Excel2010有哪些優質的字體或者是填充色的配色方案(RGB)?
你正在使用的 Linux 終端配色方案是怎樣的?
你認為最好看的 Vim 配色方案(color scheme)是哪款?

TAG:顏色 | 用戶界面設計 | 配色方案 |