您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

網(wǎng)頁設計10個從圖片中提取的色彩方案

 

每一張圖片的色彩都有自己獨特的個性,即使是表現(xiàn)同樣主題的兩張圖片,比如秋日里森林的早晨,雖然可能都是偏褐色色調的,但色相、純度、明度、搭配方法還是會有很大的不同,而這正是設計中從圖片中提取色彩方案的魅力所在。如果將這些色彩應用到設計中的話,那每一個設計都可以做到絕對的個性化,起碼在配色方面如此。因此在這篇文章中,我挑選了10張情緒上不同的圖片,提取出它們的色彩方案,并進行分析,希望對于大家在配色方面有所幫助。

  一、安靜、溫暖

10個從圖片中提取的色彩方案 三聯(lián)

  使用PS中”存儲為Web和設備所用格式”的方法,將圖片保存為png格式,顏色選擇為8種顏色得到的色彩方案。由一組不同亮度、中飽和度的黃色和一個中飽和度和亮度的黃綠色搭配而成,給人安靜、溫暖的心理感受。

  二、柔美、春天、女性

580-2.jpg

  花團錦簇、春意盎然的畫面由兩個明度偏低的黃色和一組明度較高的紫紅色組成,這種色彩方案屬于跨度較大的近似色搭配,兩組不同的顏色在色環(huán)上跨度越大,畫面會越生動,反之會越穩(wěn)重。

  三、純凈、簡潔

580-3.jpg

  冬日里的白樺林圖片中提取出的色彩是由一組低純度、甚至于接近灰色的、不同明度的藍色組成的色彩方案。使用這樣的純冷色調的搭配做出的設計會讓人感受到一陣陣的寒意,但同

  時也給人純凈、簡潔的感覺。

  四、歡樂、節(jié)日

580-4.jpg

  節(jié)日般歡樂的色彩方案,由一組不同層次的天藍色加上亮度、純度很高的紅色、綠色、紫色搭配而成,屬于全色相的色彩搭配方案,適合表現(xiàn)歡樂、愉快的氣氛。

  五、明亮、爽朗

580-5.jpg

  這個圖片給人明亮、爽朗的感受,提取出的色彩是藍色和橙色的互補色方案,藍色由一組純度、明度由淺到深的色彩組成,搭配純度、明度都稍低一些的橙色和與橙色接近的紅色。補色的色彩方案由于兩種互補顏色的沖撞,對比單一色相的色彩方案要顯得更加有活力。

  六、自然、質樸

580-6.jpg

  圖片給人自然、質樸的感受,提取出的色彩方案是一組范圍從黃色到綠色的近似色,黃色純度偏低,綠色純度偏高,因此綠色要更顯眼一些。由于色相上的接近,這組色彩方案感覺平穩(wěn)緊湊,反之色

  相上越跳躍,會加強沖突分離。

  七、安靜、神秘

580-1 (3).jpg

  即將墜入黑夜的湖面景色透露出安靜、神秘的氣氛。一組不同明度的紫色、一組不同明度的紅色加上一個濃濃的黑色構成了這幅圖片的配色方案,值得注意的是,無論是哪種色彩,在自然界中很少有100%純度的,就像這張圖片一樣,色彩的純度都在中間甚至偏低一點的范圍內(nèi),這也正是為什么過高純度的色彩我們會覺得不舒服的原因。

  八、平穩(wěn)、柔和

580-1 (1).jpg

  此插畫的色彩方案以白色為背景色,采用了黃色和綠色的近似色搭配,色彩飽和度偏低,整體上給人平穩(wěn)、柔和的感受。

  九、憂郁、復古

580-1 (2).jpg

  偏橙的紅色和偏黃的綠色的配色方案,由于色彩的飽和度偏低,好似褪色的感覺,綠色的明度較低,感覺比較陰郁,整體上畫面體現(xiàn)出一種憂郁和復古的味道。

  十、清新、富有生機

580-4.jpg

  不同明度的黃綠色組成的一組色彩,屬于同一色相的配色方案,給人清新、富有生機的心理感受。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1825.html
淺談極簡主義設計
設計的人文關懷:為高齡用戶而設計
圖趣網(wǎng)微信
建議反饋
×