以下內(nèi)容由Mockplus團(tuán)隊(duì)翻譯整理，僅供學(xué)習(xí)交流决记，Mockplus是更快更簡(jiǎn)單的原型設(shè)計(jì)工具。

網(wǎng)頁(yè)設(shè)計(jì)師總是在不斷的犯錯(cuò)誤，可這并不表示他們不夠出色星压。不管在任何行業(yè)，即使是最有經(jīng)驗(yàn)的專業(yè)人士都會(huì)犯錯(cuò)誤号胚，一句古話說(shuō)的好：犯錯(cuò)乃人之常情愉适。犯錯(cuò)后能從中汲取教訓(xùn)才是將來(lái)取得成功的王道。以下有一些網(wǎng)頁(yè)設(shè)計(jì)的常見(jiàn)錯(cuò)誤，從中你可以學(xué)到如何解決他們暑脆，并成為你一直想成為的優(yōu)秀的設(shè)計(jì)師交排。

1. 不經(jīng)測(cè)試而發(fā)布網(wǎng)站

測(cè)試是網(wǎng)頁(yè)設(shè)計(jì)中很關(guān)鍵的一個(gè)步驟。 在你正式提交網(wǎng)站之前饵筑，你應(yīng)該進(jìn)行測(cè)試埃篓。您需要測(cè)試以了解你網(wǎng)站的看起如何或感覺(jué)起來(lái)如何，以及了解其工作原理根资。

另一個(gè)常見(jiàn)的錯(cuò)誤是忽略了在所有設(shè)備上測(cè)試你的網(wǎng)站的重要性架专，而現(xiàn)在所有網(wǎng)站都應(yīng)該具備響應(yīng)功能來(lái)支持多個(gè)移動(dòng)平臺(tái)。測(cè)試的目的玄帕，是確保你的網(wǎng)站在上線之前表現(xiàn)出優(yōu)化的性能部脚。

2. 顏色的誤用

顏色在網(wǎng)頁(yè)設(shè)計(jì)中扮演著重要的角色。每個(gè)設(shè)計(jì)師都應(yīng)該掌握色彩使用的原則裤纹，通過(guò)應(yīng)用色彩原則來(lái)達(dá)到完美的設(shè)計(jì)效果委刘。如果你想要一個(gè)不錯(cuò)的顏色對(duì)比效果，你必須知道如何進(jìn)行顏色的搭配鹰椒。好的是锡移，有很多在線工具可以根據(jù)你的網(wǎng)站主題和你正在運(yùn)行的內(nèi)容幫助你選擇完美的顏色搭配。

3. 使用彈出窗口

彈出窗口可能看上去不錯(cuò)漆际，但是會(huì)讓某些用戶感到迷惑并且導(dǎo)致網(wǎng)頁(yè)轉(zhuǎn)換速度很慢淆珊。如果你非得使用彈出窗口，確保使用一個(gè)就行了奸汇。你也可以使用燈箱施符，消除所有的干擾項(xiàng)，確保用戶能有一個(gè)清晰的了解擂找。讓你的用戶可以毫不費(fèi)勁的關(guān)閉彈出窗口戳吝，萬(wàn)一他們對(duì)內(nèi)容不感興趣呢？

4. 失敗的內(nèi)容

如果你使用不相關(guān)的贯涎、過(guò)時(shí)的內(nèi)容听哭，或者你網(wǎng)頁(yè)上根本沒(méi)有多少內(nèi)容，那么你的網(wǎng)站一定會(huì)很失敗柬采。內(nèi)容對(duì)于任何一個(gè)網(wǎng)站來(lái)說(shuō)都十分重要欢唾，因?yàn)檫@可以向你的訪問(wèn)者傳達(dá)你正在運(yùn)作的東西。確保你網(wǎng)站上的東西要及時(shí)更新粉捻，質(zhì)量高和易于閱讀和理解礁遣。瀏覽每一條內(nèi)容以確保沒(méi)有任何錯(cuò)誤，盡可能的提供必要信息肩刃。

5. 糟糕的易讀性

良好的可讀性是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)祟霍，他可使訪問(wèn)者在你的網(wǎng)站上面停留更長(zhǎng)的時(shí)間杏头，更多地了解你的業(yè)務(wù)。問(wèn)題是許多設(shè)計(jì)師以忽略可讀性為代價(jià)而過(guò)于關(guān)注于創(chuàng)新沸呐。最終得到是一個(gè)華而不實(shí)的網(wǎng)站醇王。在這種情況下，為了提供對(duì)用戶有吸引力的內(nèi)容崭添，字體寓娩，字體大小和顏色的正確選擇很關(guān)鍵。

6. 凌亂的網(wǎng)頁(yè)

在客戶了解你的業(yè)務(wù)之前呼渣，其中一個(gè)可能使他們離開網(wǎng)站的原因就是棘伴，你有一個(gè)很凌亂的網(wǎng)頁(yè)。您需要留下足夠的空白空間讓你的內(nèi)容“透氣”屁置，以便訪問(wèn)者可以輕松的瀏覽并尋找到他們想要到內(nèi)容焊夸。盡可能地內(nèi)容最小化，同時(shí)為訪問(wèn)者提供足夠的信息蓝角。

7. 使用大量的圖像

大量的圖片和基于閃存的圖形和動(dòng)畫可能看起來(lái)很酷阱穗，但這會(huì)拉慢你網(wǎng)站的速度，并且會(huì)讓用戶變的沮喪使鹅。你最不希望就發(fā)生的事就是讓你的訪客體驗(yàn)慢速下載揪阶，特別是在移動(dòng)設(shè)備上。他們可能永遠(yuǎn)都不會(huì)去看你的網(wǎng)站上的內(nèi)容并徘，你也可能會(huì)在搜索引擎中獲得較低的排名遣钳，也很難被消費(fèi)者發(fā)現(xiàn)。盡可能地讓你的網(wǎng)站看起來(lái)“輕盈”麦乞，避免閃存。

8. 糟糕的導(dǎo)航

為訪問(wèn)者設(shè)計(jì)簡(jiǎn)單可行的導(dǎo)航操作劝评，以便他們隨時(shí)知道自己在哪個(gè)位置姐直。導(dǎo)航的功能是讓用戶可方便快捷的瀏覽某個(gè)網(wǎng)頁(yè)。糟糕的導(dǎo)航體驗(yàn)會(huì)挫敗網(wǎng)絡(luò)消費(fèi)者蒋畜，即使你有最好的產(chǎn)品或服務(wù)声畏，但許多人甚至都不了解它。有許多方法可以改進(jìn)姻成，例如通過(guò)將分頁(yè)納入設(shè)計(jì)插龄，使用一頁(yè)的布局等等。

9. 復(fù)雜的注冊(cè)表

填寫表格是非常必要的科展，盡管并非總是如此均牢。復(fù)雜的注冊(cè)表將會(huì)對(duì)你的業(yè)務(wù)產(chǎn)生影響。沒(méi)有人愿意去填寫一個(gè)很麻煩的表格才睹，尤其是它還有多個(gè)字段徘跪。簡(jiǎn)單可行的方法就是擁有一個(gè)簡(jiǎn)單明了的注冊(cè)表甘邀。只問(wèn)最重要的問(wèn)題，盡可能的最少化垮庐。

10. 散亂的頁(yè)面布局

網(wǎng)頁(yè)設(shè)計(jì)師需要知道松邪，對(duì)于消費(fèi)者來(lái)說(shuō)困難的莫過(guò)于快速的瀏覽一個(gè)凌亂的頁(yè)面。為了快速了解網(wǎng)站的內(nèi)容哨查，許多人都會(huì)這么做逗抑。要解決這個(gè)問(wèn)題，你的頭腦里面應(yīng)該有一個(gè)清晰的結(jié)構(gòu)：你的設(shè)計(jì)將會(huì)是什么樣子寒亥。不管任何時(shí)候都不要讓用戶覺(jué)得難以發(fā)現(xiàn)自己要了解什么邮府。規(guī)劃好你的內(nèi)容，才能引導(dǎo)用戶瀏覽頁(yè)面护盈。

網(wǎng)頁(yè)設(shè)計(jì)中的錯(cuò)誤可能會(huì)導(dǎo)致網(wǎng)站的失敗挟纱，這也是你要盡可能的避免這些錯(cuò)誤的原因。人都會(huì)犯錯(cuò)腐宋，但了解這些錯(cuò)誤將有助于你創(chuàng)造出優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)紊服。

原文作者：Darrel Henry

原文鏈接：http://codecondo.com/10-web-design-fails-and-how-to-overcome-them/

學(xué)習(xí)工具，但不受限于某種工具胸竞。Mockplus做原型欺嗤，更快更簡(jiǎn)單，現(xiàn)在下載Mockplus卫枝，免費(fèi)體驗(yàn)暢快的原型設(shè)計(jì)之旅