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