網(wǎng)頁設(shè)計師所犯的10個最常見的錯誤
站設(shè)計者在設(shè)計網(wǎng)站時犯了很多錯誤(尤其是新的錯誤)。從糟糕的設(shè)計到簡單的監(jiān)督每天都在發(fā)生。但有一點勤奮,他們可以很容易地避免。
下面是十個最常見的錯誤網(wǎng)頁設(shè)計師,以及網(wǎng)站的事情做正確的例子。其中一些很容易糾正,如果你意識到,其他人可能需要更多的時間。但都是可以解決的,值得花時間和精力去糾正。雖然這不是一個全面的常見錯誤列表,但它是一個很好的起點。
1。繁忙,擁擠的頁面。
“留白”或“負空間”,是除你的背景設(shè)計之外的元素,是一個極其重要的設(shè)計元素。它是一個重要的設(shè)計元素,影響訪問者如何理解不同元素的重要性。在你的欄、不同的頁面元素之間,甚至在單獨的字符、行和段落之間都應(yīng)該使用足夠的空白。既要考慮“宏”白空間,也要考慮列周圍的負空間、頁面元素,甚至整個設(shè)計;還有微白空間、單個行、段落和子元素之間的負空間。
除了空白之外,不要在一個頁面上放置太多的內(nèi)容。訪問者可能會訪問頁面尋找特定的內(nèi)容。只包含相關(guān)信息和必要的導(dǎo)航和每個頁面上的站點范圍元素。最好是在許多情況下,有多個短頁比只有少數(shù)很長的,尤其是如果這些長的有一噸的內(nèi)容無關(guān)。
2。難以找到新內(nèi)容
除非你設(shè)計的站點是完全靜態(tài)的,否則如何展示新的信息和內(nèi)容對于好的設(shè)計是至關(guān)重要的。回頭客可能會對上次參觀后發(fā)生的變化感興趣。一般來說,這是在博客上自動完成的,文章以日期降序排列。但在其他類型的網(wǎng)站上呢?
有幾種方法來處理這個。您可以將整個部分用于新內(nèi)容。這可能是一個鏈接到最新內(nèi)容的頁面(例如,最近的十個更新)?;蛘哌@可能是主頁中的一個部分,或者是另一個鏈接到最新更新的頁面。無論在主頁上還是在自己的頁面上,使這個突出顯示都很重要。目的是讓游客更容易找到它。
10常見的網(wǎng)頁設(shè)計要避免的錯誤
3.找不到鏈接
鏈接是網(wǎng)站最重要的部分之一??梢哉f,它們可能是最重要的元素。在任何情況下,您需要確保您的鏈接很容易與其他文本元素區(qū)分開來。
這里有兩件事需要記住。首先,要確保你的鏈接在某種程度上區(qū)別于你的其他文本。可以使用不同的顏色、下劃線或其他文本屬性(除了閃爍文本)。要記住的第二件事是不要讓沒有鏈接的文本看起來像一個鏈接。這意味著,在任何情況下,如果你的站點不是鏈接,你的站點上的任何文本都必須加下劃線。它還意味著,如果使用其他元素來樣式化鏈接,請不要將它們應(yīng)用于非鏈接文本。
4。不正確的圖像格式
在網(wǎng)站上使用不同圖像的正確圖像格式是至關(guān)重要的。使用錯誤的圖像文件格式可以使您的圖像文件大于它們所需要的或影響最終圖像的質(zhì)量。與在線圖形有關(guān)的三種圖像格式是JPEG、GIF和PNG。
JPEG格式是非常好的照片或圖像,有很多不同的顏色和色調(diào),因為它的24位顏色。使用JPEG的缺點是它使用有損壓縮。換句話說,文件大小越小,得到的質(zhì)量損失就越多。使用較低的壓縮最小化這一點,但它仍然是一個問題,特別是在較大的圖像或圖像,原來是非常尖銳的。你不能使用JPEG或透明度。
GIF格式對于使用有限調(diào)色板的圖像非常有用。GIF只有8位的顏色(總共有256個顏色)。這意味著它不適合照片或大多數(shù)梯度圖像。GIF使用無損壓縮,這意味著,如果你的圖像只使用有限的調(diào)色板,它會導(dǎo)致真正的小文件大小,沒有質(zhì)量損失。GIF也能在調(diào)色板中為單個顏色透明。
PNG格式適用于照片和其他圖形。PNG圖像能透明(在瀏覽器支持的話),這給他們的禮物一個優(yōu)勢。他們也使用無損壓縮,這讓他們在JPEG的優(yōu)勢。他們能夠8或24位色,所以適合的圖像,以前會被保存為GIF或JPEG文件。PNG圖像不是很好的在JPEG格式的照片,但大大優(yōu)于GIF。
5。離開默認頁面的標題
在Dreamweaver的默認頁面的標題是“無標題文檔”。如果你在谷歌搜索,你會得到差不多3000萬個結(jié)果。真的沒有借口。這是第二修正。在上傳之前要確保已經(jīng)將默認頁面標題改為默認值。
但實際上,你應(yīng)該把它超越一步。很多CMS使用網(wǎng)站或博客名稱為默認頁面的標題為每個站點內(nèi)的頁面。有些將添加特定頁面的標題,但有些沒有。您應(yīng)該確保不僅每個頁面的標題是唯一的,而且特定的頁面標題顯示在站點標題之前。這對SEO有很大的幫助,無論是在表現(xiàn)出更高的結(jié)果,以及這些結(jié)果看起來更相關(guān)的潛在訪問者。
6。難以使用或難以找到導(dǎo)航
導(dǎo)航應(yīng)該立即明顯的游客,在定位與使用條件。在Web設(shè)計中,有一種趨勢是隱藏導(dǎo)航,將其無縫地集成到主頁上的圖像或其他內(nèi)容中。雖然藝術(shù)上很有趣,但功能上卻很不友好。
即使使用諸如下拉菜單之類的導(dǎo)航工具,也可以使頁面不易使用。你希望用戶能夠以最少的努力找到他們正在尋找的東西。永遠記住,當你設(shè)計。
7。固定字體大小
這是一個非常重要的一個。確保用戶可以根據(jù)自己的喜好調(diào)整頁面上的字體大小。這是通過使用EM字體大小而不是基于像素的大小來完成的。同樣,這是一個相對簡單的實現(xiàn),但是大大提高了站點的可用性和可訪問性。
8。網(wǎng)站用途不明
訪問者應(yīng)該立即知道網(wǎng)站是關(guān)于什么的,不管他們登陸哪個頁面。這可以通過使用標記行或類似的標記,通過頁面標題,或通過個別頁面上的標題來完成。不管你選擇做什么,在訪問者在給定頁面上著陸后的頭幾秒鐘內(nèi)確保它是顯而易見的。
9。使用苛刻的顏色
苛刻的顏色,特別是使用對比鮮明的顏色,可以迅速使您的網(wǎng)站令人討厭的看法。你不想做任何讓訪問者想離開你的站點的事情。眼睛緊張是讓大多數(shù)游客匆匆忙忙離開的一件事。你的網(wǎng)站應(yīng)該展示你的內(nèi)容,避免有損于該網(wǎng)站的目標什么。
10。廣告融入內(nèi)容
廣告應(yīng)該與你網(wǎng)站的內(nèi)容分開。橫幅廣告相對來說比較容易,大多數(shù)互聯(lián)網(wǎng)用戶都知道橫幅廣告是什么樣子的。它與文本鏈接有一點麻煩,但。將你的廣告貼上對你的訪問者有意義的標簽,使你的網(wǎng)站被認為更值得信賴。這是特別重要的文本廣告,那里的臨客徘徊將彈出一個模態(tài)窗口廣告,確保這些鏈接是鏈接從您的正常分化。