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