什么是一個(gè)好網(wǎng)站？如何建設(shè)一個(gè)好網(wǎng)站？

發(fā)現(xiàn)一個(gè)糟糕的網(wǎng)站很容易，但弄清楚什么使網(wǎng)站變得好看可能是一個(gè)謎。雖然糟糕的網(wǎng)站會(huì)有一個(gè)混亂的頁(yè)面結(jié)構(gòu)，布局混亂，信息質(zhì)量低，但好網(wǎng)站的基本要素更難以發(fā)現(xiàn)和隔離。

那么，是什么讓一個(gè)好的網(wǎng)站？在Tech.co，我們已經(jīng)與網(wǎng)站設(shè)計(jì)方面的專家交流過(guò)，以幫助回答這個(gè)問(wèn)題，并為您提供最好的成功機(jī)會(huì)。

判決？我們發(fā)現(xiàn)最好的網(wǎng)站確實(shí)要求用戶少思考。他們通過(guò)確保以清晰，簡(jiǎn)單和有效的方式理解并滿足用戶的需求來(lái)實(shí)現(xiàn)這一目標(biāo)。

考慮到這一點(diǎn)，最重要的建議是在開始制作或更新之前勾勒出您的網(wǎng)站。考慮用戶如何繞過(guò)您的網(wǎng)站，從主頁(yè)到其他每個(gè)頁(yè)面。

良好網(wǎng)站設(shè)計(jì)的核心還有標(biāo)準(zhǔn)原則。其中包括確保您的網(wǎng)站可以在計(jì)算機(jī)，手機(jī)和平板電腦上運(yùn)行，并確保視覺(jué)元素（包括字體和圖像）的一致性。

想建立自己的網(wǎng)站？你需要適合這項(xiàng)工作的工具。有關(guān)我們的專家評(píng)級(jí)，請(qǐng)參閱我們的網(wǎng)站建設(shè)者對(duì)

必須擁有一個(gè)偉大的網(wǎng)站

現(xiàn)在，創(chuàng)建一個(gè)偉大的網(wǎng)站沒(méi)有靈丹妙藥。但是，如果您在創(chuàng)建下一個(gè)博客，電子商務(wù)網(wǎng)站，投資組合或商業(yè)網(wǎng)站時(shí)堅(jiān)持這7條原則，您會(huì)發(fā)現(xiàn)創(chuàng)建一個(gè)好的網(wǎng)站比您想象的要容易。

1. 明確目的?- 確保您知道您的網(wǎng)站的用途，重要的是，不是

2. 清晰的受眾?- 確定您的網(wǎng)站的目標(biāo)對(duì)象。你知道你的觀眾是什么樣的嗎？他們喜歡什么？做上班嗎？他們多大了？他們使用了哪些其他網(wǎng)站？所有這些信息以及更多信息對(duì)于構(gòu)建網(wǎng)站至關(guān)重要。

3. 直觀的導(dǎo)航?- 您可以輕松了解如何繞過(guò)您的網(wǎng)站嗎？

4. 正確的風(fēng)格?- 您的網(wǎng)站應(yīng)該是獨(dú)特和獨(dú)特的，同時(shí)仍然吸引您的用戶

5. 高質(zhì)量的圖像?- 如果您的圖像不好，您的網(wǎng)站也不會(huì)看起來(lái)很好

6. 正確的字體?- 確保您的字體符合一般風(fēng)格，并且清晰易讀

7. 正確的話?- 您的網(wǎng)站看起來(lái)很神奇，但如果沒(méi)有一個(gè)字是有意義的，那么設(shè)計(jì)就無(wú)所謂了

獎(jiǎng)勵(lì)：如何建立自己的優(yōu)秀網(wǎng)站?- 立即開始創(chuàng)建自己的在線杰作

1.明確目的

當(dāng)您構(gòu)建自己的網(wǎng)站時(shí)，您必須準(zhǔn)確了解您的網(wǎng)站將要執(zhí)行的操作。例如，如果您想創(chuàng)建一個(gè)銷售產(chǎn)品的網(wǎng)站，那么銷售產(chǎn)品應(yīng)該是您的絕對(duì)優(yōu)先事項(xiàng)。你做出的每一個(gè)決定都應(yīng)該問(wèn)自己 - 這會(huì)幫助用戶購(gòu)買我的產(chǎn)品嗎？

一個(gè)了解其目的的網(wǎng)站（好吧，一個(gè)應(yīng)用程序，真的）的一個(gè)很好的例子是Snapchat。其目的是促進(jìn)15-20歲之間的有趣，不敬的視覺(jué)交流。而且，Snapchat的初始設(shè)計(jì)清楚地表明，它旨在讓孩子們分享照片和視頻，使用一個(gè)簡(jiǎn)單的大型相機(jī)按鈕來(lái)拍攝自己的照片，以及一種易于瀏覽的方式來(lái)訪問(wèn)朋友發(fā)送給您的內(nèi)容。

然后，Snapchat開始沉迷于一個(gè)新的目標(biāo) - 通過(guò)其平臺(tái)貨幣化。它將實(shí)際用戶發(fā)送的故事和圖像降級(jí)為來(lái)自Vice和華盛頓郵報(bào)等出版商的贊助內(nèi)容。提示立即反彈并且用戶群下降，這是從來(lái)沒(méi)有恢復(fù)過(guò)來(lái)的。故事的寓意：如果您想成功，請(qǐng)始終記住您的網(wǎng)站或網(wǎng)絡(luò)應(yīng)用程序的主要目的。

2.清除受眾

確定誰(shuí)將使用您的網(wǎng)站對(duì)于建立一個(gè)好的網(wǎng)站也至關(guān)重要。如果您能夠了解哪些人將訪問(wèn)您的網(wǎng)站，閱讀您的博客文章，購(gòu)買您的產(chǎn)品或查看您以前的工作，那么您可以構(gòu)建適合他們的網(wǎng)站。

建立您的受眾群體的樣子比您想象的要容易。從古老的常識(shí)開始。例如，如果你正在銷售手工皂，那么你的目標(biāo)觀眾將不會(huì)是15-20歲，就像Snapchat的那樣。相反，您的用戶可能是30-50歲，可支配收入更多，可用于肥皂。

Tech.co如何測(cè)試網(wǎng)站建設(shè)者

一個(gè)有用的提示是通過(guò)創(chuàng)建所謂的角色來(lái)將目標(biāo)用戶分解為不同的組。這些是代表一組用戶的普遍的，虛構(gòu)的人。

創(chuàng)建這些角色的方式，特別是如果你剛剛開始，就是研究你的市場(chǎng)。

• 看看與您類似的其他網(wǎng)站：您是否想要效仿另一家肥皂公司 - 例如Burt's Bees？如果是這樣，找出什么樣的人訪問(wèn)Burt's Bees。

• 調(diào)查您的用戶或目標(biāo)用戶，以了解他們是誰(shuí)以及他們真正喜歡什么。

• 與家人和朋友討論您的網(wǎng)站及其競(jìng)爭(zhēng)對(duì)手以及他們給予的印象。

• 如果您已經(jīng)進(jìn)行了一些銷售或擁有現(xiàn)有讀者，那么您可能擁有有關(guān)您網(wǎng)站當(dāng)前受眾的數(shù)據(jù)。您可以通過(guò)付款平臺(tái)或Google Analytics等工具訪問(wèn)此內(nèi)容。

有了這些信息，您可以根據(jù)現(xiàn)有受眾的需求調(diào)整內(nèi)容，或吸引新內(nèi)容。

他們想快速購(gòu)買花式肥皂并繼續(xù)前進(jìn)嗎？?jī)r(jià)格對(duì)于他們來(lái)說(shuō)比成分更重要還是更重要？他們只購(gòu)買與他們有親和力的品牌嗎？可能他們甚至想要重復(fù)肥皂訂單？現(xiàn)在你會(huì)知道的。

3.直接導(dǎo)航

一旦確定了網(wǎng)站和目標(biāo)受眾的目的，您就可以創(chuàng)建網(wǎng)站結(jié)構(gòu)和導(dǎo)航，以便讓這些受眾盡可能輕松（并實(shí)現(xiàn)網(wǎng)站的目的）。

請(qǐng)記住，我們說(shuō)最好的網(wǎng)站字面上不需要用戶思考？站點(diǎn)結(jié)構(gòu)在減少?gòu)捻?yè)面A到頁(yè)面B所需的認(rèn)知努力中起著巨大的作用。

獲得導(dǎo)航點(diǎn)的網(wǎng)站的一個(gè)很好的例子是維珍航空。頁(yè)面加載后，您會(huì)看到一個(gè)路由選擇器。一旦您選擇了路線，修改航班選項(xiàng)和預(yù)訂只需不到15次點(diǎn)擊。這非常簡(jiǎn)單。

相比之下，請(qǐng)嘗試取消您的亞馬遜帳戶。無(wú)法從“我的帳戶”部分關(guān)閉您的帳戶，甚至也無(wú)法在“聯(lián)系我們”頁(yè)面上關(guān)閉您的帳戶;?這個(gè)過(guò)程不明確。

這兩個(gè)都是故意的：維珍航空公司希望盡可能簡(jiǎn)單地預(yù)訂航班。另一方面，亞馬遜希望盡可能地關(guān)閉您的帳戶。因此，在創(chuàng)建網(wǎng)站時(shí)，您需要讓用戶盡可能輕松地訪問(wèn)您希望他們看到的網(wǎng)站的主要部分 - 無(wú)論是購(gòu)買產(chǎn)品，預(yù)約還是向您發(fā)送電子郵件。

在Tech.co，我們建議使用網(wǎng)站構(gòu)建者來(lái)創(chuàng)建您自己的網(wǎng)站。最好的網(wǎng)站構(gòu)建器可以輕松創(chuàng)建具有不同頁(yè)面類別和子部分的可導(dǎo)航網(wǎng)站結(jié)構(gòu)。

4.正確的風(fēng)格

在為您的網(wǎng)站選擇設(shè)計(jì)風(fēng)格時(shí)，您需要再次考慮您網(wǎng)站的目的和您網(wǎng)站的用戶?？紤]這兩個(gè)男裝網(wǎng)站之間的差異：OiPolloi.com和MrPorter.com。兩者都向時(shí)尚意識(shí)的男人出售服裝，但他們這樣做的方式完全不同。

波特先生

Porter先生提供干凈，無(wú)憂無(wú)慮的網(wǎng)站風(fēng)格，旨在展示其銷售的高品質(zhì)，奢侈品及其提供的服務(wù)。另一方面，Oi Polloi提供了一個(gè)不同的主張 - 它確實(shí)提供了一個(gè)更友好的面孔，但它仍然可能讓那些不熟悉該品牌的人感到害怕。Oi Polloi的網(wǎng)站沒(méi)有波特先生那么冷淡，但與此同時(shí)，它的設(shè)計(jì)特別考慮到了“人群”。

Oi Polloi

它也值得關(guān)注一般的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。例如，滾動(dòng)紋理和“扁平”元素是很棒的設(shè)計(jì)風(fēng)格，可以讓您的網(wǎng)站在2019年保持新鮮感，并且使其更易于使用。

一般來(lái)說(shuō)，你應(yīng)該避免基于skeuomorphism的設(shè)計(jì)風(fēng)格。Skeuomorphic設(shè)計(jì)指的是設(shè)計(jì)用于模仿真實(shí)物品風(fēng)格的物品，同時(shí)提供不同的功能。例如，下面的網(wǎng)站模仿其預(yù)訂預(yù)訂部分的記事本和紙質(zhì)日歷。這些元素都不適合移動(dòng)設(shè)備，它們可以使您的網(wǎng)站看起來(lái)很俗氣，這可能會(huì)讓一些用戶望而卻步。

skeuomorphism的一個(gè)例子：在設(shè)計(jì)你的網(wǎng)站時(shí)避免這種情況。

5.高品質(zhì)的圖像

一旦您確定了網(wǎng)站的總體設(shè)計(jì)，您就可以繼續(xù)使用各個(gè)設(shè)計(jì)組件。

所有最好的網(wǎng)站都有圖片，無(wú)論是展示他們銷售的產(chǎn)品，創(chuàng)造某種情緒，還是展示其他東西，都需要高品質(zhì)。

模糊的圖像，或過(guò)度依賴無(wú)趣的股票圖像，將使一個(gè)網(wǎng)站看起來(lái)很業(yè)余。相反，你應(yīng)該選擇一種風(fēng)格并堅(jiān)持下去?？匆幌翧pple網(wǎng)站上的圖片。它們都是反映品牌的清晰圖像，并且針對(duì)特定產(chǎn)品的用戶。

例如，MacBook Air的頁(yè)面在淺色背景上顯示圖像，以強(qiáng)調(diào)該設(shè)備輕便且便于攜帶。

另一方面，Mac Mini使用更暗，更加情緒化的圖像來(lái)強(qiáng)化它是專業(yè)人士的強(qiáng)大設(shè)備。

6.正確的字體

字體可能看起來(lái)相對(duì)無(wú)關(guān)緊要。但是，用戶將大部分時(shí)間花在閱讀（或至少掃描）文本的網(wǎng)站上，這意味著它是您要?jiǎng)?chuàng)建的網(wǎng)站的重要組成部分。

例如，有線和?衛(wèi)報(bào)都使用襯線字體（每個(gè)字母末尾帶有小線條的字體）強(qiáng)調(diào)它們是嚴(yán)肅的出版業(yè)務(wù)，具有既定的存在和嚴(yán)肅的新聞權(quán)重。但是，Wired會(huì)在其標(biāo)題和standfirsts中刪除serif字體。為什么？在頁(yè)面上留下最深刻的印象。Sans-serif字體通常更容易引起注意，更容易閱讀。

另一方面，Verge堅(jiān)持使用無(wú)襯線字體。這可能是因?yàn)樗l(fā)布了一系列故事 - 包括300字左右的新聞文章，一直到2000多個(gè)長(zhǎng)讀 - 并且它需要一種適合所有人的字體。Sans-serif字體看起來(lái)也更現(xiàn)代，設(shè)計(jì)更干凈，更簡(jiǎn)潔。

在構(gòu)建網(wǎng)站時(shí)，您應(yīng)該嘗試使用不同的字體樣式來(lái)找到合適的字體。請(qǐng)記住始終牢記您網(wǎng)站的目的和用戶。選擇不尋常的，風(fēng)格各異的字體對(duì)于品牌名稱來(lái)說(shuō)很好，但是你不希望在草書樣式字體中使用長(zhǎng)段文本。

7.正確的話語(yǔ)

所以，你已經(jīng)選擇了你的設(shè)計(jì)，你已經(jīng)對(duì)圖像進(jìn)行了排序，并且找到了正確的字體（或字體）?，F(xiàn)在，您需要使用正確的字詞填充您的網(wǎng)站。

同樣，用戶和目的是您為網(wǎng)站制作的任何副本的最前沿。您需要確保它具有吸引力，易于閱讀并且具有一致的音調(diào)。如果您網(wǎng)站上的某個(gè)頁(yè)面是以Buzzfeed列表的形式編寫而下一頁(yè)寫成法律合同，那么您的用戶將會(huì)被您的網(wǎng)站混淆并關(guān)閉。

確保您的副本是明確的。如果您正在銷售產(chǎn)品，請(qǐng)向您的用戶提供他們需要了解的產(chǎn)品信息。如果您正在努力為您的企業(yè)鼓勵(lì)客戶，請(qǐng)考慮從其他客戶那里獲取推薦信，并明確您的業(yè)務(wù)所提供的服務(wù)。

無(wú)論您正在做什么，您的副本都應(yīng)該指導(dǎo)用戶采取行動(dòng)而不會(huì)過(guò)度使用 - 無(wú)論是購(gòu)買產(chǎn)品，預(yù)約還是查詢服務(wù)。

建立自己的偉大網(wǎng)站

如果上述所有內(nèi)容聽起來(lái)既復(fù)雜又令人生畏，那就不應(yīng)該。數(shù)百萬(wàn)人使用網(wǎng)站構(gòu)建器（如Wix和Squarespace）創(chuàng)建和管理自己的網(wǎng)站。

網(wǎng)站建設(shè)者可以非常輕松地創(chuàng)建設(shè)計(jì)精良的網(wǎng)站，其中包含模板，拖放編輯器以及用于額外功能的大量工具和插件。

一些網(wǎng)站建設(shè)公司，包括Wix，甚至可以通過(guò)他們的人工設(shè)計(jì)智能服務(wù)為您創(chuàng)建網(wǎng)站的基礎(chǔ)。另一方面，Squarespace使您管理網(wǎng)站結(jié)構(gòu)變得輕而易舉，并提供市場(chǎng)上一些最專業(yè)的網(wǎng)站模板。

當(dāng)前文章：什么是一個(gè)好網(wǎng)站？如何建設(shè)一個(gè)好網(wǎng)站？
當(dāng)前URL：http://muchs.cn/news19/80819.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、外貿(mào)建站、定制開發(fā)

廣告

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