網(wǎng)頁(yè)設(shè)計(jì)師總是在不斷的犯錯(cuò)誤,可這并不表示他們不夠出色。不管在任何行業(yè),即使是最有經(jīng)驗(yàn)的專業(yè)人士都會(huì)犯錯(cuò)誤,一句古話說的好:犯錯(cuò)乃人之常情。犯錯(cuò)后能從中汲取教訓(xùn)才是將來取得成功的王道。以下有一些網(wǎng)頁(yè)設(shè)計(jì)的常見錯(cuò)誤,從中你可以學(xué)到如何解決他們,并成為你一直想成為的優(yōu)秀的設(shè)計(jì)師。
不經(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)站的看起如何或感覺起來如何,以及了解其工作原理。
另一個(gè)常見的錯(cuò)誤是忽略了在所有設(shè)備上測(cè)試你的網(wǎng)站的重要性,而現(xiàn)在所有網(wǎng)站都應(yīng)該具備響應(yīng)功能來支持多個(gè)移動(dòng)平臺(tái)。測(cè)試的目的,是確保你的網(wǎng)站在上線之前表現(xiàn)出優(yōu)化的性能。

2. 顏色的誤用
顏色在網(wǎng)頁(yè)設(shè)計(jì)中扮演著重要的角色。每個(gè)設(shè)計(jì)師都應(yīng)該掌握色彩使用的原則,通過應(yīng)用色彩原則來達(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)的、過時(shí)的內(nèi)容,或者你網(wǎng)頁(yè)上根本沒有多少內(nèi)容,那么你的網(wǎng)站一定會(huì)很失敗。內(nèi)容對(duì)于任何一個(gè)網(wǎng)站來說都十分重要,因?yàn)檫@可以向你的訪問者傳達(dá)你正在運(yùn)作的東西。確保你網(wǎng)站上的東西要及時(shí)更新,質(zhì)量高和易于閱讀和理解。瀏覽每一條內(nèi)容以確保沒有任何錯(cuò)誤,盡可能的提供必要信息。

5. 糟糕的易讀性
良好的可讀性是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ),他可使訪問者在你的網(wǎng)站上面停留更長(zhǎng)的時(shí)間,更多地了解你的業(yè)務(wù)。問題是許多設(shè)計(jì)師以忽略可讀性為代價(jià)而過于關(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)容“透氣”,以便訪問者可以輕松的瀏覽并尋找到他們想要到內(nèi)容。盡可能地內(nèi)容最小化,同時(shí)為訪問者提供足夠的信息。

7. 使用大量的圖像
大量的圖片和基于閃存的圖形和動(dòng)畫可能看起來很酷,但這會(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)站看起來“輕盈”,避免閃存。

8. 糟糕的導(dǎo)航
為訪問者設(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),例如通過將分頁(yè)納入設(shè)計(jì),使用一頁(yè)的布局等等。

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

10. 散亂的頁(yè)面布局
網(wǎng)頁(yè)設(shè)計(jì)師需要知道,對(duì)于消費(fèi)者來說困難的莫過于快速的瀏覽一個(gè)凌亂的頁(yè)面。為了快速了解網(wǎng)站的內(nèi)容,許多人都會(huì)這么做。要解決這個(gè)問題,你的頭腦里面應(yīng)該有一個(gè)清晰的結(jié)構(gòu):你的設(shè)計(jì)將會(huì)是什么樣子。不管任何時(shí)候都不要讓用戶覺得難以發(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/
情非得已
21個(gè)Sketch實(shí)用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網(wǎng)站模板免費(fèi)下載2015-09-16
20套高質(zhì)量的免費(fèi)網(wǎng)頁(yè)模版PSD素材2013-09-02
20款國(guó)外時(shí)尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
CSS實(shí)例教程:十步學(xué)會(huì)用CSS建站2011-10-05
網(wǎng)頁(yè)設(shè)計(jì)師:淺淡網(wǎng)頁(yè)BANNER設(shè)計(jì)2010-09-27
網(wǎng)頁(yè)細(xì)節(jié)教程:WEB設(shè)計(jì)精確點(diǎn)滴2010-09-13
網(wǎng)頁(yè)設(shè)計(jì)中的點(diǎn)滴細(xì)節(jié)把握2010-09-01
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
最全的國(guó)外電子商務(wù)CSS模板下載2010-06-18
詳解表單設(shè)計(jì)的常見錯(cuò)誤與解法
相關(guān)文章2272018-11-13
網(wǎng)頁(yè)設(shè)計(jì)中錯(cuò)誤提示的五種設(shè)計(jì)方法
相關(guān)文章2002017-08-07
10個(gè)提高電商網(wǎng)站商品圖片可用性的辦法
相關(guān)文章3082016-12-15
7個(gè)新人設(shè)計(jì)師經(jīng)常犯的設(shè)計(jì)過程中錯(cuò)誤
相關(guān)文章2652016-12-12
如何加強(qiáng)設(shè)計(jì)邏輯性解決這3大難題
相關(guān)文章2722016-12-12
7個(gè)網(wǎng)頁(yè)重設(shè)計(jì)的常見誤區(qū)與解決方案
相關(guān)文章2652016-05-25
12個(gè)設(shè)計(jì)師須知的常見網(wǎng)站交互設(shè)計(jì)錯(cuò)誤
相關(guān)文章2562016-02-23
五種網(wǎng)頁(yè)設(shè)計(jì)中常見的交互設(shè)計(jì)錯(cuò)誤
相關(guān)文章2982015-08-23
