主頁面單色、黃色網(wǎng)站設(shè)計(jì)趨勢發(fā)布者:本站 時(shí)間:2019-11-13 09:11:33
如今我們使用顏色的方式似乎變化了很多,就在幾個(gè)月前,我們還在討論網(wǎng)站設(shè)計(jì)界面上的哪些細(xì)節(jié)可以看到更加充滿活力的配色方案,從基于梯度的重疊層(用于網(wǎng)站設(shè)計(jì)首頁)開始,以分散在網(wǎng)站主頁面各處大膽而具號(hào)召性用語的按鈕。
今天,我們看到了網(wǎng)站設(shè)計(jì)中使用單色解決方案的一個(gè)小轉(zhuǎn)變,雖然它們并不像你想的那么單調(diào),但感覺還是非常不同的。與我們習(xí)慣看到的相比,它們更成熟、更復(fù)雜。
讓我們來看看這些讓人開心的網(wǎng)站設(shè)計(jì)案例吧。
杯子
杯子有一個(gè)最小的網(wǎng)站主頁面,它的功能只有重要的東西,比如菜單,標(biāo)識(shí)和口號(hào)。然而,它一點(diǎn)也不原始,它有一個(gè)巨大的動(dòng)畫字母“U”,這樣會(huì)讓人想起背景里的一個(gè)杯子,給網(wǎng)站設(shè)計(jì)增添趣味。
還有那塊純凈、干凈、幾乎是霓虹綠的畫布,太美了,它能立即抓住眼球,給人留下深刻印象。它使整個(gè)網(wǎng)站設(shè)計(jì)流行起來,給人留下深刻的印象。它看起來現(xiàn)代。最重要的是,它與整個(gè)設(shè)計(jì)完美結(jié)合。它支持動(dòng)畫,增強(qiáng)其影響力。與此同時(shí),最細(xì)微的細(xì)節(jié)也會(huì)讓位于它——比如漢堡菜單圖標(biāo),它也促進(jìn)和諧和平衡的感覺。
在這里,單調(diào)的網(wǎng)站設(shè)計(jì)背景是有發(fā)言權(quán)的設(shè)計(jì)的一個(gè)組成部分。因此,單色主頁面看起來非常有趣和迷人。
全部區(qū)塊鏈
就像前面的例子一樣,Omnium區(qū)塊鏈背后的團(tuán)隊(duì)也將目光放在了一種色調(diào)上,即藍(lán)色。這種選擇并非偶然,每個(gè)人都知道藍(lán)色與可靠性、責(zé)任和權(quán)威有著廣泛的聯(lián)系。它非常適合,散發(fā)著一種商業(yè)氣息,它試圖在一個(gè)頗具爭議的領(lǐng)域激發(fā)信任,贏得客戶。
單色解決方案將主題結(jié)合在一起,不讓人們分心。它對項(xiàng)目的整體形象和總體印象做出了重要的貢獻(xiàn)。
Creative Canopy
我們的藏品中還有另一種藍(lán)色,但這一次的情況更加復(fù)雜。創(chuàng)意樹冠是一個(gè)很好的例子,單色解決方案位于網(wǎng)站的核心之美。
與之前的入門文章不同的是,它不只是一個(gè)干凈的畫布和隨意放置的UI元素:它是一個(gè)完整的演示作品。有不同的藍(lán)色陰影,用來給圖片的深度和多樣性,一點(diǎn)也不覺得無聊。多虧了一個(gè)聰明的想法和奇妙的實(shí)現(xiàn),它激起了人們的興趣。更重要的是,這種方法可以在整個(gè)主頁上看到——?jiǎng)?chuàng)建用戶體驗(yàn)的一致性。
Dix4 Agency
單色解決方案在使用重疊層時(shí)處于領(lǐng)先地位,以Dix4 Agency為例。在這里,主頁面被豐富了一個(gè)額外的彩色層,以其獨(dú)特的風(fēng)格來襯托設(shè)計(jì)。
每一秒都有一系列豐富多彩的圖層變化,讓事情變得更加令人興奮。這是一個(gè)黑白區(qū)域,有一個(gè)轉(zhuǎn)折,是整個(gè)主題的中心部分。這種方法也可以在其他領(lǐng)域看到,將積極的情緒帶到每一個(gè)地方。
ONEFOUR
支持one efour設(shè)計(jì)的團(tuán)隊(duì)采取了相同的路線,就像Dix4 Agency的情況一樣,創(chuàng)意人員不會(huì)只堅(jiān)持一種基調(diào)。他們使用各種色調(diào)來吸引游客與不斷變化的背景。
從黃色網(wǎng)站到藍(lán)色網(wǎng)站,畫布上美麗的色彩讓人興奮。這個(gè)技巧在這里很有效,因?yàn)橹黜撁嬖诩?xì)節(jié)上很匱乏,而且空氣過于新鮮。它當(dāng)然需要一些香料來配得上它的名字,而這個(gè)解決方案在不破壞它的極簡主義整體美感的情況下拯救了這一天。
MST機(jī)構(gòu)
MST機(jī)構(gòu)背后的團(tuán)隊(duì)不僅使用單調(diào)的層或背景,他們在整個(gè)場景中使用它來打動(dòng)游客。他們網(wǎng)站的歡迎部分用一個(gè)傳統(tǒng)的滑塊來滿足觀眾。每張幻燈片都是一幅構(gòu)圖,其中一種基調(diào)是基調(diào)。
所有的場景細(xì)節(jié)都盲目的服從它,這個(gè)想法很有趣。你可以看到某種成分的和諧??雌饋頍o聊和看起來很棒之間的界限是如此之細(xì),以至于它能激發(fā)靈感。
Three59
Three59使用了一個(gè)漂亮的深灰色作為它的一部分,它是構(gòu)成的一個(gè)組成部分,設(shè)置網(wǎng)站的情緒。它讓界面感覺更商務(wù)和權(quán)威。因?yàn)檫@個(gè)項(xiàng)目充滿了動(dòng)態(tài)的細(xì)節(jié),讓用戶體驗(yàn)更加激動(dòng)人心,所以像這樣的單色背景是一個(gè)理想的合作伙伴。
它為前景元素設(shè)置了舞臺(tái),為項(xiàng)目增加了一點(diǎn)勇氣,并平衡了所有的交互細(xì)節(jié)。
Codigo
Codigo是這種技術(shù)的一個(gè)經(jīng)典例子,它的特點(diǎn)只是一個(gè)干凈的單色表面,作為一個(gè)堅(jiān)實(shí)的基礎(chǔ)的前景元素。它讓位于標(biāo)語和導(dǎo)航。
這里有幾點(diǎn)需要注意,首先,顏色的選擇很好地突出了標(biāo)語,使它成為一個(gè)焦點(diǎn),并加強(qiáng)可讀性的地方。其次,它有利于美學(xué)。它不僅僅是一種原始的紅色;看起來時(shí)尚。你幾乎可以感受到它大膽的個(gè)性。最后,它是品牌身份的一部分,獨(dú)立存在,不需要任何支持。
充分利用單一的顏色
色彩總是有自己的生命,它從不遵守潘通制定的規(guī)則——至少在網(wǎng)站設(shè)計(jì)領(lǐng)域。它有自己的趨勢和最喜歡的解決方案,它有善變的本性。有一天,人人都爬上了鮮艷奪目的石坡;另一天,每個(gè)人都癡迷于謙遜和單色的概念。但有一點(diǎn)是肯定的,每個(gè)人都追求美麗和和諧。
單色的主頁面有它們的魅力,盡管他們不能吹噓自己的“妝容”有多鮮艷,但只要選擇一種顏色就足以創(chuàng)造出一款出色的設(shè)計(jì),具有絕妙的美學(xué)效果,會(huì)給游客留下深刻印象。
當(dāng)然,這里有一個(gè)陷阱,單色的解決方案可能很無聊。在這里,你需要發(fā)揮您的無限的智慧和創(chuàng)造力,只用一種顏色,并保持有趣和吸引力。我們希望上面的例子向您展示如何在實(shí)踐中做到這一點(diǎn)。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032