網(wǎng)頁(yè)設(shè)計(jì)要求，淺析最嚴(yán)重的錯(cuò)誤示例

新聞 2023-09-11編輯：深圳網(wǎng)站建設(shè)閱讀（）標(biāo)簽： 淺析 網(wǎng)頁(yè)設(shè)計(jì)

深圳網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實(shí)力,PC+手機(jī)+微信+小程序
【模板網(wǎng)站的價(jià)格】國(guó)際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準(zhǔn)營(yíng)銷系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營(yíng)銷網(wǎng)站的效果】重長(zhǎng)尾，重優(yōu)化，提權(quán)重，擴(kuò)收錄，提排名
【量身訂制的設(shè)計(jì)】據(jù)據(jù)需求量身定制。設(shè)計(jì)到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對(duì)1的專屬VIP服務(wù)

　　如果您在本地大學(xué)上過(guò)課程，多年來(lái)建立了網(wǎng)站，或者如果您去過(guò)業(yè)余培訓(xùn)，則每個(gè)網(wǎng)站設(shè)計(jì)師都應(yīng)該避免某些事情，如果他希望訪問(wèn)者在他們的網(wǎng)站上玩得開(kāi)心。

　　您可能聽(tīng)說(shuō)過(guò)“粘性”一詞，并帶有指向該網(wǎng)站的鏈接。

　　它僅表示訪問(wèn)者想要關(guān)注的站點(diǎn)-停留在瀏覽器中并且被放置并且經(jīng)常訪問(wèn)的站點(diǎn)。有太多因素使網(wǎng)站變得難以置信，這又是另一個(gè)主題。

　　但是，肯定存在一些建設(shè)性的網(wǎng)絡(luò)錯(cuò)誤，這些錯(cuò)誤會(huì)使網(wǎng)站成為訪客想要逃脫的網(wǎng)站。這不是一個(gè)不可以的設(shè)計(jì)，不是您應(yīng)該避免的事情。

      網(wǎng)頁(yè)設(shè)計(jì)要求如下：

　　錯(cuò)誤#1：色彩

　　它們會(huì)傷害您的眼睛的鮮艷顏色或彼此碰撞的顏色可能使站點(diǎn)訪問(wèn)者希望逃避網(wǎng)頁(yè)的攻擊。

　　在計(jì)劃網(wǎng)站主題時(shí)，請(qǐng)嘗試選擇相互補(bǔ)充的顏色。盡管很少看起來(lái)像黃色，但黃色很少作為原色。使用彩虹的每種顏色很少是一個(gè)好主意。

　　不良Ita蜘蛛網(wǎng)的一個(gè)示例：Maradita

　　錯(cuò)誤2：圖形過(guò)多

　　當(dāng)您用圖形使網(wǎng)頁(yè)混亂時(shí)，會(huì)發(fā)生兩種不同的情況。

　　首先，頁(yè)面變得如此繁忙，以至于訪問(wèn)者可能不知道單擊何處或想看什么。

　　其次，如果用戶的Internet連接速度較慢，則加載頁(yè)面可能會(huì)花費(fèi)太長(zhǎng)時(shí)間。30秒后，大多數(shù)人將離開(kāi)并轉(zhuǎn)到另一個(gè)站點(diǎn)。我們生活在一個(gè)瞬息萬(wàn)變的時(shí)代。如果在最初的幾秒鐘內(nèi)沒(méi)有引起客戶的注意，則可能會(huì)完全失去客戶的注意。

　　Ito的不良蜘蛛網(wǎng)示例：松鹽

　　錯(cuò)誤3：下載速度慢

　　您的網(wǎng)站加載速度是否如此之慢，以至于訪客有時(shí)間去回去之前先喝杯咖啡和一個(gè)甜甜圈?

　　添加過(guò)多的元素(例如，閃光燈，聲音，大量高分辨率圖形或Java腳本)會(huì)導(dǎo)致網(wǎng)站加載速度越來(lái)越慢。請(qǐng)記住，雖然大多數(shù)訪問(wèn)者的訪問(wèn)速度都很高，但仍然有一些農(nóng)村客戶會(huì)切換到該站點(diǎn)，并且如果站點(diǎn)加載速度太慢，則無(wú)法訪問(wèn)該站點(diǎn)。

　　提示：使用Google Page Speed Insights檢查網(wǎng)站速度并獲得更好的建議。

　　速度不僅對(duì)于用戶體驗(yàn)很重要，而且是非常重要的排名因素。頁(yè)面速度在2010年成為搜索引擎排名因素，并且在2016年6月，Google宣布將更新頁(yè)面速度排名因素，以專門查看您移動(dòng)頁(yè)面的頁(yè)面速度。由于移動(dòng)搜索占Google搜索的一半以上，因此還需要優(yōu)化移動(dòng)頁(yè)面的速度。

　　-來(lái)源：以更快的網(wǎng)站速度提升SEO

　　不良蜘蛛網(wǎng)的一個(gè)例子：博物館我

　　錯(cuò)誤四：廣告過(guò)多

　　內(nèi)容網(wǎng)站和博客賺錢廣告而不是銷售產(chǎn)品。但是，當(dāng)許多網(wǎng)站所有者失敗時(shí)，添加太多的廣告，訪問(wèn)者就無(wú)法分辨內(nèi)容和廣告之間的區(qū)別。如果訪問(wèn)者必須搜索以查找文章或文章的其余部分，則此頁(yè)面上的廣告過(guò)多。最好在網(wǎng)站上放置一兩個(gè)廣告。而且，您還可能會(huì)惹惱瀏覽器。

　　實(shí)際上，在Upstream和YouGov在2012年發(fā)布的數(shù)字廣告報(bào)告中，他們發(fā)現(xiàn)大約20%的消費(fèi)者表示，如果一家公司的廣告過(guò)多，他們將永遠(yuǎn)不會(huì)再使用該廣告系列。

　　不良蜘蛛網(wǎng)的一個(gè)示例：Hemmy.net

　　錯(cuò)誤編號(hào)5：業(yè)余照片編輯

　　沒(méi)有正確編輯的圖像，沒(méi)有比戀人更能大聲尖叫。出現(xiàn)此類問(wèn)題的網(wǎng)站可能會(huì)切出帶有模糊邊界的圖像，自動(dòng)調(diào)整后的顏色，使人看不見(jiàn)，無(wú)效的分層技術(shù)(清楚地表明兩幅畫(huà)已融合在一起)或比例縮放的比例奇怪。

　　提示：在以下位置使用免費(fèi)的圖像編輯工具： Canva， Pic Monkey

　　不良蜘蛛網(wǎng)的一個(gè)例子：彼得的公共汽車

　　錯(cuò)誤6：可以創(chuàng)建三年的設(shè)計(jì)

　　如果您的網(wǎng)站看起來(lái)像已經(jīng)打開(kāi)了Microsoft Word，創(chuàng)建了一部分藝術(shù)字，然后將該網(wǎng)站發(fā)布到網(wǎng)上，那么您可能希望重新訪問(wèn)您的設(shè)計(jì)元素。雖然簡(jiǎn)單性是一些下載的站點(diǎn)盼望已久的緩解方法，但是如果您過(guò)于簡(jiǎn)單，則會(huì)冒著尋找未成年人和廉價(jià)站點(diǎn)的風(fēng)險(xiǎn)。

　　不良蜘蛛網(wǎng)的一個(gè)例子是：網(wǎng)絡(luò)D-Sign氏族

　　錯(cuò)誤7：交通不暢

　　即使網(wǎng)站的設(shè)計(jì)誘人，訪問(wèn)者也會(huì)感到沮喪，并留下不良的導(dǎo)航。

　　例如，沒(méi)有明確鏈接或站點(diǎn)太多的站點(diǎn)很難確定去向。許多網(wǎng)站所有者面臨的問(wèn)題之一是一個(gè)突然變大的小型網(wǎng)站。如果網(wǎng)站只有500個(gè)頁(yè)面，則該網(wǎng)站只有5個(gè)頁(yè)面時(shí)無(wú)法正常運(yùn)行的導(dǎo)航。了解如何重新設(shè)計(jì)網(wǎng)站并將其重新構(gòu)建為類別和子類別，以便訪問(wèn)者確切地知道要去哪里尋找他們想要的東西。添加搜索框也是明智的。

　　不良網(wǎng)站的示例： LawnSignDirectory.com

　　錯(cuò)誤8：文字問(wèn)題

　　使用緊張背景的網(wǎng)絡(luò)設(shè)計(jì)師，然后選擇一種文本顏色，該顏色不能提供足夠的對(duì)比度以致于無(wú)法使網(wǎng)頁(yè)可讀。如果訪問(wèn)者在閱讀一篇文章后眼睛受傷，為什么還要留下來(lái)閱讀您網(wǎng)站的更多頁(yè)面?如果需要選擇緊張的背景，請(qǐng)至少放置具有純色背景的框，層或目錄，然后選擇相反的文本顏色。盡量避免在灰色上顯示灰色，但在深紅色上選擇白色，在淺粉紅色上選擇黑色，等等。

　　重疊的單詞與重疊圖形且部分在堅(jiān)實(shí)背景上的段落一樣難以閱讀。

　　不良ito蜘蛛網(wǎng)的一個(gè)例子：百慕大三角

　　錯(cuò)誤9：打印錯(cuò)誤

　　沒(méi)有什么比這更令人憤怒的錯(cuò)別字和語(yǔ)法問(wèn)題了。即使沒(méi)有人是完美的，您也可以嘗試?yán)嚯x。請(qǐng)朋友和家人查看您的頁(yè)面并幫助您發(fā)現(xiàn)這些錯(cuò)誤，或雇用專業(yè)編輯器來(lái)證明您的頁(yè)面。下面的示例只是為了好玩。這不是一家真正的網(wǎng)頁(yè)設(shè)計(jì)公司，但這種觀點(diǎn)嘲笑了一些公司的專業(yè)程度。

　　提示： 了解如何在自己的寫(xiě)作中捕捉錯(cuò)別字和錯(cuò)誤。

　　不良蜘蛛網(wǎng)的一個(gè)例子：Web Tek Rocks

　　有些網(wǎng)站本來(lái)就設(shè)計(jì)上確實(shí)非常糟糕。這些設(shè)計(jì)不佳的網(wǎng)站不是使您的網(wǎng)站痛苦的一件事，而是網(wǎng)站上的幾乎所有內(nèi)容。

　　可能是丑陋的顏色，導(dǎo)航不佳和其他項(xiàng)目的組合。幸運(yùn)的是，這些站點(diǎn)很少見(jiàn)，但是瀏覽它們可以幫助您知道在設(shè)計(jì)站點(diǎn)時(shí)不應(yīng)該做的事情。

• 上一章：一起欣賞網(wǎng)站設(shè)計(jì)的美學(xué)設(shè)計(jì).
• 下一章：如何讓手機(jī)端網(wǎng)頁(yè)制作效果更好？