閱讀前言：本文(wén)轉載自dribbble.com，文(wén)中(zhōng)的觀點有(yǒu)其地域性。但他(tā)山(shān)之石，可(kě)以攻玉；我們仍能(néng)從中(zhōng)學(xué)習、了解到更多(duō)的行業趨勢。
現在 2022 年已經過去，舊的已經過去，新(xīn)的已經到來——尤其是在網頁(yè)設計和産(chǎn)品設計方面。無論您是雇用(yòng)網頁(yè)設計師還是尋找網頁(yè)設計工(gōng)作(zuò)，熟悉最新(xīn)的設計趨勢都很(hěn)重要。您甚至可(kě)能(néng)需要花(huā)一些時間将新(xīn)的網頁(yè)設計趨勢納入您的作(zuò)品集中(zhōng)，或者考慮如何在下一次網頁(yè)設計面試中(zhōng)提出它們。言歸正傳，以下是 2023 年網頁(yè)設計的八大趨勢。
1. 提高網絡可(kě)訪問性
2022 年 3 月 18 日，美國(guó)司法部發布了一套關于網站可(kě)訪問性和 1990 年通過的反歧視法《美國(guó)殘疾人法案》的指南。根據更新(xīn)後的指南，商(shāng)業網站屬于 ADA 第三章的管轄範圍。第三章适用(yòng)于“向公(gōng)衆開放”的企業，例如銀行、零售商(shāng)店(diàn)、醫(yī)院、餐館和表演藝術場所。它也适用(yòng)于電(diàn)子商(shāng)務(wù)企業和其他(tā)“僅限在線(xiàn)”企業。
盡管司法部的指導方針不包括企業必須遵守的硬性規則，但它們确實提供了一些有(yǒu)關消除無障礙障礙的指導。因此，2023 年最大的網頁(yè)設計趨勢之一是對無障礙設計的需求。例如，嵌入視頻的網站應提供字幕，以幫助有(yǒu)視覺障礙的用(yòng)戶理(lǐ)解内容。無障礙網站還使用(yòng)戶能(néng)夠輕松感知信息并導航其用(yòng)戶界面。
薩沙·埃爾莫連科(kē) ( Sasha Ermolenko)的藝術作(zuò)品
2. 懷舊之情
如果您對 80 年代和 90 年代有(yǒu)美好的回憶，那麽您并不孤單。懷舊正在席卷設計界，影響着從産(chǎn)品設計到網站圖形的方方面面。在 COVID-19 大流行之初，政府官員發布了居家令，禁止人們探望家人、與朋友出去玩或下班後與同事一起喝(hē)酒。為(wèi)了應對與封鎖相關的孤獨感，許多(duō)人開始回憶快樂的時光，掀起了懷舊潮流。品牌也開始流行起來。
通過利用(yòng)懷舊情緒，品牌可(kě)以與客戶建立既強大又(yòu)有(yǒu)意義的即時聯系。
通過喚起人們對過去時光的懷舊之情，品牌能(néng)夠以微妙的方式突顯其價值觀，從而與顧客産(chǎn)生深刻的共鳴。網頁(yè)設計中(zhōng)的一種常見技(jì )術是結合經典的配色方案、字體(tǐ)和圖像，提醒客戶經受住時間考驗的主題。
3. 人工(gōng)智能(néng)
如今，你無法逃避關于人工(gōng)智能(néng)如何接管從設計到文(wén)案寫作(zuò)的一切的思考。人工(gōng)智能(néng)設計工(gōng)具(jù)确實已經取得了長(cháng)足的進步，但這并不意味着它們能(néng)夠取代人類設計師和其他(tā)創意專業人士。事實上，人工(gōng)智能(néng)的力量正在為(wèi)世界各地的品牌提供與受衆建立聯系的新(xīn)機會。
如果您參與 UX 或 UI 設計，那麽您一定會至少有(yǒu)一個客戶要求您開發一種具(jù)有(yǒu)視覺吸引力的聊天機器人設計。聊天機器人充當虛拟助理(lǐ)，讓客戶有(yǒu)機會在人類客戶服務(wù)代理(lǐ)離線(xiàn)時提出問題或獲得基本支持。設計是開發成功的聊天機器人最重要的方面之一，因為(wèi)良好的設計有(yǒu)助于吸引用(yòng)戶。
即使您沒有(yǒu)創建帶有(yǒu)人工(gōng)智能(néng)元素的網站或産(chǎn)品，熟悉使用(yòng)人工(gōng)智能(néng)工(gōng)具(jù)仍然很(hěn)有(yǒu)幫助。随着技(jì )術的進步，您将能(néng)夠使用(yòng)人工(gōng)智能(néng)在更短的時間内做出更好的設計決策。例如，如果您參與原型設計，您可(kě)以使用(yòng) AI 合并公(gōng)司設計庫中(zhōng)的标準 UI 組件，從而減少将新(xīn)産(chǎn)品推向市場所需的時間。
丹妮拉的藝術
4.極簡主義
并不是每個人都想要一個充滿大膽色彩和異想天開的動畫的華麗網站。這就是為(wèi)什麽極簡主義成為(wèi) 2023 年最熱門的網頁(yè)設計趨勢之一。極簡主義設計使用(yòng)有(yǒu)限的調色闆，并且僅使用(yòng)盡可(kě)能(néng)多(duō)的設計元素來表達要點。盡管采用(yòng)極簡主義美學(xué)有(yǒu)很(hěn)多(duō)好處，但您必須密切注意每個設計的整體(tǐ)平衡，因為(wèi)大量的空白會在某些東西有(yǒu)點不合适時變得明顯。
以發布在世界各地發表的 TED 演講視頻而聞名(míng)的TED 網站也采用(yòng)了極簡設計。但這并不意味着它平淡乏味。頁(yè)面頂部的屏幕截圖顯示演示者穿着鮮豔的顔色或展示色彩缤紛的演示幻燈片，使主頁(yè)在不使用(yòng)太多(duō)設計元素的情況下具(jù)有(yǒu)視覺吸引力。主頁(yè)每個視頻周圍都有(yǒu)足夠的空白，這可(kě)以防止用(yòng)戶不知所措。
5. 微交互
與 2023 年的其他(tā)網頁(yè)設計趨勢一樣，微交互緻力于改善用(yòng)戶體(tǐ)驗并提高品牌知名(míng)度。典型的網站交互包括單擊鏈接、在博客文(wén)章上撰寫評論、觀看視頻或填寫調查。微交互需要的用(yòng)戶輸入甚至更少，這使得它們對于提高參與度并确保訪問者可(kě)以導航網站而不會遇到任何錯誤非常有(yǒu)幫助。
微交互的一個常見示例是進度指示器的使用(yòng)。這些指示器通常用(yòng)在要求用(yòng)戶填寫表單或完成多(duō)個步驟的流程的頁(yè)面上。當用(yòng)戶完成每個必需的操作(zuò)時，進度指示器會向右移動，讓他(tā)們知道網站正在響應他(tā)們的輸入。使用(yòng)進度指示器使用(yòng)戶無需懷疑頁(yè)面是否被凍結或系統是否識别他(tā)們的輸入，從而改善了用(yòng)戶體(tǐ)驗。進度指示器還可(kě)以幫助用(yòng)戶在下載大文(wén)件或完成其他(tā)耗時的過程時保持耐心。
6. 适合移動設備的設計
适合移動設備的設計并不是什麽新(xīn)鮮事，但它比以往任何時候都更加重要，使其成為(wèi) 2023 年最熱門的網頁(yè)設計趨勢之一。截至 2021 年，大約 85% 的美國(guó)人擁有(yǒu)智能(néng)手機；其中(zhōng)許多(duō)人使用(yòng)手機進行預訂、查看餐廳菜單、安(ān)排車(chē)輛維護以及處理(lǐ)其他(tā)任務(wù)。如果公(gōng)司的網站在移動設備上運行不佳，消費者可(kě)能(néng)會将業務(wù)轉移到其他(tā)地方，從而導緻收入損失。
無論您是想成為(wèi)一名(míng)網頁(yè)設計師還是已經設計網站多(duō)年，您都需要知道如何創建響應式網站。響應式網站應該适應不同的設備，從小(xiǎo)型智能(néng)手機到 12 英寸屏幕的平闆電(diàn)腦，為(wèi)每個用(yòng)戶提供積極的體(tǐ)驗。您還需要考慮設計中(zhōng)按鈕的大小(xiǎo)，因為(wèi)許多(duō)人用(yòng)拇指而不是食指操作(zuò)智能(néng)手機。
tuik UX的藝術作(zuò)品
7. 增強現實
增強現實将計算機生成的内容與現實世界的元素相結合，創造出更具(jù)吸引力的體(tǐ)驗。由于最近技(jì )術的進步，越來越多(duō)的品牌将 A/R 元素融入到他(tā)們的網站中(zhōng)。亞馬遜就是一個很(hěn)好的例子，它使用(yòng)虛拟試穿來幫助用(yòng)戶找到他(tā)們喜歡的鞋子。通過虛拟試穿，購(gòu)物(wù)者可(kě)以使用(yòng)智能(néng)手機“試穿”鞋子，無需下訂單即可(kě)測試不同的款式和顔色組合。虛拟試穿有(yǒu)助于亞馬遜提高銷量，并減少因對所選款式感到失望而退回的鞋子數量。
宜家還利用(yòng)增強現實來提高用(yòng)戶參與度并提高品牌忠誠度。該公(gōng)司擁有(yǒu)自己的設計實驗室，幫助客戶挑選合适的家具(jù)和配件。IKEA Studio 甚至允許客戶使用(yòng)智能(néng)手機創建每個房間的 3D 平面圖，從而輕松嘗試不同的産(chǎn)品組合。例如，消費者可(kě)以使用(yòng)宜家工(gōng)作(zuò)室來查看一件家具(jù)是否适合他(tā)們當前的空間，或者找到與房間中(zhōng)所有(yǒu)藝術品和配件相匹配的地毯。
8. 深色模式
現在，越來越多(duō)的人了解使用(yòng)深色模式的好處，您可(kě)以期待看到更多(duō)将其納入您的設計的請求。與響應式設計一樣，深色模式并不新(xīn)鮮，但它比以往任何時候都更受歡迎。一些用(yòng)戶發現在深色背景上閱讀淺色文(wén)本更容易，深色模式甚至可(kě)以延長(cháng)智能(néng)手機或平闆電(diàn)腦的電(diàn)池壽命。從設計師的角度來看，深色模式可(kě)以讓你更輕松地嘗試設計元素，讓你比平時更多(duō)地發揮你的創造力。
