189 6508 9135
我們即將進(jìn)入夏季，在傳統(tǒng)上每個(gè)人對生活都會比較放松。甚至網(wǎng)站設(shè)計(jì)看起來也會很輕松，它會有更多的空白和簡單的設(shè)計(jì)。這也將轉(zhuǎn)化為一些趨勢元素，我們看到了許多新的導(dǎo)航元素，圓圈和完美對稱的網(wǎng)格似乎正在重新流行。以下是本月的最新網(wǎng)站設(shè)計(jì)趨勢。
1、彩色背景上的白色導(dǎo)航
除了漢堡菜單，我們上一次真正思考網(wǎng)站導(dǎo)航的趨勢是什么時(shí)候？這一小部分的設(shè)計(jì)是必要的，但通常不是許多項(xiàng)目的主要關(guān)注點(diǎn)，用戶通常不會對一排鏈接感到開心。
設(shè)計(jì)師們正在將標(biāo)準(zhǔn)導(dǎo)航菜單與淺色背景和深色文本混合在一起，以支持反向樣式設(shè)計(jì)非常好。這一趨勢著實(shí)令人開心。
下面的每個(gè)設(shè)計(jì)都以深色容器背景中的導(dǎo)航元素為特色，Camo使用更大的背景元素，擴(kuò)展到主畫布以及雙色調(diào)的英雄標(biāo)題。
這種風(fēng)格的酷之處在于，顏色實(shí)際上以一種不同的方式為設(shè)計(jì)帶來了關(guān)注。首先，眼睛被吸引到大的白色空間，這是設(shè)計(jì)的主要部分。然后，他們的眼睛移動(dòng)到彩色區(qū)域，掃描導(dǎo)航元素。
這是一個(gè)非常有用的模式，因?yàn)閷?dǎo)航元素可以作為用戶了解網(wǎng)站內(nèi)容的線索。這一排小單詞可以幫助人們決定他們是想留下來繼續(xù)學(xué)習(xí)還是離開。
在這一趨勢中，顏色提供了一個(gè)機(jī)會，讓他們多停留幾秒鐘，并可能探索更多的網(wǎng)站設(shè)計(jì)。
2、圈
網(wǎng)站設(shè)計(jì)的圈子似乎是一種潮流，它轟鳴而來，然后消失……然后重復(fù)出現(xiàn)。這種形狀似乎主導(dǎo)了設(shè)計(jì)一段時(shí)間，然后很快就消失了。
這種現(xiàn)象并沒有真正的原因，也許對于大多數(shù)設(shè)計(jì)趨勢來說都是這樣，但是對于圓形來說，這似乎是最明顯的。還記得當(dāng)材料設(shè)計(jì)真正升溫時(shí)，設(shè)計(jì)項(xiàng)目是如何著迷于它們的嗎？
在設(shè)計(jì)中使用圓圈最好的一點(diǎn)是它是一種不依賴于其他趨勢的趨勢，在設(shè)計(jì)的幾乎任何部分都使用圓圈，從導(dǎo)航元素到divot，以吸引對動(dòng)畫顯示的注意。實(shí)際上沒有一套規(guī)則可以有效地使用這個(gè)形狀。
圓圈起作用是因?yàn)榕c它們相關(guān)的含義，因?yàn)閳A圈沒有一個(gè)可識別的開始或結(jié)束，所以它們看起來像輪子一樣在移動(dòng)。這種形狀有時(shí)被認(rèn)為是女性化的，在文化上與愛、能量和權(quán)力有關(guān)。您幾乎可以在下面的每個(gè)項(xiàng)目中看到這些內(nèi)容。
Bimble使用一個(gè)大的彩色圓圈來吸引注意力，您可能會注意到在產(chǎn)品包裝中進(jìn)一步使用了圓圈。它是粉紅色的，帶有女性的聯(lián)想，描述與和諧（放松）有關(guān)。
Raquel Acon的網(wǎng)站使用了多個(gè)圓圈來暗示運(yùn)動(dòng)（或者個(gè)人教練的變化）以及和諧。
湯姆少校使用圓圈運(yùn)動(dòng)，創(chuàng)造了一個(gè)獨(dú)特的和強(qiáng)大的能量與動(dòng)畫和鮮明的調(diào)色板。
3、完美的網(wǎng)格
現(xiàn)在的項(xiàng)目似乎充斥著各種各樣的網(wǎng)格，每個(gè)人對同一觀點(diǎn)的理解似乎都略有不同。這一趨勢在一定程度上打破了這一趨勢，并回歸到更基本的對稱堆疊網(wǎng)格來展示多個(gè)元素。
雖然最近的趨勢是使用具有砌體風(fēng)格或松散表示或重疊元素的網(wǎng)格，但這些更完美的網(wǎng)格是平衡和和諧的。
雖然這一趨勢沒有什么浮華之處，但對于難以組織或視覺連接的內(nèi)容塊來說，它是完美的。這就是為什么這種網(wǎng)格樣式對投資組合站點(diǎn)非常有效。
但這不只是針對投資組合，這里有投資組合、產(chǎn)品和支付門戶網(wǎng)站。每個(gè)人都以不同的方式使用相同的概念。
加布里埃爾·阿爾維斯（Gabriel Alves）使用靜態(tài)和動(dòng)態(tài)圖像的混合，在一個(gè)幾乎是方形的網(wǎng)格中展示項(xiàng)目。每個(gè)元素都有一個(gè)帶有附加信息的懸停覆蓋。
Liebe Quark的全屏網(wǎng)格以彩色圖片和文字混合為特色，但實(shí)際上什么都不能點(diǎn)擊。它就像一幅巨幅的圖畫，盡管你可以通過動(dòng)畫的觸摸來觀察元素的獨(dú)立行為。
Payvision使用更垂直的照片網(wǎng)格來突出顯示團(tuán)隊(duì)成員，網(wǎng)格不像其他示例那樣是全屏選項(xiàng)，而是使用中間的網(wǎng)格作為焦點(diǎn)。
所有這些網(wǎng)格的一個(gè)共同點(diǎn)是，元素在屏幕上的顏色和深度方面的權(quán)重是相等的。每個(gè)網(wǎng)格元素都填充自己的空間，并在它們之間沒有空格的情況下接觸相應(yīng)的元素。
這些網(wǎng)格作為一個(gè)完整的單元，為設(shè)計(jì)提供了一個(gè)獨(dú)特的視覺入口點(diǎn)。
福州印秀網(wǎng)絡(luò)總結(jié)
在這個(gè)月的系列中，最喜歡的趨勢可能是使用圓圈。這個(gè)簡單的形狀有這么多的意義，可以用這么多不同的方式，這個(gè)形狀非常實(shí)用，歡迎你們也用在你們的網(wǎng)站設(shè)計(jì)作品中。