search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 網頁設計範例 】個性鮮明風格迥異的雙色網頁設計欣賞 – PS筆刷工廠

個性鮮明風格迥異的雙色網頁設計欣賞

這一次的作品是屬於設計欣賞領域中的網頁設計的相關作品。

文章出處是來自designshack的設計欣賞類文章,作品的作者是Nataly Birch,感謝Nataly Birch提供網頁設計的作品範例。

作品大綱:

我們過去印象中的雙色配色的設計,多是復古而有情懷的,非常的“80年代”。但是今天的雙色配色的範疇已經遠超越了復古,它可以柔媚也可以冷硬,可以前衛也可以個性,雙色配色有多強大,也許取決於你腦洞。


網頁設計作品欣賞

我們過去印象中的雙色配色的設計,多是復古而有情懷的,非常的“80年代”。但是今天的雙色配色的範疇已經遠超越了復古,它可以柔媚也可以冷硬,可以前衛也可以個性,雙色配色有多強大,也許取決於你腦洞。

雙色配色方案並不是簡單的兩種色彩搭配到一起,這兩種色彩通常是兩種對比明顯的色彩。而我們所常見的雙色配色的圖片則主要突出中間色調和高光,藍色、棕色、紅色和黃色是這種配色中最常見的色調。然而,對於網頁設計師而言,雙色配色則很少受到這樣的限制,色調的選取更加自由,搭配方式也更加多樣而個性,你會發現原來雙色配色也同樣可以打開新世界的大門。

接下來,我們一起看看那些將雙色配色玩兒得出神入化的優秀網頁設計,看看這個令人着迷的設計趨勢,到底有着怎樣的魅力。

Adidas Football

個性鮮明風格迥異的雙色網頁設計欣賞

作為一個運動品牌,設計師通過一系列時尚而現代的高素質圖片來體現它的特質,而統一的深藍/明黃配色則讓整個網站的氣質和氛圍保持了高度的一致,個性也得以凸顯。

Mirage Festival

個性鮮明風格迥異的雙色網頁設計欣賞

Mirage Festival 的紅藍搭配看起來略顯怪異,但是兩種略顯疏離的色彩反而營造出獨特的美感,尤其是同主流的白底黑字進行對比的時候。

Fjord Trend

個性鮮明風格迥異的雙色網頁設計欣賞

Fjord Trend 的首頁中,不同圖片的背景圖被設計成了雙色配色。設計師所選取的色彩秉承了傳統意義上雙色調圖片的配色風格,色彩沉穩現代,柔和而不具侵略性,但是作為主要的色調,兩者又有着明顯的對比。

Triple 9

個性鮮明風格迥異的雙色網頁設計欣賞

經典的紅黑色被Triple 9的首頁用作雙色配色的主色調,兩種情緒濃烈的色彩讓這裡的視頻和圖片都帶有微妙的情緒。與此同時,色調的選取還讓網站隱隱散發出暴力和野蠻的感覺,個性十足。

La Marine Nationale on Board Careers

個性鮮明風格迥異的雙色網頁設計欣賞

網站的首頁被設計成為四個全屏的輪播圖,每個都有着漂亮的雙色調背景,我們所看到的藍色背景的圖片是海軍招募主題的頁面。背景的色彩選取同時也讓前景的內容和元素凸顯出來,讓用戶更容易獲取。

Heroes and History

個性鮮明風格迥異的雙色網頁設計欣賞

Heroes and History 同樣也是一個雙色配色網站,主要的色調是紅色,作為網頁主要視覺要素的插畫也同樣是如此。和其他的頁面不同,雙色搭配中的另外一種是白色,除了網站的文本之外,插畫的外輪廓和少數幾個元素使用的是白色,讓插畫的風格和特色更加明顯。

Holm Marcher & Co

個性鮮明風格迥異的雙色網頁設計欣賞

雖然同樣是使用的雙色配色,但是Holm Marcher & Co 的頁面從配色到結構都給人一種嚴肅務實的感覺,沉穩的色調給網站奠定了專業和強力的基調。

MailChimp

個性鮮明風格迥異的雙色網頁設計欣賞

MailChimp 的回顧頁面的配色也可以稱得上絢爛,火熱的紅和冰冷的藍合二為一。為了保證統一性和體驗的一致性,設計師將背景圖片也轉化為和兩種主色調一致的色彩。

Year in Review by Atomic.io

個性鮮明風格迥異的雙色網頁設計欣賞

Atomic.io 的設計師則將網站的視頻和圖片都轉化為典型的雙色配色,強力的視覺衝擊力和典型的模塊化布局讓它簡單而一致。

Finesse Design Atelier

個性鮮明風格迥異的雙色網頁設計欣賞

大量專業領域和機構的華麗照片填滿了網站,有些照片還保留着原樣,但是有的則進行了有趣的調整。在典型的雙色配色之下,這些圖片呈現出不同凡響的美感和獨特設計感。

jonkopingssodra

個性鮮明風格迥異的雙色網頁設計欣賞

黃色和綠色的雙色配色並不常見,這種獨特的配色也讓這個頁面顯得風格獨樹一幟,不同於傳統的雙色調圖片的那種沉穩,這個網頁的色調看起來更加活潑。

Year in Review by Tumblr

個性鮮明風格迥異的雙色網頁設計欣賞

Tumblr 的年度總結在色調上更加復古懷舊,抽象的動畫和海報式的界面元素更是強化了這種感覺。略顯髒亂的用色讓整個頁面充滿了80年代的風情,但是卡片式設計的加入,又沒有讓這種配色毀了整個設計,反而成功地讓它顯得更加條理化了。

Campaign by Lois Jeans

個性鮮明風格迥異的雙色網頁設計欣賞

Lois Jeans 的這個頁面設計,能量和情緒幾乎都要濃烈得溢出來一樣。雖然只是簡單的文字+圖片的排版,但是粉色+藍色的搭配讓頁面呈現出一種層次感,協調而驚艷。

New Deal Design

個性鮮明風格迥異的雙色網頁設計欣賞

雖然這樣的配色很少見,但是你並不會覺得New Deal Design的頁面難看,你更多會感覺它很有個性。粉紅色和黃色的搭配讓整個網站顯得明亮非凡,充滿戲劇性。這種明亮而友好的配色會給人傳達出一種正向的情緒。

Year in Music by Spotify

個性鮮明風格迥異的雙色網頁設計欣賞

Spotify 的這個頁面是一定要推薦的。作為年度音樂總結頁面,Spotify選取去年最有影響力、蜚聲國際的真正音樂潮人作為主題。設計師使用着兩年流行的雙色調設計來調整精選的藝人照片,營造出獨特的氛圍。動態設計和層次豐富的美感讓頁面的風格更加先鋒,也更有特色。

Majorette Events

個性鮮明風格迥異的雙色網頁設計欣賞

首頁的設計透露出一種興奮的情緒,幾乎所有的元素被紫紅色染透了,屏幕上每個元素浸透在一種俏皮有趣的氛圍當中。

The Art of Travel

個性鮮明風格迥異的雙色網頁設計欣賞

網頁設計師對於現代風格的駕馭力很強,頁面乾淨而平衡,和前面其他的案例不同,整個網站呈現出一種嚴肅的氣息,但是同時又不失魅力和藝術感染力。藍黑色調之間的過渡自然,白色的文本和按鈕有與之構成對比,恰到好處。

Lois Jeans Campaign

個性鮮明風格迥異的雙色網頁設計欣賞

這是Lois Jeans 的另外一個設計作品,網頁主題是春夏裝,整個頁面的設計相對更加謹慎,藍黑的色調更加冷峻,整個頁面呈現出一種冷的情緒,白色的點綴可以說是點睛之筆。頁面的過度效果精心設計過,令人側目。

Wheels and Bearings

個性鮮明風格迥異的雙色網頁設計欣賞

網頁中的雙色調圖片很好的創造出一種年代感,優雅而漂亮。淡雅的色調於深沉的褐色結合起來共同創造出懷舊的氛圍,圖片主題也同樣會喚醒大家對於80年代的回憶。

Standby

個性鮮明風格迥異的雙色網頁設計欣賞

Standby 的頁面設計走的是極簡的路線,整體結構也相對更加優雅。深淺兩種藍色相互搭配,有趣的字體和巧妙的插畫恰如其分地豐富了整個設計的細節。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 個性鮮明風格迥異的雙色網頁設計欣賞

版权所有,保留一切权利! © 2019 PS筆刷工廠


熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦