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

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

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

冬日里的白樺林圖片中提取出的色彩是由一組低純度、甚至于接近灰色的、不同明度的藍(lán)色組成的色彩方案。使用這樣的純冷色調(diào)的搭配做出的設(shè)計(jì)會(huì)讓人感受到一陣陣的寒意,但同
時(shí)也給人純凈、簡(jiǎn)潔的感覺。
四、歡樂、節(jié)日

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

這個(gè)圖片給人明亮、爽朗的感受,提取出的色彩是藍(lán)色和橙色的互補(bǔ)色方案,藍(lán)色由一組純度、明度由淺到深的色彩組成,搭配純度、明度都稍低一些的橙色和與橙色接近的紅色。補(bǔ)色的色彩方案由于兩種互補(bǔ)顏色的沖撞,對(duì)比單一色相的色彩方案要顯得更加有活力。
六、自然、質(zhì)樸

圖片給人自然、質(zhì)樸的感受,提取出的色彩方案是一組范圍從黃色到綠色的近似色,黃色純度偏低,綠色純度偏高,因此綠色要更顯眼一些。由于色相上的接近,這組色彩方案感覺平穩(wěn)緊湊,反之色
相上越跳躍,會(huì)加強(qiáng)沖突分離。
七、安靜、神秘

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

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

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

不同明度的黃綠色組成的一組色彩,屬于同一色相的配色方案,給人清新、富有生機(jī)的心理感受。
本文地址:http://m.likemindfilms.com/tutorial/di1825.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏