很難相信我們已經(jīng)進(jìn)入2022年一個(gè)多月了。但這意味著今年會(huì)有更多的趨勢(shì)，對(duì)嗎？到目前為止，2022年網(wǎng)站設(shè)計(jì)的最大趨勢(shì)是整體上缺少形象人物。全球范圍內(nèi)的流行并不令人驚訝，但這可能意味著網(wǎng)站設(shè)計(jì)師們正在拓展其他途徑，以增強(qiáng)他們?cè)O(shè)計(jì)中的視覺(jué)興趣。以下是本月的設(shè)計(jì)趨勢(shì)。

非傳統(tǒng)導(dǎo)航

創(chuàng)造視覺(jué)興趣的一個(gè)有趣方法是混合位置、大小或主導(dǎo)航菜單的位置。

雖然不使用頂部導(dǎo)航元素或漢堡菜單或圖標(biāo)的角落位置很難想象，但這是一個(gè)可靠的選擇，取決于菜單項(xiàng)的數(shù)量和周圍的內(nèi)容。

當(dāng)你開(kāi)始考慮這個(gè)問(wèn)題的時(shí)候，你會(huì)發(fā)現(xiàn)有很多選擇。每一種都吸引眼球到屏幕上的不同位置，因?yàn)樗且庀氩坏降暮筒煌摹?

Tilda使用一個(gè)錨定在屏幕右側(cè)的導(dǎo)航菜單。但當(dāng)你瀏覽幾乎是文件文件夾風(fēng)格的選項(xiàng)卡時(shí)，翻轉(zhuǎn)到屏幕的右邊。它有一種真實(shí)的感覺(jué)，既有趣又不會(huì)讓用戶感到不知所措。

Cmentarz ?yczakowski在屏幕右側(cè)也有一個(gè)導(dǎo)航元素，但它是一個(gè)封閉的紅色框架，只有一個(gè)漢堡圖標(biāo)。對(duì)于導(dǎo)航元素來(lái)說(shuō)，這是一種不常見(jiàn)的空間使用，但它與重疊的視頻框結(jié)合在一起。點(diǎn)擊漢堡導(dǎo)航，會(huì)從底部彈出全屏菜單（也是一種略微不同的方式），帶有超大的可點(diǎn)擊元素，可以在整個(gè)網(wǎng)站上移動(dòng)。

Global Sense將焦點(diǎn)從主頁(yè)頂部導(dǎo)航轉(zhuǎn)移到主頁(yè)底部。讓它特別漂亮的是，導(dǎo)航欄浮動(dòng)到頂部，并粘在滾動(dòng)。這確保了主頁(yè)有不同的外觀和感覺(jué)，用戶在設(shè)計(jì)過(guò)程中不會(huì)因?yàn)闆](méi)有導(dǎo)航而迷失方向。

標(biāo)志性風(fēng)格標(biāo)志

網(wǎng)站設(shè)計(jì)師使用簽名風(fēng)格的標(biāo)記——從logo到標(biāo)題——為他們的網(wǎng)站項(xiàng)目添加更多的個(gè)人風(fēng)格。結(jié)果就是一系列令人驚嘆的字體和新奇的字體。

那么如何才能復(fù)制這一趨勢(shì)呢？

你不必對(duì)你的簽名進(jìn)行數(shù)字化處理。（從安全的角度來(lái)看，這可能不是最好的主意。）但是，你可以找到一種字體，讓你產(chǎn)生與自己手寫字體相同的感覺(jué)，或者請(qǐng)別人為你創(chuàng)造一種實(shí)驗(yàn)性的字體。

“宙斯”的作品集有一個(gè)美麗的手寫風(fēng)格元素，在黑暗的地理背景上分層。（你能從簽名中看到J和O的輪廓嗎？）簽名風(fēng)格的標(biāo)志之所以如此成功，是因?yàn)橐磺卸己芎?jiǎn)單和低調(diào)，但有深度和尺寸元素。

另一個(gè)組合網(wǎng)站，這是為Marco Rezende，使用簽名標(biāo)記作為網(wǎng)站標(biāo)志。這是一個(gè)有趣的草皮，只是給了一點(diǎn)點(diǎn)華麗和天賦的整體設(shè)計(jì)方案，感覺(jué)沉重和專業(yè)。此外，請(qǐng)注意，設(shè)計(jì)師使用了一個(gè)白色（光）標(biāo)記的黑色背景。這也是這個(gè)網(wǎng)站設(shè)計(jì)趨勢(shì)的一個(gè)常見(jiàn)的視覺(jué)主題。

這一趨勢(shì)的另一個(gè)極端是機(jī)場(chǎng)餐廳。這不是一個(gè)個(gè)人網(wǎng)站，但主頁(yè)上的簽名風(fēng)格給人一種更私人的感覺(jué)。這幾乎讓人想起吃完后簽支票的情景。顏色和尺寸的額外使用給了這種處理視覺(jué)上的提升，有助于推動(dòng)設(shè)計(jì)向前發(fā)展。

流體的形狀

使用不同類型的形狀來(lái)創(chuàng)建視覺(jué)主題已經(jīng)流行了好幾年。到目前為止，大多數(shù)人可能都嘗試過(guò)一些幾何圖案或背景。

形狀現(xiàn)在有了更流暢的感覺(jué)，這很大程度上是由于給形狀和背景添加了動(dòng)畫提示，以創(chuàng)建更多的液體外觀或和諧流動(dòng)。

這種趨勢(shì)適用于更大的視覺(jué)元素，如圖像框架或整體主頁(yè)藝術(shù)元素，或更小的模式或分層效果。流體形狀的總體目標(biāo)是創(chuàng)造流暢和幾乎無(wú)縫的東西，這樣用戶就不會(huì)關(guān)注它，而是喜歡它。

下面的三個(gè)例子都采用了不同的方法來(lái)處理這個(gè)網(wǎng)站設(shè)計(jì)趨勢(shì)。

Eder Anaya有一個(gè)旋轉(zhuǎn)矩形，里面有一個(gè)流體動(dòng)畫。整體形狀本身也是動(dòng)態(tài)的，并從矩形變?yōu)樘菪涡螤睿僮優(yōu)槠矫妗?

Wave Lab可能是最酷的流體形狀動(dòng)畫之一。在形狀內(nèi)部有圖像，加上彩色輪廓，再加上微妙的反彈，你會(huì)認(rèn)為這對(duì)于單個(gè)元素來(lái)說(shuō)太多了。但它的成功要?dú)w功于大量的空白和簡(jiǎn)約的美學(xué)。最聰明的部分是其中一個(gè)形狀是品牌標(biāo)志的“W”。

該Bulleit集團(tuán)還采用了流暢的造型，但沒(méi)有動(dòng)畫。動(dòng)畫元素圍繞著圖形，而不是圖形本身。設(shè)計(jì)的整體簡(jiǎn)潔是引人入勝的，形狀創(chuàng)造了一個(gè)有趣的地方，否則它可能是困難的。他們?cè)谡麄€(gè)設(shè)計(jì)中使用這個(gè)形狀主題，而不僅僅是在主屏幕上，這一點(diǎn)也很好。