哪些網(wǎng)頁設(shè)計(jì)趨勢(shì)將主導(dǎo) 2022 年?您應(yīng)該熟悉哪些風(fēng)格和技術(shù),以便您的作品全年保持新鮮和現(xiàn)代感?
設(shè)計(jì)趨勢(shì)可以塑造一切,從設(shè)計(jì)師的創(chuàng)作方式到用戶界面設(shè)計(jì),再到從網(wǎng)站到包裝設(shè)計(jì)的一切未來迭代。它們還可以快速放大或淡出,因此關(guān)注現(xiàn)在的流行趨勢(shì)很重要,這樣您的設(shè)計(jì)就不會(huì)很快過時(shí)。
讓我們深入探討
2022 年的一些
頂級(jí)網(wǎng)頁設(shè)計(jì)趨勢(shì)。我們將著眼于 2021 年末開始出現(xiàn)的趨勢(shì),這些趨勢(shì)是來年奠定基礎(chǔ)的明確候選者,以及一些即將流行的趨勢(shì)設(shè)計(jì)。
1.有趣、樂觀的設(shè)計(jì)
時(shí)髦的形狀、顏色,甚至面孔都可以帶來很多樂趣。設(shè)計(jì)師正在使用網(wǎng)頁設(shè)計(jì)趨勢(shì),為從投資組合網(wǎng)站(如上面的示例)到電子商務(wù)的所有內(nèi)容提供有趣、樂觀的設(shè)計(jì)。這些設(shè)計(jì)的共同點(diǎn)是它們?yōu)槭澜缱⑷肓艘稽c(diǎn)額外的快樂。
2.
漸變色+文本
黑色和白色配色方案是今年最鮮明、最美麗的設(shè)計(jì)趨勢(shì)。沒有顏色,你真的必須在限制范圍內(nèi)思考和設(shè)計(jì)。雖然這聽起來有點(diǎn)嚇人,但它可以釋放并幫助激發(fā)創(chuàng)造力。另外,結(jié)果絕對(duì)是驚人的。
在 2022 年,沒有錯(cuò)誤的字體排版方式。大粗體——甚至是襯線——無處不在。他們看起來棒極了。在玩弄這種網(wǎng)站設(shè)計(jì)趨勢(shì)時(shí),請(qǐng)考慮字體將如何響應(yīng)(在移動(dòng)屏幕上一切看起來都不同)以及如何最大限度地對(duì)訪問者產(chǎn)生影響。許多實(shí)驗(yàn)性字體不僅設(shè)計(jì)有天賦,還包括動(dòng)畫或 flex 選項(xiàng)等元素。
從輪廓到彩色字體,再到不斷變化的形狀和填充,粗體和實(shí)驗(yàn)性字體選項(xiàng)在網(wǎng)站設(shè)計(jì)中占據(jù)主導(dǎo)地位。談到今天的網(wǎng)絡(luò)排版,真的沒有規(guī)則,設(shè)計(jì)師們?cè)谕媾磺小?br />
Garcia Salmeron 的設(shè)計(jì)在主頁上使用了多種字體效果來體現(xiàn)這一趨勢(shì):混合和匹配主標(biāo)題中的字符、有點(diǎn)實(shí)驗(yàn)性的字體選擇以及帶有圖像和背景的彩色填充層。
雖然 2020 年和 2021 年有很多設(shè)計(jì)師為完整的網(wǎng)站進(jìn)行全面的 3D 設(shè)計(jì),但新興趨勢(shì)是將 3D 元素與更扁平的整體美感結(jié)合起來。
具有 3D 風(fēng)格的元素可能包括用于創(chuàng)建深度和維度的陰影、動(dòng)畫或圖層效果。
在上面的例子中用一個(gè)插圖的發(fā)現(xiàn)來做到這一點(diǎn),它伸出并修復(fù)了設(shè)計(jì)其余部分的文本。插圖使用陰影和動(dòng)作來完成這種流行的設(shè)計(jì)風(fēng)格。
從真實(shí)的網(wǎng)絡(luò)模型到具有深度的視頻或照片插圖,3D 元素有助于為設(shè)計(jì)提供額外的理解,例如上面的建筑渲染,或增強(qiáng)視覺興趣。
玻璃形態(tài)的最初暗示始于 2020 年末和 2021 年初的新形態(tài),并演變成現(xiàn)在流行的更完整的玻璃效果。
上方案例設(shè)計(jì)元素的外觀讓人聯(lián)想到玻璃??赡苡型该?、冷淡或光澤的元素。
設(shè)計(jì)師們一直在 Dirbbble 上以一種主要的方式使用這種風(fēng)格,并在大量已發(fā)布的網(wǎng)站設(shè)計(jì)中找到了一種方法。
分屏美學(xué)重新流行。幾年前的趨勢(shì)是出于可用性和響應(yīng)性的原因,現(xiàn)在它更像是一種設(shè)計(jì)。
這些視覺效果可以包括水平或垂直分割的屏幕,每一側(cè)具有相同或不同的功能或點(diǎn)擊動(dòng)作。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://pdcharm.com/news/6310.html