前幾年 WooCommerce 獨立站網頁設計有了很大的發展，您不覺得嗎？似乎我們已進入後響應時代，其次是數字實驗、移動背景、創新互動、獨特的排版、英雄插圖以及由平等、包容性和可訪問性推動的具有社會意識的設計。不錯，是嗎？
更不用說世界各地的設計師和開發人員投入到多使用者體驗研究、沉浸式 UI 探索、解決問題策略、以多使用者為中心的方法，以及在技術和美學之間建立良好關係的巨大能量。
結果以新鮮，令人興奮和有影響力的 WordPress 網站設計形式可見。而 2022 年才剛剛開始。我們期待在我們面前的幾個月中看到更多這些趨勢。
2022 年十大 WooCommerce 獨立站網頁設計趨勢
1. 數字實驗
您有沒有想過創造一種數字風味並將其與聲音相匹配？或者使用數字空間以獨特的互動方式祝新年快樂？或者也許建立一個網站來支援電視劇的最新流行季節？
如果您想知道自己能創造什麼，為什麼不透過在網上試驗來建立呢？您是否應該嘗試不再是一個問題，它已經成為一種趨勢。
因此，與設計一起玩，做一些原創並超越期望：多使用者會欣賞創造力，而其他設計師可能也會欣賞您在網際網路上的工作。
在 2022 年透過您的網站進行大膽的陳述。並使其重要。
2. 敘述性說明
插圖的形象已經存在了一段時間：在許多主頁上可以看到令人驚歎的高質量照片，這些照片佔據了摺疊的空間。
目前，我們看到很多插圖影像和最新趨勢，而不是照片，敘事，以人為本，彩色 3D 插圖。免費的可定製插相簿（如 Humaaans，unDraw 和其他資源）確實促成了各種形狀，大小，顏色和能力的人出現在網際網路上。而新的微觀趨勢：插圖中的藍色男人。他在 UX Collective 的 2022 年 UX 狀況報告中引起了我們的注意。為什麼是藍人？
然而，插圖對品牌和產品具有巨大潛力。 Slack 已經認識到它，Asana 以及世界上許多其他大小公司。如果您對 Slack 的研究，概念製作和建立插圖自定義庫的幕後花絮感到好奇，插畫家 Alice Lee 在她的文章中展示了整個過程。
3. 創新的互動
具有導航選單的自適應網站在移動版本中從上到下跳躍（以便多使用者輕鬆點選），或多模式介面，支援語音的 UI 的各種可能性以及 3D 產品瀏覽只是創新的一部分，這是最近出現在網路上的創意互動。
微互動對於改善多使用者體驗也變得越來越重要。因此，我們可以看到透過訊號，燈光，色調，顏色和彈出視窗以創新方式進行大量調整。此外，很多奉獻精神都致力於編寫能夠使多使用者互動順利和成功的微縮圖。
4. 獨特的網路排版
許多公司使用定製排版進行品牌塑造，新徽標設計或進行企業形象改造。獨特的視覺語言也成為 WooCommerce 獨立站網頁設計的一大趨勢。
例如，印刷商最近建立了 Clarkson，這是 Squarespace 的全新品牌字型，用於重新設計網站。正如他們所描述的那樣，它傳達了紐約的傳統，它有意識地特殊，平衡了新奇怪的無襯線和襯線的清晰度及複雜性，以及字型形狀的前沿。沒有什麼比大膽的排版更能讓您的品牌在網上脫穎而出。這是事實證明。
5. 內在 WooCommerce 獨立站網頁設計
“關於 WooCommerce 獨立站網頁設計的一切都改變了” 。這是 Jen Simmons 在 2022 年在西雅圖的 An Event Apart 大會上發表的演講題目。在那次演講中，她創造了 “內在 WooCommerce 獨立站網頁設計” 一詞。
“內在 WooCommerce 獨立站網頁設計是我給這個新時代的名字，因為我認為我們真的處在一個佈局設計的新時代，對於那些已經做了一段時間的人來說，您會記得我們的其他時代了。我們使用 HTML 表很長一段時間，我們使用 Flash 很長一段時間，我們在流體 WooCommerce 獨立站網頁設計和固定寬度 WooCommerce 獨立站網頁設計之間進行了這場爭論。然後，我們不必重新開始並定義所有內容，並且響應就是那種詞。每個時代都有名字。我覺得我們需要一個新時代的新詞。”- Mozilla 設計師倡導者 Jen Simmons
因此，在簡單的 HTML，Flash 佈局，流暢佈局，固定寬度佈局和響應式設計之後，下一步是什麼？內在設計。那是什麼意思？內在一詞意味著自然屬於某種東西，一種必不可少的，自然的，憲政的，內建的，根深蒂固的東西。在 WooCommerce 獨立站網頁設計領域，這意味著流體和固定或基於表格的設計之間的爭論。這是一種描述 “響應式設計+” 的方法。
正如 Jen Simmons 所描述的那些主要差異包括：
響應式 WooCommerce 獨立站網頁設計具有靈活的影像。內在 WooCommerce 獨立站網頁設計具有靈活的影像或固定影像。無論您想要什麼。
響應式設計具有流體柱。內在設計具有流體柱和行。
響應式設計使用媒體查詢。內在設計並不一定需要它們。
底線：您可以混合固定和流動。您可以使佈局流暢，直到達到最小尺寸，此時它保持固定。我們肯定會在 2022 年和隨後幾年看到更多的內在設計。
6. 充滿活力的顏色
明亮的色調和飽和的色彩漸變可以輕鬆吸引多使用者的注意力。它們增強了多使用者介面的視覺吸引力並改善了多使用者互動。因此，他們在網站上留下了更多多使用者。
“粉紅色是新的中立”，從去年開始閱讀 Webflow 部落格文章。我們也在 2022 年看到它。 WooCommerce 獨立站網頁設計師正在使用一些粉紅色和鮮豔色彩漸變的色調來梳理外觀。 Chris Coyier 已經完成了最新的 CSS-Tricks 網站的重新設計。您是否正在為下一個設計專案考慮顏色？
7. 破碎的網格和流體形狀
幾何形狀已經遍佈網路多年。正方形，圓形和矩形通常用於草圖繪製，線框圖和最終佈局。並且佈局通常被塑造成對稱網格。好吧，沒有了。
有一種趨勢是試驗破碎的網格和更流暢的有機形狀，以創造自然的外觀和更具視覺吸引力的網站。
UI / UX 設計不需要手術精確度，而是需要一種藝術風格，使設計更貼近多使用者，更符合人性。網格和有機形狀的實驗可以最有助於此。
8. GLITCH 效果
復古風格不斷迴歸 WooCommerce 獨立站網頁設計趨勢。實際上，它從未離開過。復古影像在 90 年代是一件事，但它們似乎永遠不會過時。所以，我們現在繼續看到具有這種效果的網站。它讓人感到懷舊，這通常是一件好事。事實證明，復古美學能夠有效吸引多使用者的注意力並將其儲存在現場。這總是一件好事。所以，復古萬歲。
9. 主頁 3,2,1 …
插圖並不是 2022 年唯一的英雄。影片背景已成為一種東西，可能會保持這種狀態。如果使用得當，在網站主頁上移動影像可以給人留下良好的第一印象，因此越來越多的網站正在使用如此引人注目的 WooCommerce 獨立站網頁設計元素。
影片可以帶來藝術外觀，設計師似乎對結果感到滿意，但不僅僅是它們。數字營銷人員表示，影片背景可以將轉化率提高 140％，這僅僅是因為影片可以讓訪問者在網站上停留更長時間並進行更有意義的互動。
10. 社會意識設計
我們很高興地看到，2022 年展示了越來越多具有社會意識的 WooCommerce 獨立站網頁設計師，插圖畫家，動畫師和其他創意人員，他們為網際網路製作了多種解決方案。
網路可訪問性標準的改進和數字產品的建立，包括所有年齡，能力，性別，文化，宗教和種族身份的人，確實使全球資訊網比以往更具包容性和可訪問性。
“您不能只是畫出紫色的人並稱之為多樣性”，Shoppify 插畫家 Meg Robichaud 在她關於 Medium 的文章中寫道。她補充說：“技術的多樣性不會在空虛的狀態下得到解決” 。
我們不能同意。包容性設計包括更多。它不會神奇地改變現實生活，但是我們不得不問 – 您相信設計可以改變世界嗎？我們相信它可以。
結論
無論如何，WooCommerce 獨立站網頁設計行業始終是一個引領潮流的人，並且憑藉其創新，實驗和原創的網路塑造方法成為變革者。 2022 年也不例外。我們很高興看到 WooCommerce 獨立站網頁設計師不只是坐在那裡，一遍又一遍地做同樣的事情。戰略思維和研究見解的結合已經成為一種趨勢，我們尤其感到鼓舞。我們當然希望它不會在近（遠）的未來發生任何變化。