技術(shù)處于不斷變化的狀態(tài),影響著我們的工作方式、溝通方式、購(gòu)買決策方式以及基本上的生活方式。以下是vi設(shè)計(jì)師網(wǎng)預(yù)測(cè)的 2023 年的 6 個(gè)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。
商業(yè)在這里并沒(méi)有什么不同,因?yàn)樗谒蟹矫娑际艿郊夹g(shù)發(fā)展的影響——從產(chǎn)品設(shè)計(jì)和制造到營(yíng)銷,網(wǎng)站設(shè)計(jì)也不例外。
事實(shí)上,您網(wǎng)站的外觀和對(duì)訪問(wèn)者的響應(yīng)方式直接影響您的轉(zhuǎn)化成功率——42% 的人會(huì)因?yàn)楣δ懿患讯x開(kāi)網(wǎng)站,而 73.1% 的網(wǎng)頁(yè)設(shè)計(jì)師認(rèn)為非響應(yīng)式設(shè)計(jì)是訪問(wèn)者首先離開(kāi)網(wǎng)站的主要原因之一。
因此,在將訪問(wèn)者轉(zhuǎn)化為客戶方面,網(wǎng)頁(yè)設(shè)計(jì)成為重中之重。今天,如果您想保持競(jìng)爭(zhēng)優(yōu)勢(shì),就必須了解當(dāng)前的行業(yè)趨勢(shì)并能夠?qū)⑺鼈冋_地融入網(wǎng)站的結(jié)構(gòu)中。
無(wú)論您是經(jīng)營(yíng)一家提供nodejs 開(kāi)發(fā)服務(wù)的 Web 開(kāi)發(fā)公司并尋求在競(jìng)爭(zhēng)中保持領(lǐng)先的方法,還是一位期待為您的企業(yè)網(wǎng)站實(shí)施新的、創(chuàng)新的附加功能的企業(yè)家,您都有很多選擇。
加入我們,我們將更詳細(xì)地探索來(lái)年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)和標(biāo)準(zhǔn)——只有這樣,您才能讓您的網(wǎng)站始終處于設(shè)計(jì)和搜索引擎的前沿。
網(wǎng)站設(shè)計(jì)的某些方面將永遠(yuǎn)存在。數(shù)據(jù)安全、快速加載時(shí)間和用戶友好的導(dǎo)航等內(nèi)容是其整體功能的絕對(duì)必要條件,有助于您獲得并保持訪問(wèn)者的注意力。例如,vi設(shè)計(jì)師網(wǎng)站最近的一項(xiàng)調(diào)查顯示,如果頁(yè)面加載速度不夠快,一半的客戶會(huì)放棄他們的購(gòu)物車——要清楚,足夠快的速度不到 6 秒。
但我們假設(shè)您已經(jīng)掌握了所有這些基礎(chǔ)。現(xiàn)在,重要的是確保它們也符合Web 可訪問(wèn)性標(biāo)準(zhǔn)。
在網(wǎng)頁(yè)設(shè)計(jì)的背景下,可訪問(wèn)性意味著什么?它指的是每個(gè)人都可以使用的網(wǎng)站,包括不同殘疾的人。雖然它總體上對(duì)用戶體驗(yàn)和業(yè)務(wù)都有好處,但它只是正確的做法。
如今,越來(lái)越多的企業(yè)尋求對(duì)其網(wǎng)站設(shè)計(jì)的包容性解決方案。以下是使網(wǎng)站易于訪問(wèn)的幾種方法:
選擇合適的顏色和對(duì)比度。某些顏色組合會(huì)使有視覺(jué)障礙的人難以閱讀您網(wǎng)站上的文本。確保您選擇的顏色提供足夠的對(duì)比度,讓每個(gè)人都能看到和閱讀您的內(nèi)容。
考慮添加成績(jī)單和標(biāo)題。為視頻添加文字記錄和字幕是確保每個(gè)人都能關(guān)注內(nèi)容的絕佳方式。
包括圖像的替代文本。替代文本(替代文本)是對(duì)網(wǎng)頁(yè)上使用的圖像的描述,對(duì)于有視覺(jué)障礙的人來(lái)說(shuō)是一項(xiàng)基本功能。
使用標(biāo)題和列表。使用標(biāo)題、項(xiàng)目符號(hào)和列表將內(nèi)容分成更小的部分,可以幫助有認(rèn)知障礙的用戶更好地跟進(jìn)。
除此之外,還有一些出色的可訪問(wèn)性測(cè)試工具可以幫助您確定您的網(wǎng)站是否符合可訪問(wèn)性標(biāo)準(zhǔn)
視差滾動(dòng)
視差滾動(dòng)是一種流行的網(wǎng)絡(luò)效果類型,并且越來(lái)越受歡迎。從本質(zhì)上講,視差是一種效果,其中背景圖像(以及視頻或紋理圖像)以比前景圖像更慢的速度移動(dòng),在您的網(wǎng)站上產(chǎn)生深度和尺寸錯(cuò)覺(jué),并使頁(yè)面內(nèi)容的特定部分顯得更加動(dòng)態(tài)。
如果使用得當(dāng),視差滾動(dòng)可以幫助您講述故事、吸引用戶并引導(dǎo)他們?yōu)g覽您的網(wǎng)站,同時(shí)提供獨(dú)特且具有視覺(jué)吸引力的體驗(yàn)。
但是,重要的是要謹(jǐn)慎使用此效果,不要一次讓用戶承受過(guò)多信息。畢竟,視差滾動(dòng)的目的是將訪問(wèn)者的注意力集中在您網(wǎng)站的關(guān)鍵元素上,同時(shí)仍然提供足夠的上下文來(lái)理解您試圖傳達(dá)的信息。
黑暗模式
雖然這不是一個(gè)新概念(2019 年 9 月,iOS 13 和 Android 10 都為其移動(dòng)設(shè)備引入了暗模式),但直到現(xiàn)在,暗模式才在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域得到廣泛采用。
它是網(wǎng)站、應(yīng)用程序和其他數(shù)字產(chǎn)品的替代配色方案,基于在深色背景上使用淺色文本。現(xiàn)在越來(lái)越多的網(wǎng)站提供暗模式選項(xiàng),甚至將其設(shè)為默認(rèn)查看模式。
它背后的想法是減少眼睛疲勞,使用戶更容易長(zhǎng)時(shí)間閱讀文本。此外,它還可以幫助提高使用OLED 或 AMOLED 顯示器的設(shè)備的電池壽命。
此外,深色模式還可以營(yíng)造出一種精致和現(xiàn)代的感覺(jué),使網(wǎng)站顯得更加高端。當(dāng)然,確保網(wǎng)站的內(nèi)容在深色模式下仍然清晰易讀,并且整體效果與品牌標(biāo)識(shí)一致是必不可少的。
藝術(shù)裝飾
Art Deco 是一種流行的設(shè)計(jì)風(fēng)格,出現(xiàn)在 1920 年代和 1930 年代。它的特點(diǎn)是線條有力、幾何形狀和光滑的表面。這種風(fēng)格被用于建筑和設(shè)計(jì),出現(xiàn)在各種媒介中,從珠寶和時(shí)裝到家具甚至火車。而現(xiàn)在,它正在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域卷土重來(lái)。
Art Deco 越來(lái)越受歡迎,很大程度上是因?yàn)樗軌驗(yàn)榫W(wǎng)站提供精致的外觀,體現(xiàn)獨(dú)特性和精致性——非常適合針對(duì)高收入客戶的奢侈品和高端產(chǎn)品行業(yè)的企業(yè)。在網(wǎng)站上使用時(shí),它可以幫助公司給人以專業(yè)和值得信賴的印象。
但這不僅僅與外觀有關(guān)。Art Deco 還可以通過(guò)使導(dǎo)航更簡(jiǎn)單、更直觀來(lái)改善用戶體驗(yàn)。通過(guò)將內(nèi)容分成更小的部分并使用具有特征對(duì)稱和幾何形狀的強(qiáng)大視覺(jué)層次結(jié)構(gòu),您可以減少視覺(jué)壓力并引導(dǎo)用戶瀏覽網(wǎng)站,同時(shí)仍提供足夠的喘息空間來(lái)吸收所有內(nèi)容。
然而,裝飾藝術(shù)也是一種非常大膽的風(fēng)格,所以不要過(guò)度使用它很重要。太多可能會(huì)使您的網(wǎng)站看起來(lái)混亂和忙碌,這是您最不想要的。
粗體字
網(wǎng)頁(yè)設(shè)計(jì)師不得不堅(jiān)持使用默認(rèn)、簡(jiǎn)單、易于閱讀的字體的日子已經(jīng)一去不復(fù)返了。今天,我們可以自由嘗試各種字體,從復(fù)古襯線到時(shí)尚的現(xiàn)代字體,只要它們適合網(wǎng)站的整體基調(diào)和風(fēng)格。
然而,這還不是全部。除了使用不同的字體,您現(xiàn)在還可以利用更大膽、更醒目的排版。
這種變化背后的原因之一是極簡(jiǎn)主義在網(wǎng)頁(yè)設(shè)計(jì)中越來(lái)越受歡迎。頁(yè)面上的混亂越少,單個(gè)元素就越重要。因此,設(shè)計(jì)師必須找到新的方法讓它們脫穎而出,而排版是最有效的選擇之一。
但是,vi設(shè)計(jì)師網(wǎng)站請(qǐng)您記住,過(guò)多的粗體字體會(huì)使網(wǎng)站看起來(lái)不專業(yè),甚至是業(yè)余的。相反,請(qǐng)謹(jǐn)慎使用它來(lái)使特定元素(例如標(biāo)題和號(hào)召性用語(yǔ)按鈕)流行起來(lái)。
玻璃紋理
玻璃紋理是網(wǎng)頁(yè)設(shè)計(jì)中的另一個(gè)流行趨勢(shì),用于創(chuàng)建干凈現(xiàn)代的外觀,同時(shí)增加網(wǎng)站的維度并賦予其獨(dú)特、時(shí)尚的優(yōu)勢(shì)。
您可以使用玻璃紋理來(lái)創(chuàng)建各種視覺(jué)效果,例如光折射和反射。他們還可以為原本簡(jiǎn)單而扁平的設(shè)計(jì)增加一層復(fù)雜性和趣味性。
此外,如果仔細(xì)執(zhí)行,玻璃紋理可以幫助提升用戶體驗(yàn),讓訪問(wèn)者更容易掃描頁(yè)面并找到他們正在尋找的信息。
盡管如此,玻璃紋理并非沒(méi)有缺點(diǎn)。主要問(wèn)題之一是它們會(huì)使網(wǎng)站的內(nèi)容難以理解。因此,設(shè)計(jì)師在選擇字體和其他文本元素時(shí)必須小心,以確保它們?nèi)匀豢勺x。
此外,玻璃紋理會(huì)使網(wǎng)站顯得冷漠和疏遠(yuǎn),因此雖然它們可以成為技術(shù)驅(qū)動(dòng)型企業(yè)的完美解決方案,但對(duì)于希望給人以平易近人和友好形象的公司來(lái)說(shuō),它們并不總是最佳選擇。
總結(jié)
隨著技術(shù)的不斷發(fā)展,網(wǎng)頁(yè)設(shè)計(jì)也在不斷發(fā)展。幾年前流行的不再流行,今天流行的可能到明年就會(huì)過(guò)時(shí)。因此,緊跟最新趨勢(shì)和行業(yè)標(biāo)準(zhǔn)以保持競(jìng)爭(zhēng)力至關(guān)重要。
盡管vi設(shè)計(jì)師網(wǎng)分享中的一些趨勢(shì),例如粗體排版和深色模式,已經(jīng)存在了一段時(shí)間,但在接下來(lái)的一年里它們不會(huì)消失。其他的,如玻璃紋理和裝飾藝術(shù)圖案,現(xiàn)在才開(kāi)始受到關(guān)注。
但是,有一點(diǎn)是肯定的——它們都有可能將您的網(wǎng)站提升到一個(gè)新的水平,無(wú)論是在設(shè)計(jì)還是功能方面。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容