使網(wǎng)站顯得業(yè)余的10個(gè)錯(cuò)誤網(wǎng)頁(yè)設(shè)計(jì)中有一些初級(jí)錯(cuò)誤，細(xì)微的差異就可能導(dǎo)致網(wǎng)站看起來(lái)很不專業(yè)。

　　創(chuàng)建自己的網(wǎng)站對(duì)于資金拮據(jù)的企業(yè)主好像是個(gè)好主意。可以以后再找設(shè)計(jì)師，等你的創(chuàng)業(yè)項(xiàng)目取得了一定的地位，那時(shí)你才會(huì)開(kāi)始考慮這些無(wú)意義的事情。

　　是這樣嗎？

　　事實(shí)證實(shí)，對(duì)于初具雛形的業(yè)務(wù)，設(shè)計(jì)遠(yuǎn)比你想象得重要。當(dāng)你運(yùn)營(yíng)線上業(yè)務(wù)時(shí)，訪客的判定往往取決于設(shè)計(jì)中的小細(xì)節(jié)。

　　顧客都是三心二意的。他們對(duì)一些主流品牌已經(jīng)產(chǎn)生了信任。為什么突然要開(kāi)始信任你？除非你在頭幾秒就吸引住他們，否則他們就走了。

　　終極，最微小的細(xì)節(jié)產(chǎn)生了最大的差異。假如你要樹(shù)立一個(gè)值得信任的品牌，創(chuàng)造收入，這些細(xì)節(jié)必需仔細(xì)查驗(yàn)、精心預(yù)備。本文中，我就來(lái)談?wù)?span id="h9tbdxlttdbl" class="Apple-converted-space"> 網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的業(yè)余錯(cuò)誤。即使設(shè)計(jì)能力有限，你也能辨認(rèn)出一些常見(jiàn)的錯(cuò)誤，它們或許也滲透了你的網(wǎng)頁(yè)設(shè)計(jì)中。

　　注：本文中使用的案例，都來(lái)自于創(chuàng)業(yè)項(xiàng)目，它們都特別正視各自網(wǎng)站的反饋。

　　1. 模版的不恰當(dāng)使用

　　我不贊成在大型業(yè)務(wù)中使用網(wǎng)站模版，不外小型的、基于bootstrap的創(chuàng)業(yè)公司確實(shí)有此需求。不管如何，假如你終極用了一套模版，最好仍是找個(gè)設(shè)計(jì)師為你的品牌適當(dāng)定制化。終極甚至可能得到非常棒的產(chǎn)出。

　　預(yù)先設(shè)計(jì)好的模版網(wǎng)站存在一個(gè)普遍題目，logo和網(wǎng)站其余部門(mén)的視覺(jué)聯(lián)系關(guān)系很弱。logo色彩并沒(méi)有重復(fù)泛起在網(wǎng)站的其他地方，或者與網(wǎng)站使用的字體并不搭配。

　　假如你要節(jié)省品牌包裝開(kāi)支，至少這模版不能太顯著。

　　2. 使用默認(rèn)的Bootstrap外觀另一個(gè)同樣駭人的錯(cuò)誤，是在公司網(wǎng)站上使用Bootstrap的默認(rèn)設(shè)計(jì)。使用Open Sans可愚弄不了大家。很難區(qū)分各個(gè)使用相同設(shè)計(jì)的網(wǎng)站，這對(duì)你的品牌有害。

　　Bootstrap網(wǎng)站的一個(gè)贈(zèng)品是極佳的字體。（正如Bootstrap那樣）它全面的基礎(chǔ)圖標(biāo)庫(kù)，為它會(huì)萃了大量人氣，你會(huì)需要它們來(lái)創(chuàng)建同一的視覺(jué)語(yǔ)言。非常適合的情況下，它可以作為復(fù)雜界面的一種有益增補(bǔ)。

　　當(dāng)然，假如原創(chuàng)圖標(biāo)比通用圖標(biāo)對(duì)你的品牌更好呢？為什么不找找更精細(xì)的圖標(biāo)集，來(lái)描繪你的主要賣點(diǎn)——或是異想天開(kāi)？找個(gè)插畫(huà)師來(lái)幫你吧。

　　3. 文字對(duì)比題目

　　多數(shù)非設(shè)計(jì)師都遠(yuǎn)沒(méi)有意識(shí)到字體的重要性。它們會(huì)成就或破壞整個(gè)設(shè)計(jì)，即使只是些“字母”。

　　“小作坊出品”的網(wǎng)頁(yè)設(shè)計(jì)有個(gè)常見(jiàn)題目，標(biāo)題和正文之間的對(duì)比太不顯著。單單選用幾個(gè)字號(hào)通常并不能解決。嘗試在標(biāo)題上使用更粗的字重，讓它顯然比其余文字重要。這有助于建立層級(jí)，溫順地引導(dǎo)視線瀏覽網(wǎng)站。

　　4. 使用深色背景

　　背景色籠蓋了網(wǎng)站的絕大部門(mén)區(qū)域，所以要謹(jǐn)嚴(yán)選擇。

　　首要規(guī)則，純黑網(wǎng)站幾乎沒(méi)有好看的，除非經(jīng)由專業(yè)的設(shè)計(jì)。白色比較無(wú)風(fēng)險(xiǎn)，不外更多設(shè)計(jì)師使用非常淺的灰色。當(dāng)心更深的灰色，更糟的是玄色字母在這種背景上的易讀性。灰度最好在15%以下，保持設(shè)計(jì)的明亮。

　　5. 多個(gè)平等的步履召喚

　　網(wǎng)站的每個(gè)頁(yè)面都應(yīng)該只有一個(gè)主要的步履召喚。假如不止給出一個(gè)操縱——訪客會(huì)困惑，他們可能會(huì)需要更多時(shí)間來(lái)做決議計(jì)劃，然后采取步履。他們甚至?xí)�由于這樣的認(rèn)知負(fù)擔(dān)而離開(kāi)！

　　盡可能多地去除步履召喚。讓人們更輕易采取步履，無(wú)需思索。不管是注冊(cè)按鈕仍是選擇套餐，通過(guò)圖形符號(hào)來(lái)使你期望的操縱更加顯眼，同時(shí)讓其他選項(xiàng)更加溫順，削弱吸引力。

　　6. 對(duì)齊與間距題目

　　間距很難處理。留存適當(dāng)間距，元素附近不要太多留白，這可能是設(shè)計(jì)要考慮的最難題的部門(mén)。但通過(guò)一些規(guī)則可以簡(jiǎn)化。首先，確保所有元素都恰當(dāng)?shù)胤纸M。其次，在這些組附近留存足夠的空缺。

　　7. 不專業(yè)的案牘

　　寫(xiě)作同樣很難，但它必不可少，能讓你的賣點(diǎn)通過(guò)互聯(lián)網(wǎng)傳播。尤其假如你在賣東西，你得確保案牘輕易理解，并且有校對(duì)者檢查修正所有拼寫(xiě)錯(cuò)誤。

　　我經(jīng)常在網(wǎng)站案牘中看到一些令人尷尬的句子，好像從設(shè)計(jì)的原型階段開(kāi)始，就以一段占位符卡在那里。最好在網(wǎng)站上線前找人通讀所有案牘。

　　8. 易讀性題目

　　假如無(wú)法閱讀，再多再好的案牘也挽救不了你的業(yè)務(wù)。很多小細(xì)節(jié)可能損害文字的易讀性，結(jié)果會(huì)影響人們對(duì)你公司的印象。

　　要小心地修復(fù)這些題目，好比行高太小、字號(hào)太小無(wú)法閱讀，或者是文字與背景反差太小。盡管這些對(duì)于多數(shù)人不會(huì)造成實(shí)際的閱讀難題，但事實(shí)是這些題目存在于網(wǎng)站上，使得網(wǎng)站看上去顯得不太專業(yè)。你想象一下Facebook會(huì)有易讀性題目么？

　　9. 不同一

　　你的品牌最好保持同一。在所有泛起的地方，不管是社交媒體、Facebook廣告，或是線下，顧客都要能當(dāng)即辨認(rèn)出你的品牌。

　　不外我們回退一步，首先要確保網(wǎng)站本身的一致性。有沒(méi)有繼續(xù)的無(wú)序列表樣式籠蓋了正文字體？logo的顏色和網(wǎng)站上使用的完全一致嗎？你是否在各處使用相同的暗影，仍是說(shuō)只是“足夠接近”？通常要好好組織CSS文件，刪除一切不需要的代碼就能修復(fù)這些不同一的題目。

　　10. 過(guò)期的設(shè)計(jì)

　　不論喜歡與否，我們現(xiàn)在要向 擬物主義離別了，每個(gè)仍舊在重度使用漸變和暗影的網(wǎng)站一定會(huì)顯得過(guò)期。盡管你的一些3D效果或許在某處僥幸成功，最好仍是在 扁平化設(shè)計(jì)指南中探索創(chuàng)意。

　　都在這里了：這是我通過(guò)分析一些不同的創(chuàng)業(yè)公司主頁(yè)，得出的10個(gè)最常見(jiàn)的題目�，F(xiàn)在再去看看你的網(wǎng)站，是否觸犯了上面的哪條？