當前位置:
首頁 > 熱門 > 【乾貨】你想要的網頁配色都在這裡了(附色值)

【乾貨】你想要的網頁配色都在這裡了(附色值)


配色對一個網站的重要性,就不必小編累贅了。如果你是網頁設計師,平時總在糾結網站的配色,那麼這裡我們為你準備好了50套配色方案,每一套都附有色值(看不清楚的可點擊圖片放大查閱)。



NO1.對比


少量的暖色和

大塊的藍綠,形成高對比度,既乾淨又突出了專業性。







NO2.藝術

梵高美術館官網,從他的作品提取配色靈感,溫暖的黃,豐富的藍,搭配清爽的綠。







NO3.優雅


Martin Agency的網站,以金色和白色作為主調,簡單、優雅。








NO4.現代


橙色和藍色打造出一個充滿活力的明亮色調,再用輕灰去平衡兩者。








NO5.大膽


霓虹色調和暗黑背景形成鮮明對比,呈現出的效果也驚人~~







NO6.冷靜


飽和色調中融入冷灰,既柔和又冷靜。







NO7.奔放


花式混合暖調和冷調,創造出一個獨特氛圍。








NO8.清爽


藍、灰、白打造出一個清爽的背景,而紅色引領了畫面的焦點。








NO9.溫暖


淺棕色作為中性背景,低調又不失溫暖。








NO10.敏銳


運用綠松石作為網站的焦點顏色,給人一種新鮮、現代的感覺。








NO11.酷炫


冷調與暖調結合, 調配出青銅感,做出大膽、動態的酷炫效果。








NO12.粉嫩


明亮柔和的粉彩,加上一小片白,打造出一個輕鬆有趣的育嬰網站。







NO13.明麗


如果柔和的顏色不是很合你的胃口,你喜歡明亮,鏗鏘有力的,那麼可以試試這種復古配色。







NO14.乾淨


大塊的紫作為主體色,乾淨利落。







NO15.活力


黃色、橙色、藍色作出飛濺的效果,再搭配中性灰,使整個畫面活力四射。








NO16.成熟


同樣是靈感源自藝術的一個網站。







NO17.夏日


設計師很精準地捕捉到夏日的調調,並通過色彩表現出來了。








NO18.權威


用灰色搭配海軍藍和醒目黃,形成鮮明對比,給人一種現代而權威的即視感。







NO19.有力


大膽地使用黑色和白色,強烈的反差使得畫面更加有力、有趣。








NO20.清新


將藍和綠逐漸過渡,直到融為一體,看起來超清新!








NO21.開朗


用鮮亮的橙色和大量的空白作為主體,再用一個很酷的藍色調和暖色,使得網站開朗、熱情、現代。








NO22.奢華


冷冷的海軍藍,加上溫暖的褐色,再配以少量鮮艷的紅,帶來一個高端奢華的世界。








NO23.獨特


這不是一個充滿活力的配色,低飽和度紅,加上少量藍,使其更加獨特。







NO24.另類


紫色和綠色相搭,絕對另類,讓人意想不到。








NO25.復古


豐富的色彩營造出復古氣息,中間用淺色的黃代替白,強化了這種效果。








NO26.古董


簡單優雅的配色,土紅色+綠+灰,旨在喚起古董魅力。








NO27.醒目


將高飽和度顏色平衡到一個畫面,創造出令人驚嘆的效果。








NO28.活潑


在不犧牲一個網站專業度的同時,利用鮮艷的顏色創建充滿活力的氛圍。







NO29.靈活


同樣是乾淨清新網站的典範,搭配深淺不同的藍和灰,非常靈活。








NO30.多彩


使用大量色彩,且使其不具衝突性,是很難的。








NO31.寧靜


通過綠松石色和紫色表現出寧靜的氛圍,而橙色使其在寧靜中又多了一份輕鬆。








NO32.輕柔


通過粉彩色系,創造出一份輕柔感。








NO33.泥土


簡單地用綠色、深紅色、紫色蔬菜和大量留白,讓網站充滿泥土味。







NO34.興奮


通過強有力的高飽和色彩,讓人感受到一種精力充沛和興奮感。








NO35.俏皮


只用這幾種顏色,就能呈現出豐富多彩的俏皮感。







NO36.年代


想要一種舊時的效果而又顯得

過時,可以這樣試試。







NO37.個性


紫色和藍色之間形成了很好的漸變狀,再搭配上時不時流行一下的亮粉色,使得這個農場的網站很別具一格。








NO38.時尚


如果你不喜歡直直的黑,那麼可以試試暴風雨的色調,深紫+藍+粉紅,精緻之中又頗有幾分時尚。







NO39.簡單


如果你嫌這樣的配色太過簡單和中規中矩,那麼勇敢地在中間扔一點粉色,來增加獨特感吧。








NO40.混合


雖然是非傳統的配色方式,但的確很自然。







NO41.熱帶


溫暖的紅色和橙色,配上綠,帶來一股濃濃的夏威夷風情。








NO42.中性


在一片黑白灰中加了點櫻桃紅,頓時讓畫面擺脫了無聊感。








NO43.仿古


用深紫色、綠色、藍色和金色,創造出一個古色古香的色調。








NO44.霓虹


充滿活力的紫和少許的藍、綠,混搭出一種霓虹調。








NO45.新鮮


通過深淺不同的綠色和藍色,形成一個超簡單和新鮮的配色。








NO46.專業


需要少一點活力和更專業?那麼這個配色正合適。








NO47.極簡


不精於設計,就保持極簡配色和版式吧。







NO48.愉悅


用有趣的藍色、紫色、黃色等,自然能給人帶來愉悅感。







NO49.和平


溫暖的金色與海軍色調平衡,和平而又平靜。








NO50.波普


想要網站顯得年輕、精力充沛,波普調走起。





這50套配色方案應該夠你用一陣了。當然,

如果你還見過其他令人折服的網站配色,歡迎在底部留言哈~~




Via:Designschool,

由普象|耳朵 翻譯/編輯




點擊下方「

閱讀原文

」查看

《什麼顏色都沒有藍色好看》


↓↓↓

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 普象工業設計小站 的精彩文章:

【治癒】不要66萬,只需888元就能把「克隆」愛寵抱回家!
【大神】別說你會PS了,你那最多算修圖
【改造家】老舊的二手房改造,小夫妻把家裝成自己的遊樂場
【排版設計】不給點顏色瞧,你的版式怎能高大上!
【驚奇】泰國人妖變性前後對比照,比女人還美!

TAG:普象工業設計小站 |

您可能感興趣

你想要的網頁配色都在這裡了
不可錯過的網頁配色(內附色值)
【設計靈感】不可錯過的網頁配色,簡直美翻啦!(內附色值)
最全配色:不同膚色穿什麼顏色的衣服?你想要的都在這兒!
最全配色:不同膚色穿什麼顏色的衣服?你想要的都在這兒
家裡牆面刷什麼顏色的漆,重要嗎?一張配色圖告訴你
你是什麼膚色,穿衣就配什麼色!穿錯真的很醜!(內含配色表)
裝修還是只會清一色?這樣配色真的好看!
繪畫中的配色問題,這些點你必須要知道!
不可錯過的網頁配色,簡直美翻啦!
還在為海報設計的配色方案發愁?快來看看配色技巧
網頁這麼配色才最高級!
還在糾結客廳搭配什麼顏色?看看最新的客廳配色方案吧!
想要夏天更時髦?最美的配色法都在這裡了
最全配色:不同膚色穿什麼顏色的衣服?
這配色,給跪了!
【乾貨】超實用!寫給零基礎新手的配色指南(內附配色參考網站)
美哭了,這配色!
搭配丨想穿好秋冬駝色襯衣、外套的配色,關鍵是這個?