你有沒有想過是什么造就了一個世界級別的展會/會議官網？是否希望有一個定制？這篇文章是建立促進轉化的商業(yè)網站的快速指南。

全球展會主辦方的網站和會議研討會，86%的網站在美感和SEO架構上是極為糟糕的。

設計一個世界級別的網站，將美學與信息的沖擊力相結合，實現近乎神奇的設計，需要將藝術與科學很好地結合起來。秘訣在于給自己一點創(chuàng)作自由——同時堅持一個經過驗證的結構。

設計商業(yè)網站布局的 3步走：

■第1步：首先考慮用戶旅程

在您開始草擬想法之前進行研究并考慮主頁結構對于設計過程至關重要。在進行研究時，請確保您始終關注潛在客戶的第一印象。畢竟，在不了解目標用戶的期望的情況下，設計一個提供出色用戶體驗的商業(yè)網站幾乎是不可能的。

一個不關注可訪問性或缺乏良好用戶體驗的網站，吸引大量流量的機會要小得多——畢竟，用戶體驗和搜索引擎優(yōu)化是齊頭并進的。粗心的用戶體驗仍然吸引了大量用戶。但優(yōu)步、Airbnb 和 Slack 等擁有更好用戶體驗的公司更有機會重塑他們的行業(yè)。

研究用戶需求和期望的方法有很多，但訪談和卡片分類可能是最流行的方法。一旦您更深入地了解目標受眾對頁面的期望，您就可以開始研究信息架構了。

使用卡片設計網站內容布局

卡片分類練習可以為您提供獨特的見解，這些見解將指導您在設計網站設計的整體結構及其導航時做出決定。

聚頁建站 - 展會網站設計及開發(fā)配圖1

信息架構 (IA) 就是以清晰、直觀和明智的方式組織網站上的信息。想想您自己瀏覽網頁的經歷：登陸一個計劃不周且無法在幾秒鐘內證明其相關性的網頁令人沮喪，并且可能會讓您立即點擊關閉或返回按鈕。

好的 IA 將創(chuàng)建一個強調最重要元素并保持訪問者參與的層次結構。如果沒有一個堅實的骨架可以建立，基本上就是失敗。

導航是您應該盡早考慮的 IA 的關鍵方面之一。如果用戶無法找到自己的方式，那么您的網站有多華麗也沒關系。

良好的導航具有三個主要特征：

簡單明晰一致性

您的目標應該是引導用戶以盡可能少的點擊次數獲得他們正在尋找的信息。您可以在導航欄中使用清晰、簡潔和有用的語言以及整個網站的一致設計來實現這一目標。添加諸如面包屑之類的備份功能還可以大大提高您網站的可用性，幫助訪問者隨時了解他們在網站上的位置。

聚頁建站 - 展會網站設計及開發(fā)配圖2

■第2步：獲得正確的視覺層次結構

最好的網站都能做到這一點。強大的視覺層次結構在引導用戶采取您希望他們采取的行動的網站布局設計和看起來不錯的網站之間產生了差異。人類是令人難以置信的視覺動物，當談到在線消費內容時，我們經常掃描頁面以快速判斷我們是否會在潛入之前找到我們需要的東西。

作為設計師，您可以確?？吹阶钪匾男畔⒉⑽脩?。如果沒有清晰的視覺層次結構，頁面上的所有內容似乎都同樣重要，讓人難以抗拒。各種設計原則有助于創(chuàng)建強大的視覺層次結構。

使用網格

網格提供了強大的自定義功能，可以在頁面上的不同元素之間創(chuàng)建連接，并為您的布局設計提供一種秩序感。網格顯示頁面上的所有元素如何相互交互，并確保您的響應式設計使用清晰的結構來突出正確的信息。

自然掃描模式的設計人們使用兩種主要的眼睛掃描模式來快速掃描內容塊：

F形圖案Z形圖案

作為設計師，您可以很好地控制網站訪問者在掃描您的頁面時將看到的位置，因此為他們設置正確的路徑至關重要。我們經常在博客和新聞網站等文字較多的網站上遇到 F 形圖案。

值得注意的是，2006 年發(fā)現這種閱讀模式的 Nielsen-Norman 小組最近重新審視了他們的研究并澄清了圍繞它的一些誤解：F 形模式實際上對用戶和企業(yè)不利，應該避免。

值得注意的是，2006 年發(fā)現這種閱讀模式的 Nielsen-Norman 小組最近重新審視了他們的研究并澄清了圍繞它的一些誤解：F 形模式實際上對用戶和企業(yè)不利，應該避免。

如果用戶以 F 模式掃描您的網站，則意味著他們對頁面左側表現出強烈的偏好，而右側缺少重要內容。為防止 F 掃描，您必須以將網站內容引導至您認為最重要的信息的方式格式化您的網站內容。

聚頁建站 - 展會網站設計及開發(fā)配圖3

阻止 F 形掃描的設計非常適合博客和新聞網站等文本較多的網站。 Z 形圖案更適合具有最少副本和一些旨在吸引用戶注意力的關鍵元素的網站。 著陸頁通常利用 Z 形圖案來引導用戶沿著轉化路徑前進。

聚頁建站 - 展會網站設計及開發(fā)配圖4

以下是引導訪問者閱讀您最重要內容的幾種方法：

在前兩段中包含最重要的信息使用標題和副標題粗體字或短語可視化地對少量相關信息進行分組經常使用項目符號和編號列表

努力為您的用戶做艱苦的工作，以盡量減少分心并阻止他們走捷徑。

聚頁建站 - 展會網站設計及開發(fā)配圖5

在視覺上優(yōu)先考慮關鍵元素

使用五個基本的設計構建塊來構建一個一目了然的 HTML 和 CSS 視覺層次結構：

1. 尺寸

在任何設計中，將大小與重要性關聯起來很重要——最重要的信息應該是頁面上大的信息，并且需要最多的關注。

2. 顏色

請記住，配色方案可以作為組織工具以及設計中的品牌/個性工具。

聚頁建站 - 展會網站設計及開發(fā)配圖6

3. 布局

良好的格式可以鼓勵訪問者參與整個頁面的內容并更快地找到最重要的信息。

聚頁建站 - 展會網站設計及開發(fā)配圖7

4. 間距

白色空間或負空間是設計人員用來吸引人們注意最重要的 UI 元素的設計工具

聚頁建站 - 展會網站設計及開發(fā)配圖8

5. 風格

選擇與您的品牌相匹配并突出您的品牌的風格將幫助您更有效地傳達您的信息。

聚頁建站 - 展會網站設計及開發(fā)配圖9

■第 3 步：關注號召性用語按鈕

沒有號召性用語按鈕 (CTA) 的網站是不完整的。事實上，營銷人員會說他們是頁面上最重要的元素，所有的努力都應該集中在讓人們點擊上。戰(zhàn)略性地使用精心設計的 CTA 可以極大地改善頁面流量并引導用戶進行轉換，因此正確處理這一點至關重要。

以下是您在設計按鈕時需要牢記的內容。

聚頁建站 - 展會網站設計及開發(fā)配圖10

聚頁建站 - 展會網站設計及開發(fā)配圖11

確保您的按鈕看起來可點擊

這聽起來很明顯，但你會驚訝于網頁設計師放棄功能和清晰度以支持創(chuàng)造力或一些古怪的新 JavaScript 趨勢的頻率。為確保用戶理解元素是按鈕，請使用標準視覺提示來幫助他們確定可點擊性，例如形狀、陰影和高光。

聚頁建站 - 展會網站設計及開發(fā)配圖12

以視覺方式突出顯示最重要的 CTA

設計一個獨特的 CTA 有三個重要方面：顏色、對比度和位置。 使用具有足夠對比度的醒目顏色來幫助主按鈕脫穎而出——并將它們放置在用戶不會錯過的顯眼位置。

關于聚頁建站

matchPages 聚頁建站SaaS平臺，從設計創(chuàng)意開始的建站軟件服務。產品和服務包括品牌建站軟件產品、全球展會營銷發(fā)布平臺、品牌策劃和數字營銷廣告等一站式數字廣告的整體解決方案，是中國出海企業(yè)的數字營銷增長服務商。尤其擅長為外貿企業(yè)和展會主辦方定制品牌建站和服務流程。

非常感謝您讀完創(chuàng)新互聯的這篇文章："網頁設計：每個設計師都應該遵循的3個步驟"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優(yōu)化、小程序制作等服務，歡迎聯系我們提供您的需求。

本文名稱：網頁設計：每個設計師都應該遵循的3個步驟
文章轉載：http://jinyejixie.com/news19/313219.html

成都網站建設公司_創(chuàng)新互聯，為您提供建站公司、網站內鏈、App設計、做網站、搜索引擎優(yōu)化、全網營銷推廣

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯