讓W(xué)eb頁(yè)面布局成為敗筆的設(shè)計(jì)誤區(qū)有哪些？

讓W(xué)eb頁(yè)面布局成為敗筆的設(shè)計(jì)誤區(qū)有哪些？

標(biāo)簽：設(shè)計(jì)誤區(qū)成都網(wǎng)站建設(shè) 成都精典網(wǎng)站制作

即使Web設(shè)計(jì)已經(jīng)成為一個(gè)真正的產(chǎn)業(yè)，開(kāi)發(fā)一個(gè)網(wǎng)站仍舊是技術(shù)和藝術(shù)的結(jié)合。一個(gè)網(wǎng)站的設(shè)計(jì)既可以帶來(lái)大量流量，同時(shí)也可以嚇走大量用戶，當(dāng)然這些都和設(shè)計(jì)師相關(guān)。經(jīng)驗(yàn)、天份和能力是一個(gè)設(shè)計(jì)師最強(qiáng)大的工具。一個(gè)設(shè)計(jì)精良的布局是Web設(shè)計(jì)的基礎(chǔ)，而且，這也是一個(gè)非常耗時(shí)的工作。

設(shè)計(jì)一個(gè)非常好的布局是一件非常不容易的事情，而且判斷的方式也非常主觀。任何一個(gè)設(shè)計(jì)可能會(huì)取悅你，也可能讓其它人厭惡。盡管這樣，這里仍舊有些大家都承認(rèn)的設(shè)計(jì)誤區(qū)。

為了幫助設(shè)計(jì)初學(xué)者少走彎路，我們列出了一些Web設(shè)計(jì)上的誤區(qū)。

1.缺乏空白區(qū)域

沒(méi)有比把頁(yè)面塞得像麻袋一樣滿更讓人煩人的設(shè)計(jì)了。你應(yīng)該保留一定的空白頁(yè)面讓訪問(wèn)者放松他們的眼睛。很多設(shè)計(jì)者都想在第一個(gè)頁(yè)面提供更多的內(nèi)容。似乎初學(xué)設(shè)計(jì)的人更容易犯這個(gè)錯(cuò)誤，但其實(shí)各個(gè)設(shè)計(jì)水平的人都有這個(gè)傾向。設(shè)計(jì)者太依賴于布局而不敢嘗試其它方式。有時(shí)候，最簡(jiǎn)單的因素勝于一切。

2.非常糟糕的顏色組合

糟糕的顏色搭配絕對(duì)是最嚇人的。一個(gè)很常見(jiàn)的錯(cuò)誤就是使用高對(duì)比顏色創(chuàng)建一個(gè)富有視覺(jué)張力的設(shè)計(jì)。

很多的對(duì)比設(shè)計(jì)都希望使用一種顏色通過(guò)色彩和飽和度重點(diǎn)突出最重要的部分。這里有一個(gè)小技巧非常不錯(cuò)：降低你的文件飽和度，如果各個(gè)元素之間的區(qū)別非常清晰的話，那就足夠了。這個(gè)邏輯非常簡(jiǎn)單：視覺(jué)沒(méi)有問(wèn)題的人會(huì)看的非常清晰，然而有視覺(jué)問(wèn)題的人將看到黑色、白色或者灰色的布局?，F(xiàn)在簡(jiǎn)單了，如果他們查看布局顏色沒(méi)有困難，那么布局就通過(guò)了色彩可用性測(cè)試。

3.一個(gè)頁(yè)面里包含的內(nèi)容太多

布局中可以擁有很多空白區(qū)域，同時(shí)也可以包含大量信息。通常人們都是先掃上幾眼頁(yè)面布局，因此設(shè)計(jì)人員應(yīng)該讓整個(gè)布局可被快速瀏覽。一個(gè)擁有信息太多的網(wǎng)站，例如，插入太多的圖標(biāo)、按鈕和圖片將會(huì)非常難以瀏覽，會(huì)讓網(wǎng)站的易用度大打折扣。

4.圖片使用不當(dāng)

一張圖片可能抵得過(guò)上百個(gè)文字，但是如果使用不當(dāng)?shù)脑?，你的布局設(shè)計(jì)就失敗了。文字內(nèi)容、布局和圖片應(yīng)該組合使用，它們并不是分離的個(gè)體。任何Web設(shè)計(jì)人員都應(yīng)該理解創(chuàng)意并且有效的實(shí)現(xiàn)。圖片應(yīng)該能有效地說(shuō)明網(wǎng)站需要表達(dá)的信息，這是一個(gè)在設(shè)計(jì)時(shí)最初需要考慮的因素。

5.忽略了字體排版

因?yàn)閿?shù)量多，或者非常少就忽略了字體排版是一個(gè)非常大的錯(cuò)誤。字體排版不是一個(gè)簡(jiǎn)單的如何選擇字體的過(guò)程，它還包含了句子、段落及標(biāo)題的組織方式。你可能想這里需要做的工作太多了，但是一個(gè)富有成效的設(shè)計(jì)將會(huì)對(duì)頁(yè)面布局產(chǎn)生非常重要的影響。

6.沒(méi)有考慮到可用性和所有人的使用感受

可用性可能被很多人認(rèn)為是一個(gè)多余的事情，但是一個(gè)可用性差的網(wǎng)站是一個(gè)自私設(shè)計(jì)者的作品。網(wǎng)絡(luò)世界對(duì)于任何人都是平等的，如果你的設(shè)計(jì)不能讓每個(gè)人都能享受到，那么將會(huì)是一件很不尊重人的事情。美國(guó)有一項(xiàng)法規(guī)規(guī)定：任何機(jī)構(gòu)和部門(mén)的網(wǎng)站都必須通過(guò)可用性測(cè)試。實(shí)際上可用性并不是個(gè)高科技的東西。例如，你只需要簡(jiǎn)單加上alt標(biāo)簽屬性，這并不會(huì)給你帶來(lái)任何麻煩。這里用不著遵循什么法規(guī)，從道德和道義上來(lái)講，我們應(yīng)該自覺(jué)地將這個(gè)考慮到設(shè)計(jì)中去。

7.沒(méi)有事先思考

由于缺乏經(jīng)驗(yàn)，使得我們需要不停地修改自己的東西。滑稽的是，我們可能晚上設(shè)計(jì)的東西，第二天可能就會(huì)被刪除。一個(gè)聰明的設(shè)計(jì)者會(huì)在最開(kāi)始的時(shí)候思考整個(gè)布局的大概設(shè)計(jì)。這種方式可以節(jié)省很多時(shí)間和資源。很明顯，在實(shí)際做之前思考是一件很不容易的事情，但是至少能夠幫助我們盡量少的去修改我們的設(shè)計(jì)。不用擔(dān)心，經(jīng)驗(yàn)可以幫助我們做到這一點(diǎn)。

更多網(wǎng)站建設(shè)資訊：HTML 5 & CSS 3 的新交互特性分享

標(biāo)題名稱：讓W(xué)eb頁(yè)面布局成為敗筆的設(shè)計(jì)誤區(qū)有哪些？
標(biāo)題網(wǎng)址：http://www.muchs.cn/news2/178652.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、自適應(yīng)網(wǎng)站、ChatGPT、云服務(wù)器、商城網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

聲明：本網(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)