留意新趨勢(shì)尼斧!個(gè)性鮮明風(fēng)格迥異的雙色網(wǎng)頁設(shè)計(jì)

編者按:我們過去印象中的雙色配色的設(shè)計(jì),多是復(fù)古而有情懷的试吁,非常的“80年代”棺棵。但是今天的雙色配色的范疇已經(jīng)遠(yuǎn)超越了復(fù)古楼咳,它可以柔媚也可以冷硬,可以前衛(wèi)也可以個(gè)性烛恤,雙色配色有多強(qiáng)大母怜,也許取決于你腦洞。

雙色配色方案并不是簡(jiǎn)單的兩種色彩搭配到一起缚柏,這兩種色彩通常是兩種對(duì)比明顯的色彩苹熏。而我們所常見的雙色配色的圖片則主要突出中間色調(diào)和高光,藍(lán)色币喧、棕色轨域、紅色和黃色是這種配色中最常見的色調(diào)。

然而杀餐,對(duì)于網(wǎng)頁設(shè)計(jì)師而言干发,雙色配色則很少受到這樣的限制,色調(diào)的選取更加自由史翘,搭配方式也更加多樣而個(gè)性枉长,你會(huì)發(fā)現(xiàn)原來雙色配色也同樣可以打開新世界的大門。

如果你需要可以立刻上手的工具琼讽,那么下面的這些應(yīng)該能幫到你:

jQuery Duotone;

Duotone Colorschemes;

Colofilter.

接下來必峰,我們一起看看那些將雙色配色玩兒得出神入化的優(yōu)秀網(wǎng)頁設(shè)計(jì),看看這個(gè)令人著迷的設(shè)計(jì)趨勢(shì)跨琳,到底有著怎樣的魅力自点。

Adidas Football

作為一個(gè)運(yùn)動(dòng)品牌,設(shè)計(jì)師通過一系列時(shí)尚而現(xiàn)代的高素質(zhì)圖片來體現(xiàn)它的特質(zhì)脉让,而統(tǒng)一的深藍(lán)/明黃配色則讓整個(gè)網(wǎng)站的氣質(zhì)和氛圍保持了高度的一致桂敛,個(gè)性也得以凸顯。

Mirage Festival

Mirage Festival 的紅藍(lán)搭配看起來略顯怪異溅潜,但是兩種略顯疏離的色彩反而營(yíng)造出獨(dú)特的美感术唬,尤其是同主流的白底黑字進(jìn)行對(duì)比的時(shí)候。

Fjord Trend

Fjord Trend 的首頁中滚澜,不同圖片的背景圖被設(shè)計(jì)成了雙色配色粗仓。設(shè)計(jì)師所選取的色彩秉承了傳統(tǒng)意義上雙色調(diào)圖片的配色風(fēng)格,色彩沉穩(wěn)現(xiàn)代设捐,柔和而不具侵略性借浊,但是作為主要的色調(diào),兩者又有著明顯的對(duì)比萝招。

Triple 9

經(jīng)典的紅黑色被Triple 9的首頁用作雙色配色的主色調(diào)蚂斤,兩種情緒濃烈的色彩讓這里的視頻和圖片都帶有微妙的情緒。與此同時(shí)槐沼,色調(diào)的選取還讓網(wǎng)站隱隱散發(fā)出暴力和野蠻的感覺曙蒸,個(gè)性十足捌治。

La Marine Nationale on Board Careers

網(wǎng)站的首頁被設(shè)計(jì)成為四個(gè)全屏的輪播圖,每個(gè)都有著漂亮的雙色調(diào)背景纽窟,我們所看到的藍(lán)色背景的圖片是海軍招募主題的頁面肖油。背景的色彩選取同時(shí)也讓前景的內(nèi)容和元素凸顯出來,讓用戶更容易獲取臂港。

Heroes and History

Heroes and History 同樣也是一個(gè)雙色配色網(wǎng)站森枪,主要的色調(diào)是紅色,作為網(wǎng)頁主要視覺要素的插畫也同樣是如此趋艘。和其他的頁面不同疲恢,雙色搭配中的另外一種是白色,除了網(wǎng)站的文本之外瓷胧,插畫的外輪廓和少數(shù)幾個(gè)元素使用的是白色显拳,讓插畫的風(fēng)格和特色更加明顯。

Holm Marcher & Co

雖然同樣是使用的雙色配色搓萧,但是Holm Marcher & Co 的頁面從配色到結(jié)構(gòu)都給人一種嚴(yán)肅務(wù)實(shí)的感覺杂数,沉穩(wěn)的色調(diào)給網(wǎng)站奠定了專業(yè)和強(qiáng)力的基調(diào)。

MailChimp

MailChimp 的回顧頁面的配色也可以稱得上絢爛瘸洛,火熱的紅和冰冷的藍(lán)合二為一揍移。為了保證統(tǒng)一性和體驗(yàn)的一致性,設(shè)計(jì)師將背景圖片也轉(zhuǎn)化為和兩種主色調(diào)一致的色彩反肋。

Year in Review by Atomic.io

Atomic.io 的設(shè)計(jì)師則將網(wǎng)站的視頻和圖片都轉(zhuǎn)化為典型的雙色配色那伐,強(qiáng)力的視覺沖擊力和典型的模塊化布局讓它簡(jiǎn)單而一致。

Finesse Design Atelier

大量專業(yè)領(lǐng)域和機(jī)構(gòu)的華麗照片填滿了網(wǎng)站石蔗,有些照片還保留著原樣罕邀,但是有的則進(jìn)行了有趣的調(diào)整。在典型的雙色配色之下养距,這些圖片呈現(xiàn)出不同凡響的美感和獨(dú)特設(shè)計(jì)感诉探。

jonkopingssodra

黃色和綠色的雙色配色并不常見,這種獨(dú)特的配色也讓這個(gè)頁面顯得風(fēng)格獨(dú)樹一幟棍厌,不同于傳統(tǒng)的雙色調(diào)圖片的那種沉穩(wěn)肾胯,這個(gè)網(wǎng)頁的色調(diào)看起來更加活潑。

Year in Review by Tumblr

Tumblr 的年度總結(jié)在色調(diào)上更加復(fù)古懷舊耘纱,抽象的動(dòng)畫和海報(bào)式的界面元素更是強(qiáng)化了這種感覺敬肚。略顯臟亂的用色讓整個(gè)頁面充滿了80年代的風(fēng)情,但是卡片式設(shè)計(jì)的加入束析,又沒有讓這種配色毀了整個(gè)設(shè)計(jì)帘皿,反而成功地讓它顯得更加條理化了。

Campaign by Lois Jeans

Lois Jeans 的這個(gè)頁面設(shè)計(jì)畸陡,能量和情緒幾乎都要濃烈得溢出來一樣鹰溜。雖然只是簡(jiǎn)單的文字+圖片的排版,但是粉色+藍(lán)色的搭配讓頁面呈現(xiàn)出一種層次感丁恭,協(xié)調(diào)而驚艷曹动。

New Deal Design

雖然這樣的配色很少見,但是你并不會(huì)覺得New Deal Design的頁面難看牲览,你更多會(huì)感覺它很有個(gè)性墓陈。粉紅色和黃色的搭配讓整個(gè)網(wǎng)站顯得明亮非凡,充滿戲劇性第献。這種明亮而友好的配色會(huì)給人傳達(dá)出一種正向的情緒贡必。

Year in Music by Spotify

Spotify 的這個(gè)頁面是一定要推薦的。作為年度音樂總結(jié)頁面庸毫,Spotify選取去年最有影響力仔拟、蜚聲國(guó)際的真正音樂潮人作為主題。設(shè)計(jì)師使用著兩年流行的雙色調(diào)設(shè)計(jì)來調(diào)整精選的藝人照片飒赃,營(yíng)造出獨(dú)特的氛圍利花。動(dòng)態(tài)設(shè)計(jì)和層次豐富的美感讓頁面的風(fēng)格更加先鋒,也更有特色载佳。

Majorette Events

首頁的設(shè)計(jì)透露出一種興奮的情緒炒事,幾乎所有的元素被紫紅色染透了,屏幕上每個(gè)元素浸透在一種俏皮有趣的氛圍當(dāng)中蔫慧。

The Art of Travel

網(wǎng)頁設(shè)計(jì)師對(duì)于現(xiàn)代風(fēng)格的駕馭力很強(qiáng)挠乳,頁面干凈而平衡,和前面其他的案例不同姑躲,整個(gè)網(wǎng)站呈現(xiàn)出一種嚴(yán)肅的氣息睡扬,但是同時(shí)又不失魅力和藝術(shù)感染力。藍(lán)黑色調(diào)之間的過渡自然肋联,白色的文本和按鈕有與之構(gòu)成對(duì)比威蕉,恰到好處。

Lois Jeans Campaign

這是Lois Jeans 的另外一個(gè)設(shè)計(jì)作品橄仍,網(wǎng)頁主題是春夏裝韧涨,整個(gè)頁面的設(shè)計(jì)相對(duì)更加謹(jǐn)慎,藍(lán)黑的色調(diào)更加冷峻侮繁,整個(gè)頁面呈現(xiàn)出一種冷的情緒虑粥,白色的點(diǎn)綴可以說是點(diǎn)睛之筆。頁面的過度效果精心設(shè)計(jì)過宪哩,令人側(cè)目娩贷。

Wheels and Bearings

網(wǎng)頁中的雙色調(diào)圖片很好的創(chuàng)造出一種年代感,優(yōu)雅而漂亮锁孟。淡雅的色調(diào)于深沉的褐色結(jié)合起來共同創(chuàng)造出懷舊的氛圍彬祖,圖片主題也同樣會(huì)喚醒大家對(duì)于80年代的回憶茁瘦。

Standby

Standby 的頁面設(shè)計(jì)走的是極簡(jiǎn)的路線,整體結(jié)構(gòu)也相對(duì)更加優(yōu)雅储笑。深淺兩種藍(lán)色相互搭配甜熔,有趣的字體和巧妙的插畫恰如其分地豐富了整個(gè)設(shè)計(jì)的細(xì)節(jié)。

譯者:陳子木

來源:學(xué)ui網(wǎng)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末突倍,一起剝皮案震驚了整個(gè)濱河市腔稀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌羽历,老刑警劉巖焊虏,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異秕磷,居然都是意外死亡诵闭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門跳夭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涂圆,“玉大人,你說我怎么就攤上這事币叹∪笄福” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵颈抚,是天一觀的道長(zhǎng)踩衩。 經(jīng)常有香客問我,道長(zhǎng)贩汉,這世上最難降的妖魔是什么驱富? 我笑而不...
    開封第一講書人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮匹舞,結(jié)果婚禮上褐鸥,老公的妹妹穿的比我還像新娘。我一直安慰自己赐稽,他們只是感情好叫榕,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著姊舵,像睡著了一般晰绎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上括丁,一...
    開封第一講書人閱讀 52,821評(píng)論 1 314
  • 那天荞下,我揣著相機(jī)與錄音,去河邊找鬼。 笑死尖昏,一個(gè)胖子當(dāng)著我的面吹牛仰税,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播抽诉,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼肖卧,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了掸鹅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤拦赠,失蹤者是張志新(化名)和其女友劉穎巍沙,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體荷鼠,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡句携,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了允乐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片矮嫉。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖牍疏,靈堂內(nèi)的尸體忽然破棺而出蠢笋,到底是詐尸還是另有隱情,我是刑警寧澤鳞陨,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布昨寞,位于F島的核電站,受9級(jí)特大地震影響厦滤,放射性物質(zhì)發(fā)生泄漏援岩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一掏导、第九天 我趴在偏房一處隱蔽的房頂上張望享怀。 院中可真熱鬧,春花似錦趟咆、人聲如沸添瓷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仰坦。三九已至,卻和暖如春计雌,著一層夾襖步出監(jiān)牢的瞬間悄晃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留妈橄,地道東北人庶近。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像眷蚓,于是被迫代替她去往敵國(guó)和親鼻种。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容