距離 2022 年結束時間也已經快過半了,縱觀 2022 年 WordPress 網站製作行業的發展,小企業和個人客戶越來越少,中小型集團企業對 WordPress 網站製作的需求仍在,但對 WordPress 網站設計的要求越來越高,網站版本不再是電腦版,主流版本是手機 WordPress 微信版,同時響應式網站、四位一體網站變成新興的需求。那除了這些主流的需求之外,當前 WordPress 網站製作還有哪些發展趨勢呢?

  1 、網路動畫

  “今年的動畫非常大; 數字創意機構的創意總監 Mireia Lopez 說:“他們真的被帶到下一個層次。”
 
  我們看到了設計團隊的動畫、原型化和學習整齊的編碼,以使用更復雜的原型工具,比如 framer,以便將概念傳達給客戶,並向開發人員解釋數字旅程。設計師和開發者之間的界線開始變得模糊,我絕對認為我們將在未來的一年裡看到快速的融合。
 
  社交媒體管理平臺 Lightful 的高階數字設計師 Bruno La Versa 對此表示贊同。他說:“講故事和個性是新老品牌為了吸引多使用者的注意力而進行的工作,動畫也開始在這方面發揮更大的作用。”
 
  “動畫展示了並將繼續展示品牌在我們數字世界的力量,給品牌一個強大的個性,使它更少的靜態和更動態。” 作為這一趨勢的一部分,我們看到了 GIF 動畫的迴歸。 “似乎世界已經準備好了 (而且確實迫切需要) 動畫,不管它是喜劇圈的貓從桌子上掉下來,還是在您的電子郵件簽名中新增了一種有趣的標誌,” 領土專案的創始人和總監 Lee 法西斯說。
 
  他補充道:“現在,基本的 GIF 動畫將會在這裡停留,因為它幾乎可以閱讀任何東西。” 現在,設計師們利用這種能力來啟用 HTML 電子郵件、訊息、網頁等等。一個精心設計的、精心製作和執行的 GIF 序列可以讓任何多使用者注意到,而且在 2022 年將會有更多的時間。
 
  2 、更冒險的顏色

  “在過去的一年裡,我們看到了在數字平臺上使用大膽色彩的增加,”Kagool 的創意總監 James Bearne 說。一個很好的例子就是 DesignStudio 在 2022 – 2022 賽季的新品牌計劃。
 
  “一個自信的離開了之前的身份,引人注目的視覺治療並沒有停留在網站或它的應用上; 它以廣告牌、社交媒體等方式在球場上轟鳴。
 
  Bearne 預測,這不會在 2022 年放緩。 “有了像 khroma 幫助我們這樣的新工具來尋找更有趣的色彩使用方法,我們很有可能會看到更多的設計師探索如何使用色彩來傳遞特殊的體驗。”“有趣的是,顏色可以與定製和個性化一起使用,為消費者創造出真正獨特的體驗,讓他們同時打幾個盒子。”
 

 
  3 、排版

  在 WordPress 網站製作爭奪眼球的鬥爭中,印刷術是一種強大的武器,它在網路上的使用今年已經擴大,99 設計的內容策略高階經理 Kelly Moor 說。
 
  印刷術很強大,而且越大越好。因此,雖然像 Helvetica 這樣的新風格的無襯線風格仍在流行,但設計師們卻在尋找各種各樣的字型。她預測,2022 年將會有大量的劇集迴歸熒屏。 “我們還會看到越來越多的網站使用對比的 serif 和 sans – serif 字型來建立多使用者體驗的動態相似之處,比如 GE 的華麗 WooCommerce 獨立站網頁設計。” 事實上,裝置解析度越來越高,提高了可讀性的因素,也為定製字型的興起開啟了方便之門。 “設計師們選擇了大量的字型,不僅是為了強調,而且是為了美觀。” 所有這一切,加上超大字型所帶來的戲劇性,表明 2022 年將不會都是微妙的,我們可以期待看到大膽的趨勢繼續發展。
 
  另一種與打字相關的趨勢,是由 Hyped Marketing 的 studio 經理 Gee Guntrip 所發現的,是排版印刷技術。她說:“這項技術使用了一種顏色塊,透過清晰的字母來顯示靜止或移動的影像。” 選擇合適的字型和限制字母的數量是最重要的。
 
  例如,丹伯裡做得很好,它有一個明亮的文字,吸引多使用者注意它的影片。法國喜劇《法蘭西絲》使用了文字懸停的印刷效果。並透過字母來培養數字展示影片。
 
  4 、資料講故事

  Ito World 高階資料視覺化設計經理克雷格? 泰勒 (Craig Taylor) 表示:“2022 年是設計的好年份。”“我們見證了動畫視覺化的蓬勃發展,以及從 3D 角度對資料表達的需求增加。” 但是,如果不是可消化的,最終可用的話,這些資料,是漂亮的還是其他的呢?
 
  輸入泰勒所說的資訊故事講述者。他解釋說:“現在,人們非常注重透過設計來進行有效的敘事,將複雜的資訊儘可能簡單地傳達給不同的觀眾。”“設計師們正在用新的、定製的作品來思考盒子之外的東西——老式的、柔和的調色盤,支援充滿活力的色彩過渡,搭配極簡而大膽的版式。” 那麼,資訊設計的 2022 年是什麼呢? 泰勒相信,“更容易獲得新技術的人無疑將會看到,使用動畫作為一種講故事方式的設計師數量將會增加。”
 
  “隨著 AR 和虛擬現實技術的進步,虛擬模型的模擬探索的前景,我們記住將資訊和資料儲存在我們所做的事情的核心是很重要的。” 如果我們能做到這一點,資料科學和設計的重疊的領域將允許越來越多的資訊、基礎和清晰的資料視覺化的例子。
 
  李·特拉尼同意,AR 和 VR 有更多的東西可以提供。他說:“科技使我們能夠更容易地將現實世界與我們的螢幕世界結合起來。”“我們正從越來越多的願望開始,將影片新增到我們的數字體驗中; 在不太久以前,用一種深度和豐富的方式來分層。 “喜憂參半的現實使我們堅定地進入了 ‘新’,大型科技公司致力於在 AR 領域進行創新,未來的設計將需要在所有四個方面考慮我們的世界。” 我們看到在流行的遊戲和更多的功能應用程式 (如宜家) 的混合現實的開始。
 

 
  5 、間距的標準化設計工具

  在 2022 年,似乎沒有一天沒有新的應用程式、工具或功能,比如 InVision 、 Adobe XD 、 Figma 、 Axure 、 Marvel 、 Vectr 等。這包括草圖,它的開放檔案格式更新,草圖 43,是一個真正的遊戲規則改變者。 (在這個指南中您可以學到更多。)
 
  “讓我們這樣說,如果您還在使用 Photoshop 進行 UI 設計,您可能需要看看您的周圍,” 布魯諾說。 2022 年是新設計工具的一年:Figma 、 Webflow 、 InVision Studio 等。設計工具的爆炸凸顯了設計如何成為企業運作的核心要素。然而,Bearne 指出,這種趨勢對機構構成了特殊的挑戰。 “2022 年,有大量的工具出現,希望成為行業的 ‘選擇工具’,但同時,大量的產品也變得令人沮喪,因為所有人都聲稱實現了巨大的期望。”
 
  “這為機構間的工作創造了一個問題,團隊有不同的流程,每個團隊都經過測試,以發現是否可以替換草圖。” 反過來,市場已經充斥著各種選擇,但卻沒有多少關於如何提高效率的指導。
 
  “InVision Studio 的匯出——定於 2022 年 1 月——將會很有趣,因為我們將會看到它是否能夠使用它的協同平臺,最終為設計過程帶來標準化。如果 InVision 和它看起來一樣好,會發生什麼?Photoshop 的生存之戰終於結束了嗎?
 
  6 、平面設計 2.0

  平坦的設計並沒有消亡,但在 2022 年,它肯定必須學會適應與之保持聯絡。這種新的、所謂的平面 2.0 或半平面設計,依賴於在其之前的 ascetic 標識中新增細微差別和深度。它是怎麼做到的? 沉溺於一些設計禁忌:漸變和陰影。但別擔心,這只是適度的。
 
  自 2007 年以來,漸變已經讓人想起了公司的 Powerpoint 簡報、 20 世紀的網頁標題和過時的 logo 設計。 “但在 2022 年,它們又回來了,儘管進化了,” 摩爾繼續說。 “梯度現在是搖擺振動的,更新的顏色調色盤和更柔和的,微妙的過渡。” 他們在 Instagram 、 Stripe 、甚至蘋果的 iOS 圖示等品牌上引起了轟動。多虧了 web 瀏覽器功能的進展,我們也看到了陰影的復活。和漸變一樣,陰影被擱置在極簡主義和二維設計中。現實主義和偏態仍然存在,但在 2022 年,設計師們將會越來越多地在他們的作品中不斷更新、軟化和風格化的陰影。
 
  她以一個例子來提供規模網站。她解釋說:“介面的佈局非常簡單,但特點是柔軟的,飽和的梯度,並大量使用基於陰影的微互動。” 不僅有許多可點選的按鈕被拉長的陰影所突出,陰影也強調了媒體和打破了頁面。深度有助於確定視覺層次結構,並可以指向多使用者輸入欄位,並在螢幕上呼叫操作。平面設計完全背離了 20 世紀的偏態和超現實,但鐘擺擺得太遠了嗎?“在 2022 年,我們將繼續朝著世界上最好的局面發展,” 摩爾相信,“在這種情況下,巧妙地重新引入陰影和漸變,可以增加功能和美感。”
 

 
  7 、有趣的插圖

  2022 年,我們在網站上看到了更多的插圖,這並不是巧合。摩爾說:“品牌想要脫穎而出,插圖是將個性注入網站的絕佳方式。”
 
  “它們在視覺上吸引人,而不會妨礙功能和簡單; 插圖有無限的形狀、大小、樣式,是一個動態的元素,可以在 2022 年及以後尋找。我們正在學習,不要因為簡單的多使用者體驗而忽視好玩。然而,這一趨勢並不僅僅是異想天開。插圖可以是展示或解釋資訊的非常實用的方法。沒有人想要一個無聊的網站,而定製繪畫是一種人類的觸控,可以為枯燥的內容注入活力。 “市場已經飽和,競爭激烈,而 WooCommerce 獨立站網頁設計需要在個性和功能之間找到平衡; 插圖是展示您是誰的最佳方式,只要看看那些有趣的人就可以了。
 
  8 、人工智慧的發展

  人工智慧不再是科幻小說的話題。人工智慧已經透過像會話介面 (聊天機器人) 這樣的技術進入主流 WooCommerce 獨立站網頁設計。事實上,據 eBay 產品設計師伊萊恩·李 (Elaine Lee) 說,您可能已經在日常工作中使用人工智慧了,甚至不知道它。正如她在這篇文章中所解釋的那樣,所謂的 “人工狹窄智慧” 已經很難在像谷歌 Home 和蘋果的 Siri 這樣的語音助手工作了。它還為亞馬遜 (Amazon) 、 Spotify 和 Netflix 等公司提供推薦技術,更不用說智慧家居裝置、自動駕駛汽車和聊天機器人了。
 
  “隨著人們越來越習慣於與機器人互動,我們看到了在設計中使用對話介面的興起,”《宣言》的執行長兼創始人吉姆? 鮑伊斯 (Jim Bowes) 說。 “展望未來,機器學習和人工智慧將被引入我們在未來幾年內與之互動的許多系統。”
 
  “作為一種媒體,設計將以多種方式適應這種情況,” 他預測道。 “在某些情況下,它的目的是展示人工智慧,有時設計會使人工智慧看起來自然和不可見。” 我想我們將會看到大量的設計,在實際情況下,試圖展示更多的智慧,而不是真正的人工智慧。這通常是透過在數字旅行中更好地利用上下文來實現的。
 

 
  9 、不對稱佈局

  2010 年的響應式設計運動已經徹底改變了 WooCommerce 獨立站網頁設計,並使設計者能夠在不同的裝置之間無縫地進行設計。 Bearne 說:“今年,我們看到設計的增加,違背了響應性設計的限制,試圖變得更 ‘有創意’ 。” 您幾乎可以聽到客戶的反饋,說:“您能不能少些 boxy”,設計師回答道。 “新技術意味著,在 2022 年,傳統的 WooCommerce 獨立站網頁設計規則已經被打破了。”
 
  但 Bearne 認為這一趨勢是謹慎的。他指出:“在 2015 年,那些推動不對稱的設計真的出現了。” 在那一年,Spotify 使用了一種不對稱的設計來實現 “音樂年” 。在這種情況下,它感覺良好,並增加了品牌的創造性和大膽的個性。不幸的是,它最基本的形式已經開始成為一種普通的方法,並已經進入了更多的網站,而不是為了更好的。
 
  “2022 年突出的是不斷差異化和脫離規則的動力。” 好的設計師接受規則; 他們喜歡他們,和他們一起工作。但他們也找到了推動它們的方法,並創造出新的展示內容的方式。這是我希望持續到 2022 年的事情。
 
  10 、充分利用手機

  對於行動網路來說,2022 年是具有里程碑意義的一年,因為它的使用最終超過了桌面瀏覽。這意味著網路設計師們將比以往任何時候都更加關注手機多使用者。
 
  “當我們進入 2022 年的時候,我希望創新能充分利用我們從未在桌面上看到的移動功能,” 摩爾說。 “2022 年將繼續看到設計師們開發出巧妙的方法來完美地組織資訊,並將其引向更復雜的多使用者體驗,專注於微互動和手勢圖示和按鈕。” 簡單地說,直觀的導航站點轉換更好;g – star 把這一切都做得很好。洛佩茲提供了一個具體的例子,說明了手機優先是如何不只是一個通風的原則,而是需要在核心的設計過程中被烘焙的東西。正如我們前面提到的,動畫現在越來越多地出現在 WooCommerce 獨立站網頁設計中——“但是有時候,它太過了。” 有過度使用的危險,依賴於運動來定義體驗。
 
  “設計師需要考慮到,大型動畫和過渡將如何轉化為移動裝置等瀏覽器和裝置,在那裡,沒有懸停狀態和內容需要適應縮小的螢幕尺寸。”
 

 
  11 、動能的電子郵件

  阿德斯特拉 (Adestra) 的數字設計主管羅布? 佩羅 (Rob Pellow) 表示:“今年,至少在英國,人們終於開始關注移動響應,並開始關注接下來會發生什麼。”“事實上,當我們還有些品牌想要讓他們的活動和模板移動響應時,幾乎所有人都在問這個問題:‘我們還能做什麼?’”
 
  他說,在第一年,阿德斯特拉經常使用 “動態” 電子郵件:使用 CSS3 和 HTML 在電子郵件中建立互動性。這一趨勢源於這樣一個事實,即多使用者對移動應用程式和網站的 UI 語言非常滿意,他們很高興在其他地方看到它,包括電子郵件。 “有了這些新的機會,我們邁出了第一步,把單一的電子郵件活動當作一段旅程; 百安居對待我們到另一個令人印象深刻的旋轉木馬,在比以往更多的電子郵件客戶端,石蕊給我們的能力有一個籃子過程在峰會上的電子郵件和叛軍 (原名 Rebelmail) 現在是銷售的能力來完成整個檢查過程中的電子郵件——唯一的網頁您最後看到的是一個確認頁面。
 
  “這開始改變電子郵件對人們的意義,因為,如果我們能在這裡提供這些體驗,我們可以將這些東西與網站只能夢想的個性化程度結合起來。” 誰說電子郵件已經死了?