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

是這樣嗎？

事實證明，對于初具雛形的業(yè)務(wù)，設(shè)計遠比你想象得重要。當你運營線上業(yè)務(wù)時，訪客的判斷往往取決于設(shè)計中的小細節(jié)。

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

最終，最微小的細節(jié)產(chǎn)生了最大的差異。如果你要樹立一個值得信任的品牌，創(chuàng)造收入，這些細節(jié)必須仔細查驗、精心準備。本文中，我就來談?wù)?strong>網(wǎng)頁設(shè)計中常見的業(yè)余錯誤。即使設(shè)計能力有限，你也能辨認出一些常見的錯誤，它們或許也滲入了你的網(wǎng)頁設(shè)計中。

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

1. 模版的不恰當使用

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

預(yù)先設(shè)計好的模版網(wǎng)站存在一個普遍問題，logo和網(wǎng)站其余部分的視覺關(guān)聯(lián)很弱。logo色彩并沒有重復出現(xiàn)在網(wǎng)站的其他地方，或者與網(wǎng)站使用的字體并不搭配。

如果你要節(jié)省品牌包裝開支，至少這模版不能太明顯。

2. 使用默認的Bootstrap外觀

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

Bootstrap網(wǎng)站的一個贈品是極佳的字體。（正如Bootstrap那樣）它全面的基礎(chǔ)圖標庫，為它聚集了大量人氣，你會需要它們來創(chuàng)建統(tǒng)一的視覺語言。非常適合的情況下，它可以作為復雜界面的一種有益補充。

當然，如果原創(chuàng)圖標比通用圖標對你的品牌更好呢？為什么不找找更精細的圖標集，來描繪你的主要賣點——或是異想天開？找個插畫師來幫你吧。

3. 文字對比問題

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

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

4. 使用深色背景

背景色覆蓋了網(wǎng)站的絕大部分區(qū)域，所以要謹慎選擇。

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

5. 多個同等的行動召喚

網(wǎng)站的每個頁面都應(yīng)該只有一個主要的行動召喚。如果不止給出一個操作——訪客會困惑，他們可能會需要更多時間來做決策，然后采取行動。他們甚至會因為這樣的認知負擔而離開！

盡可能多地去除行動召喚。讓人們更容易采取行動，無需思考。無論是注冊按鈕還是選擇套餐，通過圖形符號來使你期望的操作更加顯眼，同時讓其他選項更加溫和，削弱吸引力。

6. 對齊與間距問題

間距很難處理。保留適當間距，元素周圍不要太多留白，這可能是設(shè)計要考慮的最困難的部分。但通過一些規(guī)則可以簡化。首先，確保所有元素都恰當?shù)胤纸M。其次，在這些組周圍保留足夠的空白。

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

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

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

8. 易讀性問題

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

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

9. 不統(tǒng)一

你的品牌最好保持統(tǒng)一。在所有出現(xiàn)的地方，無論是社交媒體、Facebook廣告，或是線下，顧客都要能立刻辨認出你的品牌。

不過我們回退一步，首先要確保網(wǎng)站本身的一致性。有沒有繼承的無序列表樣式覆蓋了正文字體？logo的顏色和網(wǎng)站上使用的完全一致嗎？你是否在各處使用相同的陰影，還是說只是“足夠接近”？通常要好好組織CSS文件，刪除一切不需要的代碼就能修復這些不統(tǒng)一的問題。

10. 過時的設(shè)計

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

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

原文鏈接：http://designmodo.com/10-mistakes-website/

作者信息：Heidi Pungartnik

Heidi Pungartnik is helping bootstrapping entrepreneurs grow their business with design atDesignforFounders.com. She’s writing a book on the topic as well so be sure to jump on the launch list!

#專欄作家#

可樂橙，微信公眾號：可樂橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技。現(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計師，至少是個快樂的設(shè)計師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。