教父級色彩1.0!一組黑白灰的低調大氣范網站設計
編者按:黑白灰的經典配色是永恒不變的教父級色彩,也是含蓄內秀的典范。今天@飛屋睿UIdesign 挑選了13個優雅的黑白灰配色網站,同學們也可以拿來作為網頁設計時色系風格的參考 >>>
來源:優設
作者:飛屋睿UIdesign
@飛屋睿UIdesign :在經典配色中,可能每個人都不會否認黑白灰的永恒魅力。雖然人們總是想“outstanding”,眼球搶奪,注意吸引……但想要把用戶永遠留住,除了第一印象,更多需要日后方方面面的細節。況且在我們的身邊已經太多色彩大爆炸了,我們顏色識別系統也許到了某一峰值,總也想要有停下運轉的時刻。這時,黑白灰的配色就從一大堆顏色中尤為突出,甚至能讓人心恢復平靜,這也是這兩年開始盛行極簡風格的原因。
1、Taostudio
網站地址:http://taostudiodesign.com/
以一種米色粉作為底色,和傳統的黑白灰網站不同,它傳達出一種溫馨感。而主頁對縮略圖的排列和設計極富新鮮感以及整體感。運用簡單的線條手繪圖搭配得恰到好處。
2、Functionals
家居設計公司網站,主題依然讓渡給內容,讓家居設計本身說話。在黑白配色基礎上,配以木質的奶黃色,讓人聯想到木質家居,營造一種輕松明快的氛圍。
3、vincefrost
黑白的滿屏大圖,大型的文字,沉浸式的導航和內容。在鼠標經過會有些許色差呈現。整個網站架構清晰、操作流暢。
4、Basic
網站地址:http://www.basicagency.com/
以黑白灰配色,同時非常少量地運用其他鮮明的色調,幾乎是黑白灰配色的秘籍之一,然而在整個構圖上,還需要更多空間,才能表達出平靜、冷酷中的躍動感。這個網站的設計遵守了這一秘籍,但又增加了其他的圖片色,讓畫面略顯復雜。
5、Echo
頁面采用黑白線條,顯得大氣,但容易給人眼花繚亂的效果。往下拉的介紹中,文字都采用黑白,而在指向時又顯示為一種彩色。偏愛的豎線,在人物形象處用上給人以現代和時尚感。
6、Fixate
網站地址:http://fixate.it/
整個首頁采用黑色線條矢量圖組成一個密集式的豐富多彩的圖片,突出設計原創性。而字體也與此相稱,整個網站設計感很強,還適當裝飾了動畫效果,不失為上乘之作。
7、Huntly
網站地址:http://wearehuntly.com.au/
室內設計工作室以白色作為其主色,給人以空間感,首頁對自我形象的表達和包裝,顯得流暢、簡潔。而在黑白的簡單配色中隱含了明黃色,作為強調色,在此讓整個網站顯得更加活潑、鮮明。
8、readcereal
灰色調背景的網站,讓整個氛圍趨于平淡,而配合使用高品質的同樣色系的圖片,感覺非常雅致。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)