發(fā)現一個糟糕的網站很容易，但弄清楚什么使網站變得好看可能是一個謎。雖然糟糕的網站會有一個混亂的頁面結構，布局混亂，信息質量低，但好網站的基本要素更難以發(fā)現和隔離。
那么，是什么讓一個好的網站？在Tech.co，我們已經與網站設計方面的專家交流過，以幫助回答這個問題，并為您提供最好的成功機會。
判決？我們發(fā)現最好的網站確實要求用戶少思考。他們通過確保以清晰，簡單和有效的方式理解并滿足用戶的需求來實現這一目標。
考慮到這一點，最重要的建議是在開始制作或更新之前勾勒出您的網站。考慮用戶如何繞過您的網站，從主頁到其他每個頁面。
良好網站設計的核心還有標準原則。其中包括確保您的網站可以在計算機，手機和平板電腦上運行，并確保視覺元素（包括字體和圖像）的一致性。
想建立自己的網站？你需要適合這項工作的工具。有關我們的專家評級，請參閱我們的網站建設者對
必須擁有一個偉大的網站
現在，創(chuàng)建一個偉大的網站沒有靈丹妙藥。但是，如果您在創(chuàng)建下一個博客，電子商務網站，投資組合或商業(yè)網站時堅持這7條原則，您會發(fā)現創(chuàng)建一個好的網站比您想象的要容易。
明確目的?- 確保您知道您的網站的用途，重要的是，不是
清晰的受眾?- 確定您的網站的目標對象。你知道你的觀眾是什么樣的嗎？他們喜歡什么？做上班嗎？他們多大了？他們使用了哪些其他網站？所有這些信息以及更多信息對于構建最佳網站至關重要。
直觀的導航?- 您可以輕松了解如何繞過您的網站嗎？
正確的風格?- 您的網站應該是獨特和獨特的，同時仍然吸引您的用戶
高質量的圖像?- 如果您的圖像不好，您的網站也不會看起來很好
正確的字體?- 確保您的字體符合一般風格，并且清晰易讀
正確的話?- 您的網站看起來很神奇，但如果沒有一個字是有意義的，那么設計就無所謂了
獎勵：如何建立自己的優(yōu)秀網站?- 立即開始創(chuàng)建自己的在線杰作
1.明確目的
當您構建自己的網站時，您必須準確了解您的網站將要執(zhí)行的操作。例如，如果您想創(chuàng)建一個銷售產品的網站，那么銷售產品應該是您的絕對優(yōu)先事項。你做出的每一個決定都應該問自己 - 這會幫助用戶購買我的產品嗎？
一個了解其目的的網站（好吧，一個應用程序，真的）的一個很好的例子是Snapchat。其目的是促進15-20歲之間的有趣，不敬的視覺交流。而且，Snapchat的初始設計清楚地表明，它旨在讓孩子們分享照片和視頻，使用一個簡單的大型相機按鈕來拍攝自己的照片，以及一種易于瀏覽的方式來訪問朋友發(fā)送給您的內容。
然后，Snapchat開始沉迷于一個新的目標 - 通過其平臺貨幣化。它將實際用戶發(fā)送的故事和圖像降級為來自Vice和華盛頓郵報等出版商的贊助內容。提示立即反彈并且用戶群下降，這是從來沒有恢復過來的。故事的寓意：如果您想成功，請始終記住您的網站或網絡應用程序的主要目的。
2.清除受眾
確定誰將使用您的網站對于建立一個好的網站也至關重要。如果您能夠了解哪些人將訪問您的網站，閱讀您的博客文章，購買您的產品或查看您以前的工作，那么您可以構建適合他們的網站。
建立您的受眾群體的樣子比您想象的要容易。從古老的常識開始。例如，如果你正在銷售手工皂，那么你的目標觀眾將不會是15-20歲，就像Snapchat的那樣。相反，您的用戶可能是30-50歲，可支配收入更多，可用于肥皂。
Tech.co如何測試網站建設者
一個有用的提示是通過創(chuàng)建所謂的角色來將目標用戶分解為不同的組。這些是代表一組用戶的普遍的，虛構的人。
創(chuàng)建這些角色的最佳方式，特別是如果你剛剛開始，就是研究你的市場。
看看與您類似的其他網站：您是否想要效仿另一家肥皂公司 - 例如Burt's Bees？如果是這樣，找出什么樣的人訪問Burt's Bees。
調查您的用戶或目標用戶，以了解他們是誰以及他們真正喜歡什么。
與家人和朋友討論您的網站及其競爭對手以及他們給予的印象。
如果您已經進行了一些銷售或擁有現有讀者，那么您可能擁有有關您網站當前受眾的數據。您可以通過付款平臺或Google Analytics等工具訪問此內容。
有了這些信息，您可以根據現有受眾的需求調整內容，或吸引新內容。
他們想快速購買花式肥皂并繼續(xù)前進嗎？價格對于他們來說比成分更重要還是更重要？他們只購買與他們有親和力的品牌嗎？可能他們甚至想要重復肥皂訂單？現在你會知道的。
3.直接導航
一旦確定了網站和目標受眾的目的，您就可以創(chuàng)建網站結構和導航，以便讓這些受眾盡可能輕松（并實現網站的目的）。
請記住，我們說最好的網站字面上不需要用戶思考？站點結構在減少從頁面A到頁面B所需的認知努力中起著巨大的作用。
獲得導航點的網站的一個很好的例子是維珍航空。頁面加載后，您會看到一個路由選擇器。一旦您選擇了路線，修改航班選項和預訂只需不到15次點擊。這非常簡單。
相比之下，請嘗試取消您的亞馬遜帳戶。無法從“我的帳戶”部分關閉您的帳戶，甚至也無法在“聯系我們”頁面上關閉您的帳戶;?這個過程不明確。
這兩個都是故意的：維珍航空公司希望盡可能簡單地預訂航班。另一方面，亞馬遜希望盡可能地關閉您的帳戶。因此，在創(chuàng)建網站時，您需要讓用戶盡可能輕松地訪問您希望他們看到的網站的主要部分 - 無論是購買產品，預約還是向您發(fā)送電子郵件。
在Tech.co，我們建議使用網站構建者來創(chuàng)建您自己的網站。最好的網站構建器可以輕松創(chuàng)建具有不同頁面類別和子部分的可導航網站結構。
4.正確的風格
在為您的網站選擇設計風格時，您需要再次考慮您網站的目的和您網站的用戶?？紤]這兩個男裝網站之間的差異：OiPolloi.com和MrPorter.com。兩者都向時尚意識的男人出售服裝，但他們這樣做的方式完全不同。
波特先生
Porter先生提供干凈，無憂無慮的網站風格，旨在展示其銷售的高品質，奢侈品及其提供的服務。另一方面，Oi Polloi提供了一個不同的主張 - 它確實提供了一個更友好的面孔，但它仍然可能讓那些不熟悉該品牌的人感到害怕。Oi Polloi的網站沒有波特先生那么冷淡，但與此同時，它的設計特別考慮到了“人群”。
Oi Polloi
它也值得關注一般的網頁設計趨勢。例如，滾動紋理和“扁平”元素是很棒的設計風格，可以讓您的網站在2019年保持新鮮感，并且使其更易于使用。
一般來說，你應該避免基于skeuomorphism的設計風格。Skeuomorphic設計指的是設計用于模仿真實物品風格的物品，同時提供不同的功能。例如，下面的網站模仿其預訂預訂部分的記事本和紙質日歷。這些元素都不適合移動設備，它們可以使您的網站看起來很俗氣，這可能會讓一些用戶望而卻步。
skeuomorphism的一個例子：在設計你的網站時避免這種情況。
5.高品質的圖像
一旦您確定了網站的總體設計，您就可以繼續(xù)使用各個設計組件。
所有最好的網站都有圖片，無論是展示他們銷售的產品，創(chuàng)造某種情緒，還是展示其他東西，都需要高品質。
模糊的圖像，或過度依賴無趣的股票圖像，將使一個網站看起來很業(yè)余。相反，你應該選擇一種風格并堅持下去?？匆幌翧pple網站上的圖片。它們都是反映品牌的清晰圖像，并且針對特定產品的用戶。
例如，MacBook Air的頁面在淺色背景上顯示圖像，以強調該設備輕便且便于攜帶。
另一方面，Mac Mini使用更暗，更加情緒化的圖像來強化它是專業(yè)人士的強大設備。
6.正確的字體
字體可能看起來相對無關緊要。但是，用戶將大部分時間花在閱讀（或至少掃描）文本的網站上，這意味著它是您要創(chuàng)建的網站的重要組成部分。
例如，有線和?衛(wèi)報都使用襯線字體（每個字母末尾帶有小線條的字體）強調它們是嚴肅的出版業(yè)務，具有既定的存在和嚴肅的新聞權重。但是，Wired會在其標題和standfirsts中刪除serif字體。為什么？在頁面上留下最深刻的印象。Sans-serif字體通常更容易引起注意，更容易閱讀。
另一方面，Verge堅持使用無襯線字體。這可能是因為它發(fā)布了一系列故事 - 包括300字左右的新聞文章，一直到2000多個長讀 - 并且它需要一種適合所有人的字體。Sans-serif字體看起來也更現代，設計更干凈，更簡潔。
在構建網站時，您應該嘗試使用不同的字體樣式來找到合適的字體。請記住始終牢記您網站的目的和用戶。選擇不尋常的，風格各異的字體對于品牌名稱來說很好，但是你不希望在草書樣式字體中使用長段文本。
7.正確的話語
所以，你已經選擇了你的設計，你已經對圖像進行了排序，并且找到了正確的字體（或字體）?，F在，您需要使用正確的字詞填充您的網站。
同樣，用戶和目的是您為網站制作的任何副本的最前沿。您需要確保它具有吸引力，易于閱讀并且具有一致的音調。如果您網站上的某個頁面是以Buzzfeed列表的形式編寫而下一頁寫成法律合同，那么您的用戶將會被您的網站混淆并關閉。
確保您的副本是明確的。如果您正在銷售產品，請向您的用戶提供他們需要了解的產品信息。如果您正在努力為您的企業(yè)鼓勵客戶，請考慮從其他客戶那里獲取推薦信，并明確您的業(yè)務所提供的服務。
無論您正在做什么，您的副本都應該指導用戶采取行動而不會過度使用 - 無論是購買產品，預約還是查詢服務。
建立自己的偉大網站
如果上述所有內容聽起來既復雜又令人生畏，那就不應該。數百萬人使用網站構建器（如Wix和Squarespace）創(chuàng)建和管理自己的網站。
網站建設者可以非常輕松地創(chuàng)建設計精良的網站，其中包含模板，拖放編輯器以及用于額外功能的大量工具和插件。
一些網站建設公司，包括Wix，甚至可以通過他們的人工設計智能服務為您創(chuàng)建網站的基礎。另一方面，Squarespace使您管理網站結構變得輕而易舉，并提供市場上一些最專業(yè)的網站模板。
