印象很重要。而且，對于網站而言，印象往往是至關重要的 - 如果用戶發現您的網站容易混淆，您可能會永遠丟失它們。如果你正在運行博客或在線雜志，這意味著你已經失去了一個讀者。如果您經營一家公司，這意味著您已經失去了銷售。

那么，您如何建立一個能夠吸引用戶注意力并使他們保持足夠的參與度以閱讀更多文章，反復訪問您的業務或購買您的產品的網站？

在設計網站方面沒有靈丹妙藥，有多種方式可以創建一個外觀漂亮的網站。

但是，有一些主題和原則支持偉大的網頁設計，我們將幫助您將它們應用到您的網站。

在本指南中：

網站設計原則

網站結構

網站生成器模板

網站設計原則

您應該記住的一個口頭禪是您的網站設計需要為您的訪問者工作。

我們采訪了營銷公司MVF Global的UX架構師Saleh Kayyali。

Kayyali說，在開始構建網站之前，你需要做兩件事：

您網站的目的是什么

您網站的用戶是誰

這些應該告知您在網站上做出的每個決定，從名稱，主頁設計到內容。如果您不確定誰將會查看您的網站，或者您的網站目的是什么，那么它可能對任何用戶都沒有幫助，也不會對您失敗。

Kayyali指出Snapchat是一項對其用戶和目的有深刻理解的服務 - 在2017年11月重新設計之前。它的目的是促進15-20歲之間的有趣，不敬的視覺交流。事實上，Snapchat對這個人群的定位如此之多，以至于許多老年人根本無法理解其實用性，甚至無法理解其如何運作。

Snapchat在2017年底的重新設計表明，它從根本上誤讀了用戶和應用程序的目的。隨著它變得越來越受歡迎，Snapchat的用戶群自然多樣化，這個更新的用戶群更容易接受贊助和特色內容，無論是來自Vice還是華盛頓郵報。

但是，其核心用戶群不容易接受。Snapchat也忽視了它的目的 - 有趣的溝通 - 并且開始沉迷其平臺貨幣化。其核心用戶群反應嚴重，估值損失超過10億美元。一切都是因為重新設計。

Snapchat重新設計

Snapchat重新設計之前和之后（信用：XDA開發人員）

因此，了解您的用戶和您網站的目的是值得的。但是，您如何首先了解這些中的任何一個？

了解你的目的

了解您網站的目的聽起來很明顯，但Snapchat顯示您可以獲得它的錯誤。例如，假設您正在為銷售手工皂的公司建立一個網站。您網站的目的是銷售肥皂。

當然，它可能還有其他方面，例如談論你的肥皂與傳統競爭對手的可持續性。但是，如果你不賣肥皂，那么你的網站就不會成功。

了解您的用戶

Kayyali解釋說，一旦確定了網站的目的，您需要查看您想要吸引的人的類型。

例如，如果您銷售手工皂，那么您的目標受眾可能不會是15-20歲，就像Snapchat一樣。相反，您的用戶可能是30-50歲，可支配收入更多，可用于肥皂。

一個有用的提示是通過創建所謂的角色來將目標用戶分解為不同的組。正如Kayyali所說，這些是“代表一組用戶的普遍化，虛構的人”。

創建這些角色的方式是研究您的市場。看看與您類似的其他網站：您是否想要效仿另一家肥皂公司 - 例如Burts Bees？如果您已經構建了自己的網站，是否可以調查現有用戶以了解他們是誰以及他們喜歡什么？或者與家人和朋友討論您的網站以及您網站發布的圖片。

通過積累這些知識，您將能夠找到用戶的需求。他們想快速購買花式肥皂并繼續前進嗎？他們只購買與他們有親和力的品牌嗎？可能他們甚至想要重復肥皂訂單？

無論你發現什么，你都需要先把這些需求放在首位。

網站結構

但是，在設計網站結構時，這意味著什么呢？作為一個例子，我們將堅持使用我們想象中的肥皂店。

我們建議在Tech.Co.使用網站建設者。這些現代工具提供了簡單，便宜和簡單的方法來自己構建網站。

像Wix這樣的網站提供了很棒的模板，可以為您提供網站的核心架構。盡管如此，考慮用戶如何從主頁，選擇產品，購買它，仍然值得勾勒出您理想的網站。

您應該考慮盡可能簡化此過程，同時請記住，人們可能希望在最后一刻添加產品，或者稍后再回到訂單。

當然，這會因每個網站而異。由于我們只銷售肥皂，我們希望允許用戶靈活地修改訂單，或者在選擇和購買產品之間來回跳轉。但是，如果我們是一家航空公司，我們需要一個更加規范的系統，幫助我們的用戶正確預訂機票。

Kayyali說好的網站“消除認知努力”。這意味著，雖然用戶完全了解他們在您的網站上所采取的決策和行動，但這些決不應該讓您感到辛苦。

網站美學

你可能會對我們說這個很無聊，但想想你的用戶。

如果您的用戶正在尋找一家生產可持續天然肥皂的肥皂公司，那么他們希望在您的網站上看到這一點。想想自然的圖像，看起來健康的人，以及對您的環保信譽的參考。但是，如果您的肥皂公司銷售經過嚴格測試的臨床肥皂，您可能需要更簡約的美學，這表明科學的清潔度。

這也值得研究設計趨勢。例如，由于計算機害羞的用戶可以立即理解不同元素的功能，因此曾經非常受歡迎的擬態風格。網站中的Skeuomorphism是明確設計屏幕項目以模仿真實世界的對應物 - 例如此頁面上的日歷和記事本。

Skeuomorphic網站設計

這被平面設計取代，平面設計強調可用性，清晰，清晰描繪的元素具有明顯的目的 - 如下面的網站。平面設計網站也傾向于在移動設備上更好地工作。

圍繞平面設計建立的網站示例，最近我們看到很多設計利用陰影和滾動紋理而不是簡單的扁平元素。這些對于維護用戶在網站上的參與度非常有用。畢竟，滾動比點擊更容易 - 特別是在移動設備上。但是，值得確保滾動的目的仍然很明顯。

滾動設計示例網站配色方案

一旦您建立了網站的一般美學，您就可以選擇一種配色方案。這不一定需要保持一致 - 但它確實需要反映您的品牌。

事實上，更改配色方案有助于區分您銷售的產品。例如，看看Apple改變每個iPhone的顏色主題的方式。

iPhone X iPhone 8 iPhone 7產品頁面再次，選擇配色方案在很大程度上取決于用戶的文化。Snapchat雖然相對落后于優雅，卻堅持使用大膽的原色，使其在年輕觀眾中如此受歡迎。

谷歌的網站顏色極簡主義，突出了其品牌標識的大膽原色。這提供了一致性，并清楚地表明其無數產品中的哪些產品具有哪些功能。

華碩'游戲玩家共同體子品牌嚴重依賴黑色和紅色，使其產品和網站看起來很嚴肅，甚至是男子氣概 - 正是其用戶所追求的。

為您的網站選擇字體

如果你想，你可以在字體和字體方面讓自己陷入兔子洞。

例如，Serif字體在每個字母的末尾都有很少的線條。Sans-serif字體，就像我們在Tech.Co上使用的Arial一樣，沒有這些小行。

等寬字體使所有字母占據頁面上相同的水平空間 - 例如，這意味著“l”與“m”一樣寬。腳本字體有許多子類（基本上是模仿手寫的字體）。

Blackletter字體具有寬而重的字母，還有裝飾字體，如bauhaus，專為海報和標志設計。

就像我們說的那樣，在選擇字體時會有一個兔子洞。

但是，只要您根據用戶的文化和您想要創建的品牌類型選擇字體。它不必在您的網站上保持一致，但有明確的理由選擇為什么不同的部分將具有不同的字體 - 它需要反映網站該方面的目的。

回到我們想象中的肥皂公司 - 我們會避免使用諸如Times New Roman之類的襯線字體作為標識和標題，因為它們可以是老式的（除非這是您想要的體驗）。顯示Cooper Black等字體可能適合徽標和導航按鈕。但是，對于冗長的文本，如產品描述或條款和條件，您需要一種易于閱讀的字體，如Arial。

本文標題：如何做好網站？
網站鏈接：http://m.newbst.com/news18/217368.html

成都網站建設公司_創新互聯，為您提供Google、響應式網站、定制網站、網站收錄、網站營銷、面包屑導航

廣告

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