黑白灰低調大氣范的網頁設計欣賞
在經典配色中,可能每個人都不會否認黑白灰的永恒魅力。雖然人們總是想“outstanding”,眼球搶奪,注意吸引……但想要把用戶永遠留住,除了第一印象,更多需要日后方方面面的細節(jié)。況且在我們的身邊已經太多色彩大爆炸了,我們顏色識別系統(tǒng)也許到了某一峰值,總也想要有停下運轉的時刻。這時,黑白灰的配色就從一大堆顏色中尤為突出,甚至能讓人心恢復平靜,這也是這兩年開始盛行極簡風格的原因。
下面是小編篩選的13個黑白灰配色網站,大家也許可以作為網頁設計時色系風格的參考。
1、Aristo
裝潢建筑設計機構以黑、白以及金色作為其主色調搭配,與其本身所傳達的設計哲學不無深沉的關系。頁面結構簡單、干凈、簡約。主頁圖片都被抽去了色彩,只保留低調的灰色階,而輔助的其他顏色也依然保持低調、內斂,突顯出另一種奢華。

2、Basic
以黑白灰配色,同時非常少量地運用其他鮮明的色調,幾乎是黑白灰配色的秘籍之一,然而在整個構圖上,還需要更多空間,才能表達出平靜、冷酷中的躍動感。這個網站的設計遵守了這一秘籍,但又增加了其他的圖片色,讓畫面略顯復雜。

3、Callens
以兩張隨意疊放式樣的圖片居于正中,足夠的留白給人以想象的空間,用色謹慎,讓人感覺這確實是高端品牌的氛圍。

4、Driftwoodeditions
獨立的小型出版社,成品選用黑白,整個網站也使用黑白,氛圍過于嚴肅。但卻能體現(xiàn)出出版行業(yè)的類似黑白影印的質感。

5、Designembraced
以大圖全屏展示作品細節(jié)的網站來說,黑白灰似乎是唯一的選擇,但同時,設計師也安排了紅色。在大圖展示的交互上非常巧妙。黑色傳遞出一種酷,深色氛圍,更加凸顯細節(jié)中的閃光點。

6、Echo
頁面采用黑白線條,顯得大氣,但容易給人眼花繚亂的效果。往下拉的介紹中,文字都采用黑白,而在指向時又顯示為一種彩色。偏愛的豎線,在人物形象處用上給人以現(xiàn)代和時尚感。

7、Fixate
整個首頁采用黑色線條矢量圖組成一個密集式的豐富多彩的圖片,突出設計原創(chuàng)性。而字體也與此相稱,整個網站設計感很強,還適當裝飾了動畫效果,不失為上乘之作。

8、Functionals
家居設計公司網站,主題依然讓渡給內容,讓家居設計本身說話。在黑白配色基礎上,配以木質的奶黃色,讓人聯(lián)想到木質家居,營造一種輕松明快的氛圍。

9、Huntly
室內設計工作室以白色作為其主色,給人以空間感,首頁對自我形象的表達和包裝,顯得流暢、簡潔。而在黑白的簡單配色中隱含了明黃色,作為強調色,在此讓整個網站顯得更加活潑、鮮明。

10、Johnson, B. C
科學家Johnson, B. C的個人博客,背景使用他的科研領域的自然圖片,配色為深黑,突出嚴謹、神秘以及酷的印象。

11、readcereal
灰色調背景的網站,讓整個氛圍趨于平淡,而配合使用高品質的同樣色系的圖片,感覺非常雅致。

12、Taostudio
以一種米色粉作為底色,和傳統(tǒng)的黑白灰網站不同,它傳達出一種溫馨感。而主頁對縮略圖的排列和設計極富新鮮感以及整體感。運用簡單的線條手繪圖搭配得恰到好處。

13、vincefrost
黑白的滿屏大圖,大型的文字,沉浸式的導航和內容。在鼠標經過會有些許色差呈現(xiàn)。整個網站架構清晰、操作流暢。

相關文章
今天的文章,我們將分享15個可以學習編程的網站,這些網站上提供了很多編程教程,圖書以及編程練習,希望對你有用2024-11-02- 這篇文章主要介紹了web開發(fā)中的長度單位主要包括px,pt,em等,需要的朋友可以參考下2023-08-06
- px單位是絕對單位,一般用于pc端網頁開發(fā),因為是絕對單位所以在移動端上的使用體驗并不是很好,rem它是描述相對于當前根元素字體尺寸,是相對單位,它可以根據(jù)根元素的變換而2023-08-06
WEB前端優(yōu)化必備js/css壓縮工具YUI-compressor詳解與集成用法
壓縮工具層次不窮,各有優(yōu)點,選擇適合的壓縮工具為將來做項目開發(fā)使用是一件很重要的事情!!在這介紹YUI-compressor,需要的朋友可以參考下2023-06-21- 瀏覽器是多進程的,有瀏覽器主進程,網絡進程,渲染進程,插件進程等,在將html,css,javascript解析成一個頁面的時候,就需要多個進程的分工合作2023-05-01
- 本文為大家整理了常用的文件對應的MIME類型,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別介紹
這篇文章介紹了postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-12-28- 國際組織制定了可以容納世界上所有文字和符號的字符編碼方案,稱為Unicode,是通用字符集Universal Character Set的縮寫,用以滿足跨語言、跨平臺進行文本轉換、處理的要求2021-11-27
前端實現(xiàn)字符串GBK與GB2312的編解碼(小結)
這篇文章主要介紹了前端實現(xiàn)字符串GBK與GB2312的編解碼(小結),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2020-12-02
這篇文章主要介紹了告別硬編碼讓你的前端表格自動計算,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-27



