網站的外觀和感覺很重要。它既可以吸引新客戶,反之也會產生排斥感。WordPress 網站構建器使得使用拖放模板進行設計更加容易。但並非所有模板的建立都是相同的。網站所有者需要選擇一個符合品牌個性,歡迎訪客,並提供良好的功能的設計模板。是時候建立一個出色的網站了。以下是在選擇遵循最佳設計實踐操作的網頁設計模板時要考慮的五個因素。當然,也可以先了解一下 2018 年網頁設計的一些趨勢。
1. 頭部設計
頭部是訪問者看到的網站的第一部分。主要目的是歡迎觀眾,激發其瀏覽網站的好奇心。大多數的頭部設計包括品牌的標誌,加上一個精美的影象。文字通常提供了上下文,並新增了一個簡單的行動呼籲。網站的頭部將取決於解釋品牌的難易度。Brenda Barron 是 Tuts+的講師,他提供了更多的見解:“使用精美的影象來創造令人驚嘆的視覺體驗,對於酒店、餐館或溫泉浴場等企業來說效果很好。另一方面,如果業務型別可能很難僅用影象進行解釋,那麼應該選擇一個包含影象和文字覆蓋的標題設計。”ClassPass 是一個健康俱樂部聚合器,它使用一個頭部影象來顯示其業務模型。簡單的文字提供了公司的描述,其中有兩個行動呼籲按鈕。第一印象在網上具有重要意義。選擇一個積極地展示品牌的網頁設計模板。
2. 導航設計
在實體店很容易找到物品。因為店內的過道上有標記,也有客戶服務的指定區域,甚至有店員走來走去提供服務。同樣,在網上重新創造購物體驗也很重要。選單欄起到了路線圖的作用,引導訪問者訪問站點上的某些頁面。因此背景要簡潔,字型清晰可讀。關鍵是不要給消費者壓力或不便。過於擁擠的選單在視覺上具有壓迫感,會使遊客的體驗複雜化。為頁面建立層次結構或體系結構。對於布局,將最重要的頁面放在左側。使用不同的顏色或新增熟悉的符號來突出關鍵細節。在下面的示例中,Havertys 提供了一個易於訪問的選單,供客戶了解其產品。該品牌還為訪問者提供免費設計幫助的選擇。導航設計為訪問者提供了一個清晰的方向,告知其下一步的操作。通過線上體驗成為他們的個人嚮導。
3. 功能
網站上沒有足夠好的圖片和時髦的顏色,需要新增一些實用的功能。首先決定訪問者訪問的目的。希望顧客購買產品呢,還是讓他們在特定時間與網站所有者聯絡呢?網站的目標有助於選擇正確的模板。如果希望訪問者直接與網站所有者聯絡,可能需要實時聊天功能。如果想讓顧客購物,則需要一家 WooCommerce 電子商務商店。Viral Element 創意總監 Perry Lara 說:“鑒於網站是企業最好的銷售途徑,企業主應該採取必要的步驟,以確保網站在推出之前和之後都能正常執行。一個無法正常運作的網站可能意味著產生新的潛在客戶開發和完全錯過潛在客戶開發的機會之間的差異。”SWANK 理髮店為訪問者提供了在其網站上預約的選擇。通過此功能,品牌就可以簡化獲得新客戶的過程。功能讓網站不再僅僅是一個美觀的線上空間。一個成功的 WooCommerce 電子商務網站設計模板可以將猶豫不決的訪問者轉變成忠誠的購物者。
4. 內容區域
內容在網站中起著至關重要的作用。文字和影象將填充設計空白,並將產品和服務資訊告知訪客。根據品牌,內容區域可能包括 WordPress 博客、照片庫或幻燈片。選擇一個能幫助訪問者了解網站價值的內容部分。但是,太多的內容區域會使設計複雜化。這些東西會讓訪客對他們應該集中注意力的地方感到困惑(或者可能會惹惱訪客)。如果他們不能決定下一步的操作,他們很可能會離開網站。Kitchen Konfidence 展示了一個生動的內容區域,包括漂亮的照片、簡潔的描述和直接的行動呼籲按鈕。此外,這裡有足夠的空白空間,不會讓訪問者被大量的內容淹沒。內容區域是一個很好的嘗試品牌如何展示資訊的地方。例如,在導航選單、社交媒體連結和聯絡人詳細資訊中使用固定邊欄。網頁設計模板的布局應該安排合理。仔細選擇使用的內容領域。
5. 手機版
據 Statista 稱,“預計 2019 年手機使用者數將達到 46.8 億。” 這項研究意味著消費者對網站的參與可能會增加。移動使用者希望迅速得到他們需要的東西,而不會有任何麻煩。谷歌使用者體驗研究主管 Jenny Gove 表示:“使返回主頁變得容易。當使用者點選移動頁面左上角的徽標時,他們希望可以回到主頁,當徽標不可用或不起作用時,他們會感到沮喪。” 在移動網站上使用更少的單詞。標題要短,以適合移動螢幕。內容也應該容易瀏覽。Bose 的移動網站突出了基本細節。乍一看,參觀者可以看到該品牌的標誌、選單、主要的行動呼籲和產品的形象。這副本也短小精悍。移動網站應該遵循與桌面版本相同的品牌風格和配色方案。使用不同的變體只會分散訪問者對品牌價值的注意力。
網頁設計模板是網站的基礎。目標是建立一個有用的和有吸引力的網站。要找到滿足這個目標的最佳網頁設計模板還有很多工作要做。幸運的是,像 GatorWordPress 網站構建器這樣的 WordPress 網站構建器使這一工作變得容易。數百個移動友好模板可供選擇,它們都遵循現代網頁設計的最新趨勢。立即檢視,為業務找到最合適的模板。更多關於網頁設計的介紹可以了解一下網頁設計的核心原則有哪些。