10大陷阱！讓你設(shè)計(jì)的網(wǎng)站“不專業(yè)”

對(duì)于資金緊張的創(chuàng)業(yè)者來說，建立一個(gè)自己的網(wǎng)站是很棒的主意。你可以在事業(yè)走上正軌的時(shí)候再去找一個(gè)網(wǎng)站設(shè)計(jì)師，畢竟只有當(dāng)你的事業(yè)開始有所成效時(shí)，你才會(huì)有時(shí)間去關(guān)心這些無關(guān)緊要的事。

這樣對(duì)嗎？

實(shí)際上，設(shè)計(jì)對(duì)你創(chuàng)業(yè)的幫助遠(yuǎn)比你想象中重要的多。當(dāng)你運(yùn)營(yíng)一個(gè)線上業(yè)務(wù)時(shí)，顧客往往根據(jù)你網(wǎng)站設(shè)計(jì)中的細(xì)節(jié)去決定是否選擇你的產(chǎn)品。

顧客是容易分心的。他們已經(jīng)信任了一些大品牌，為什么他們要突然放棄原來的選擇而相信你呢？除非你能在剛開始的幾秒內(nèi)吸引顧客，不然他們就離開了。

最終，細(xì)節(jié)決定成敗。如果你想要?jiǎng)?chuàng)立一個(gè)值得信賴的品牌并獲得收益的話，你必須自己檢查和糾正這些細(xì)節(jié)。在這篇文章中,我將討論一些業(yè)余設(shè)計(jì)師常會(huì)犯下的錯(cuò)誤。即使你的設(shè)計(jì)能力有限,你仍可以發(fā)現(xiàn)你網(wǎng)頁設(shè)計(jì)中已經(jīng)存在一些我所提到的普遍錯(cuò)誤。

注意：在這篇文章中使用的例子均是各個(gè)創(chuàng)業(yè)公司專門在各自網(wǎng)站上詢問到的反饋。

1、使用模板不當(dāng)

我不贊成大型企業(yè)在網(wǎng)站設(shè)計(jì)上使用模板,但我可以理解小型、自主創(chuàng)業(yè)公司對(duì)模板的需求。然而，如果你最終確定使用模板，你最好讓設(shè)計(jì)師按照你的品牌特性對(duì)模板進(jìn)行適當(dāng)?shù)膫€(gè)性化設(shè)計(jì)。最終，你可能擁有一個(gè)非常棒的產(chǎn)品。

Logo和網(wǎng)站其他部分沒有很好的視覺聯(lián)系是使用模板存在的普遍問題。要么是Logo的用色和網(wǎng)站中的顏色沒有呼應(yīng)，要么是logo的字體與網(wǎng)頁的字體并不搭配。

如果你要節(jié)省品牌發(fā)展的開銷而使用網(wǎng)頁模板,那至少確保你使用的模板不會(huì)太明顯突兀。

2、使用默認(rèn)Bootstrap的設(shè)計(jì)

在公司網(wǎng)站中使用默認(rèn)Bootstrap設(shè)計(jì)是一個(gè)和使用模板不同但同樣可怕的錯(cuò)誤。使用Open Sans是騙不了任何人的。使用默認(rèn)Bootstrap的設(shè)計(jì)會(huì)讓你的網(wǎng)站變得和其他網(wǎng)站一樣，這會(huì)對(duì)你的品牌造成傷害。

使用Bootstrap創(chuàng)建網(wǎng)站的的一個(gè)好處是其自帶Font Awesome圖標(biāo)字體庫。這類程序（比如Bootstrap）廣受人們歡迎的原因就在于它基本擁有所有你想要的、具有統(tǒng)一視覺效果的圖標(biāo)。如果使用得當(dāng)，會(huì)給你復(fù)雜的界面增色不少。

當(dāng)然，你的應(yīng)用的收益難道不能比使用這三個(gè)通用圖標(biāo)來得更加直接嗎？為什么不找一個(gè)更精致的圖標(biāo)去展示你的賣點(diǎn)？？或者嘗試一個(gè)瘋狂的想法——找一位插畫師為你設(shè)計(jì)一個(gè)呢？

3、版式對(duì)比問題

字體問題比大多數(shù)非設(shè)計(jì)師意識(shí)到的更加重要。雖然它們只是一些“字母“，但它們絕對(duì)可以影響甚至是破壞你的整個(gè)頁面。

自制網(wǎng)站的常見問題就是標(biāo)題和正文的字體幾乎沒有差別。僅僅調(diào)整字體大小還不夠，你可以嘗試加粗加寬標(biāo)題以使其更加醒目，突出其重要性，這有助于顧客在瀏覽網(wǎng)站時(shí)分清主次，并在不知不覺中引導(dǎo)顧客閱讀。

4、使用全黑的背景色

因?yàn)楸尘邦伾采w了網(wǎng)頁的最大部分，所以對(duì)于背景色的選擇應(yīng)當(dāng)慎重。

根據(jù)經(jīng)驗(yàn)來說，全黑的網(wǎng)頁背景通常不討人喜歡，除非進(jìn)行了專業(yè)設(shè)計(jì)。白色是一個(gè)安全的顏色，但是更多的設(shè)計(jì)師選擇淺灰色。注意：背景色越黑越灰，黑色字體的可讀性就越

5、多個(gè)相同的執(zhí)行按鈕

在你的網(wǎng)頁中，最好每一頁只有一個(gè)主要的執(zhí)行按鈕。如果你沒有給訪客一個(gè)單獨(dú)的執(zhí)行按鈕，他們很有可能會(huì)花更長(zhǎng)的時(shí)間去選擇點(diǎn)擊。他們甚至可能因?yàn)檫@需要費(fèi)神思考而選擇離開。

盡可能減少頁面的執(zhí)行按鈕，讓訪客的操作變得簡(jiǎn)單不用過多的思考。不論是注冊(cè)按鈕還是選擇按鈕，把那些你想讓訪客選擇的按鈕弄得生動(dòng)顯眼，同時(shí)盡量降低其余按鈕的存在感。

6、校準(zhǔn)和間距的問題

間距是很難把控的。在各元素之間留下足夠但不過分的空白空間是設(shè)計(jì)中最難的部分。但是遵循以下原則會(huì)讓它變得簡(jiǎn)單。第一，確保所有的元素盡可能分門別類地放好；第二，在各個(gè)小組之間留下足夠的空白空間。

7、不專業(yè)的文本內(nèi)容

不是每個(gè)人都能寫得一手好文章，但是把在網(wǎng)上把你的觀點(diǎn)表達(dá)出來很有必要。尤其是當(dāng)你努力去售賣產(chǎn)品，你得確保你的文章淺顯易懂，并校對(duì)修改了所有的拼寫錯(cuò)誤。

我時(shí)常在網(wǎng)站上看見一些尷尬的句子，它們就像設(shè)計(jì)原型階段的文本占位符一樣卡在那里。所以，在網(wǎng)站上線之前讓別人看看所有的文本是一個(gè)再好不過的主意了。

8、可讀性問題

如果你的文案根本不能讓人提起興趣去閱讀，那不論它寫得多好都不能挽救你的生意。許多小細(xì)節(jié)會(huì)影響到你文案的可讀性，這最終會(huì)影響到訪客對(duì)你公司的認(rèn)知。

認(rèn)真修正這些問題，例如過小的行高設(shè)置、小得難以閱讀的字體，或者是標(biāo)題和正文之間對(duì)比差異不大。雖然這些問題對(duì)大多數(shù)人來說并不會(huì)導(dǎo)致什么實(shí)質(zhì)性的閱讀困難，但是這些問題的存在會(huì)讓你的網(wǎng)站顯得很不專業(yè)。你能想象在Facebook上存在可讀性問題嗎？

9、不一致性

你的品牌必須保持高度一致性。無論是在社交媒體、Facebook的廣告或者是線下業(yè)務(wù)中，你的顧客能夠一眼就認(rèn)出你的品牌標(biāo)識(shí)。

但是，我們先退一步，首先要確保你網(wǎng)站本身的一致性。你是否確定沒有遺留的ul（HML標(biāo)簽）在正文中重復(fù)？logo的顏色是否和網(wǎng)站的其他顏色使用的是相同的十六進(jìn)制編碼？你在網(wǎng)頁中使用的圖形是全都一樣還是只是“看起來相像”？通常，你只要管理好你的CSS文件，刪除掉多余的代碼就可以解決這些不一致的問題。

10、過時(shí)的網(wǎng)頁設(shè)計(jì)

不管你喜不喜歡，我們現(xiàn)在已經(jīng)告別擬物化設(shè)計(jì)。使用漸變——陰影——沉重風(fēng)格的網(wǎng)頁設(shè)計(jì)必定會(huì)顯得過時(shí)。雖然你可以在許多地方避免使用3D效果，但最好在扁平化設(shè)計(jì)指南下探索你的創(chuàng)意選擇。

所以，現(xiàn)在你已經(jīng)了解了我從一些創(chuàng)業(yè)公司網(wǎng)頁中找到的最常見的10個(gè)設(shè)計(jì)問題?，F(xiàn)在你要做的就是對(duì)照上述的建議去看看自己的網(wǎng)站吧！