詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的錯(cuò)誤發(fā)布者：本站     時(shí)間：2021-12-21 14:12:10

在設(shè)計(jì)網(wǎng)頁(yè)的過(guò)程中，射雞師們難免會(huì)犯點(diǎn)錯(cuò)。尤其是初出茅廬的新人們更加容易在實(shí)現(xiàn)新點(diǎn)子的過(guò)程中出錯(cuò)。別說(shuō)是新手了，就算是經(jīng)驗(yàn)豐富的行家也得注意提高警惕，避免犯這些錯(cuò)誤。很多開(kāi)發(fā)者越來(lái)越依賴網(wǎng)頁(yè)模板來(lái)減少設(shè)計(jì)出錯(cuò)的機(jī)會(huì)。讓我們來(lái)留心看看這些常見(jiàn)的錯(cuò)誤吧。

網(wǎng)頁(yè)結(jié)構(gòu)上的瑕疵

很多設(shè)計(jì)師把握不好承載信息的空間與留白之間的平衡。文本、圖片和菜單應(yīng)放在能與之形成足夠反差的背景上，通過(guò)調(diào)整各元素之間的間距來(lái)營(yíng)造干凈整潔的外觀，擁擠的頁(yè)面是不能抓住訪客注意力的。創(chuàng)建網(wǎng)站的過(guò)程中記得檢查頁(yè)邊距和padding樣式。

舉個(gè)好栗子 → feedafever

詳細(xì)解析<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁(yè)設(shè)計(jì)</a>中非常常見(jiàn)的錯(cuò)誤,PS教程,

瀏覽器那些事兒

你的網(wǎng)站應(yīng)該在所有的常用瀏覽器里都完美展現(xiàn)。很多設(shè)計(jì)師只不過(guò)是忘記了檢測(cè)瀏覽器兼容性，或者匆忙之中跳過(guò)了這一步。那些依賴網(wǎng)站模板的開(kāi)發(fā)者們經(jīng)常犯這種錯(cuò)。常用的瀏覽器有好幾個(gè)呢，每一個(gè)又有一堆不同的版本，足以將事情搞得越來(lái)越復(fù)雜。之所以有如此之多的版本，是由于許多用戶不肯升級(jí)他們的瀏覽器。要找出網(wǎng)站目標(biāo)用戶群體常用的瀏覽器，并針對(duì)它們檢查你網(wǎng)站的兼容性。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的錯(cuò)誤,PS教程,

令人抓狂的導(dǎo)航

這個(gè)錯(cuò)誤可不得了，可以瞬間把感興趣的訪問(wèn)者嚇跑。訪客訪問(wèn)網(wǎng)站時(shí)是沖著他們所需的信息而來(lái)的，這些信息應(yīng)該最多在三次點(diǎn)擊之內(nèi)找到，而很多設(shè)計(jì)師把內(nèi)容埋藏得太深了，使訪客感到受挫。文本部分和導(dǎo)航元素應(yīng)該被恰當(dāng)?shù)赝伙@出來(lái)以引導(dǎo)用戶，又有不少人在主頁(yè)、產(chǎn)品、關(guān)于等欄目的標(biāo)簽上使用了用戶不熟悉的詞匯，導(dǎo)致他們產(chǎn)生困惑。網(wǎng)站模板對(duì)于需要開(kāi)發(fā)新網(wǎng)站或者重新設(shè)計(jì)已有網(wǎng)站的中小企業(yè)來(lái)說(shuō)是個(gè)很好的選擇，能將正確的導(dǎo)航元素各歸各位。

flash和音樂(lè)的使用

新人們對(duì)flash和背景音樂(lè)有某種迷戀，而代價(jià)就是變慢的響應(yīng)速度和受阻的頁(yè)面加載過(guò)程。很多用戶接入網(wǎng)絡(luò)的速度其實(shí)并不快，需要等很久頁(yè)面才加載完，這就打斷了原本流暢的瀏覽體驗(yàn)，結(jié)果很可能是用戶改主意訪問(wèn)其他站點(diǎn)。帶有flash的網(wǎng)站模板應(yīng)該在開(kāi)發(fā)工作進(jìn)行之前檢測(cè)過(guò)才行。

帶背景音樂(lè)的網(wǎng)站并不是那么受歡迎。盡管在網(wǎng)站的指引音頻中用上音樂(lè)也許不錯(cuò)，但仍需提供音效控制權(quán)給用戶，而不是從一開(kāi)始就自動(dòng)播放。

不加標(biāo)簽的鏈接

網(wǎng)站上的所有鏈接都需要加上正確的標(biāo)簽。不管你是自己從零開(kāi)始建站還是使用模板，這一點(diǎn)都至關(guān)重要，不然用戶就弄不清楚這個(gè)鏈接將要指向何方。將相似的鏈接用同樣的顏色或字體編組，改變已訪問(wèn)鏈接的顏色，使用清晰可見(jiàn)的按鈕都是值得鼓勵(lì)的方法。注意了，有時(shí)候設(shè)計(jì)師可能會(huì)忘記將文本塊中的鏈接標(biāo)記出來(lái)。

字體出錯(cuò)啦

過(guò)小或過(guò)大的字體都會(huì)帶來(lái)錯(cuò)誤的印象，使用最優(yōu)字號(hào)的web安全字體是傳達(dá)信息的最好方式。字體可不能帶有妨礙閱讀和理解的花哨樣式。用字體玩太多的花樣是一個(gè)應(yīng)該避免的常見(jiàn)錯(cuò)誤。網(wǎng)頁(yè)模板可以大大降低犯這種錯(cuò)誤的幾率。

圖片未優(yōu)化

網(wǎng)絡(luò)用圖應(yīng)調(diào)整尺寸或壓縮大小，以節(jié)省空間和加載時(shí)間。若非如此，加載圖片需要很長(zhǎng)的時(shí)間，而訪客一般不會(huì)再等下去，而是轉(zhuǎn)投其他網(wǎng)站。提供縮略圖預(yù)覽并將縮略圖鏈接到更大尺寸的圖片可是個(gè)聰明的解決方法，很多設(shè)計(jì)師都沒(méi)有注意到。常用的圖片格式有JPG，PNG和GIF，其他格式加載的時(shí)間會(huì)更長(zhǎng)一些。當(dāng)一張或幾張圖標(biāo)被用作背景時(shí)，設(shè)計(jì)師得小心處理加載時(shí)間和圖片優(yōu)化程度的問(wèn)題。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的錯(cuò)誤,PS教程,

不當(dāng)?shù)纳式M合

在給網(wǎng)站選擇顏色的時(shí)候，設(shè)計(jì)師可能沒(méi)將網(wǎng)站目的和目標(biāo)客戶列入考慮范圍。企業(yè)網(wǎng)站和醫(yī)療類網(wǎng)站的適用顏色是不一樣的。使用強(qiáng)烈沖突的顏色或者顏色太多都是不明智的選擇。許多設(shè)計(jì)師沒(méi)有遵循使用三原色的法則。有需要的時(shí)候可以用用這些個(gè)互補(bǔ)色(原文complementary colors，可能是作者筆誤)的深色調(diào)。有許多顏色漂亮的網(wǎng)站模板可以用作參考。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的錯(cuò)誤,PS教程,

糟糕的文字格式

搜尋信息的訪客傾向于先掃描文字再深入考究細(xì)節(jié)，一大坨文字會(huì)讓他們反胃的。很多設(shè)計(jì)師都沒(méi)有設(shè)計(jì)利于掃描的文字格式。著重號(hào)、數(shù)字編號(hào)、標(biāo)題、小標(biāo)題、用加粗或顏色來(lái)強(qiáng)調(diào)文字都是些經(jīng)常被忽略的簡(jiǎn)單方法。這個(gè)時(shí)候網(wǎng)站模板就是個(gè)聰明的設(shè)計(jì)參考點(diǎn)。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的錯(cuò)誤,PS教程,

網(wǎng)站設(shè)計(jì)過(guò)程包含了數(shù)個(gè)重要的階段，設(shè)計(jì)師們要時(shí)刻注意防范可能發(fā)生的錯(cuò)誤。有些錯(cuò)誤由于疏忽造成，而有些則因缺乏相應(yīng)知識(shí)造成。上面提到的小tips可大大減少出錯(cuò)的機(jī)會(huì)。