在這個(gè)奶茶店都有個(gè)響應式網(wǎng)站的時(shí)代，你沒(méi)有網(wǎng)站似乎是一件說(shuō)不過(guò)去的事情。不過(guò)當你考慮到自己可能僅僅只是個(gè)人名而非名人，你的店鋪也算不得什么知名大廠(chǎng)，隨便開(kāi)個(gè)網(wǎng)站再說(shuō)，等影響力擴展到前面十字路口的時(shí)候再找個(gè)美工什么的做5塊錢(qián)的設計。

是吧，你就這么想的?

我就不深入吐槽了，實(shí)際的情況可能比你想象的要稍微……復雜一些。不管你是不是一個(gè)羽翼未豐企業(yè)的領(lǐng)導，專(zhuān)業(yè)的網(wǎng)站能為你帶來(lái)的東西比你想象的多很多。退一萬(wàn)步來(lái)說(shuō)，“考慮到我們是一個(gè)小廠(chǎng)”，粗糙的網(wǎng)站也許能被用戶(hù)理解，但是不一定能接受。每天大家所瀏覽的大量的網(wǎng)站，已經(jīng)從頭到腳為用戶(hù)灌輸了“一個(gè)正常的/好的網(wǎng)站應該是什么樣子”的概念。

再進(jìn)一步。不夠好的網(wǎng)站會(huì )讓用戶(hù)分心，猶豫，糾結。大家相信大品牌，或者說(shuō)看起來(lái)夠專(zhuān)業(yè)的網(wǎng)站。如果你所提供的網(wǎng)站無(wú)法在幾分鐘內吸引到他們，就算是失敗。用戶(hù)怎么會(huì )在這種情況下突然開(kāi)始信任你呢?

總而言之，盡量做專(zhuān)業(yè)的設計，打磨好每一個(gè)微小的細節，將網(wǎng)站的作用發(fā)揮到最大。尤其是當你要建立一個(gè)值得信賴(lài)的品牌，你需要仔細確認每一個(gè)細節。即使你的設計能力有限，如果你能注意一下下面的10個(gè)常見(jiàn)的設計誤區，也能讓你的網(wǎng)站給人足夠專(zhuān)業(yè)的感覺(jué)。當然，如果你的企業(yè)體量比初創(chuàng )企業(yè)大很多，采用真正專(zhuān)業(yè)的設計團隊就很有必要了。

注意：文中使用的案例均是初創(chuàng )公司，如果你對他們的設計有意見(jiàn)和建議，他們希望你能到他們的網(wǎng)站中留言，為提升而做出更好的設計。

1、使用不合理的模板

用模板的確是一件非常方便的事情。大型企業(yè)用模板確實(shí)說(shuō)不過(guò)去，但是初創(chuàng )公司借助BootStrap做網(wǎng)站絕對是情有可原。使用類(lèi)似Bootstrap模板來(lái)作為基礎，借設計師之手針對品牌和企業(yè)氣質(zhì)稍加定制，其實(shí)是個(gè)很不錯的主意，如果溝通良好，說(shuō)不定最終能呈現出一個(gè)非常不錯的網(wǎng)站，對于企業(yè)的產(chǎn)品與服務(wù)也是很不錯的加成。

但是僅僅只是套用模板而不予以調整和定制，你所遭遇最常見(jiàn)的問(wèn)題是模板與品牌本身的視覺(jué)設計上無(wú)法達成一致，從LOGO使用的色彩，到品牌中獨特的字體，都無(wú)法與網(wǎng)站構成較高的匹配度。

不過(guò)如果你真的是在這方便也捉襟見(jiàn)肘的話(huà)，盡量挑選在各方面與品牌形象本身更接近的模板，將疏離感降到最低。

2、使用默認外觀(guān)

和中文網(wǎng)站的情況不一樣，英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress 這樣的工具來(lái)創(chuàng )建網(wǎng)站，而僅僅使用默認的設置，你愚弄不了任何人，大家一眼就會(huì )把你偷懶的事情看出來(lái)——連字體都是默認的Open Sans。用Wordpress 默認外觀(guān)也是一樣的道理。如果你不打算在網(wǎng)站視覺(jué)上和別人稍作區別的話(huà)，對品牌的傷害是顯而易見(jiàn)的。

當然，如果你能用好諸如Font Awesome 這樣的字體和CSS工具，也有點(diǎn)鐵成金的奇效。它能以增加圖標庫和樣式的方式，讓Bootstrap等各式各樣的系統，擁有漂亮一致的視覺(jué)語(yǔ)言。

毫無(wú)疑問(wèn)，這些被精心制作過(guò)的原創(chuàng )的圖標，自然是比系統內置的通用圖標好。如果你有自己的創(chuàng )意和點(diǎn)子，為什么不去尋找更有個(gè)性，更符合你的品牌調性的圖標、插畫(huà)和字體呢?也許時(shí)間成本、實(shí)現成本并沒(méi)有你想象中那么高。

3、排版對比度的問(wèn)題

字體的排版的問(wèn)題之大，遠非絕大多數非設計人員想象的那么簡(jiǎn)單。文字和字母看起來(lái)很簡(jiǎn)單，但是它們可以成就好設計，也可以毀掉整個(gè)版面。

在許多“自制”的網(wǎng)頁(yè)中，最常見(jiàn)的問(wèn)題是標題和正文字體之間的對比度較低，整個(gè)頁(yè)面的信息層級不明顯。僅僅只是調整字體大小并不足以構成對比，標題字體的字重應該比正文更大，也就是說(shuō)字體應該更粗，確保它們夠顯眼，更容易被眼睛注意到。

4、使用深色背景

雖然背景處于網(wǎng)頁(yè)的最底層，但是它實(shí)際上是占據網(wǎng)站面積最大的部分，在用戶(hù)看到網(wǎng)頁(yè)的時(shí)候會(huì )第一時(shí)間感受到，精心選擇背景色彩很重要。

作為一個(gè)久經(jīng)驗證的法則，黑色色調的網(wǎng)站，除開(kāi)真正專(zhuān)業(yè)的設計師做出來(lái)的，其他的基本都沒(méi)法看。使用白色作為基本的背景色是非常安全的，不過(guò)多數的設計師會(huì )選擇淺灰色打底。值得注意的是，網(wǎng)站的灰度越高，黑色的文字的可閱讀性越差，為了確保網(wǎng)站的可閱讀性，灰度最好保持在15%以下。

5、多級行為召喚

Call To Action， 通常被稱(chēng)為行為召喚，一般指的是引導用戶(hù)做你想讓他們做的事情，注冊帳號，點(diǎn)擊按鈕，等等。在網(wǎng)站頁(yè)面中，主要的行為召喚應只有一個(gè)主要的，要知道選擇強迫癥患者比你想象中的多很多，如果沒(méi)有主要的、單一的行為召喚，用戶(hù)會(huì )感到困惑，并需要較長(cháng)的時(shí)間來(lái)做決定，再采取行動(dòng)。當然，還有一部分用戶(hù)會(huì )直接關(guān)閉頁(yè)面走人。

將所有內容都擺到頁(yè)面上，和什么都不放是一樣的效果。移除多余的部分，篩選出最重要的東西擺上去，讓用戶(hù)做最重要的事情。無(wú)論是注冊還是打開(kāi)購買(mǎi)鏈接，把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上，專(zhuān)注于最主要的事情吧。

6、對齊和留白的問(wèn)題

說(shuō)留白和間距是一門(mén)藝術(shù)也不為過(guò)。留出足夠的空間，又不讓視覺(jué)元素周?chē)拈g距太多以至于過(guò)于稀疏，這是設計中最難控制的部分之一。優(yōu)設有太多的文章介紹留白和排版的技巧，但是如果你不想記那么多復雜的技巧，給你推薦一個(gè)簡(jiǎn)單有效的方案：第一步，確保所有元素都合理而得體地組合到了一起，第二步，在這組元素之外給出足夠的留白……

7、不專(zhuān)業(yè)的文案

要寫(xiě)好文案并不是一件簡(jiǎn)單的事情。但是不論如何，你需要通過(guò)網(wǎng)站將你需要表達的內容呈現出來(lái)，特別是當你是想通過(guò)網(wǎng)站賣(mài)東西的時(shí)候。在這種情形下，你需要讓你的文案易于被理解，精心校對，確保內容的正確性和準確性，不要有拼寫(xiě)錯誤。

我經(jīng)常在網(wǎng)上看到一些表述極為尷尬的文案，這樣的網(wǎng)站會(huì )給人一種網(wǎng)站尚處于原型階段的粗糙感。在網(wǎng)站上線(xiàn)前，找個(gè)有相關(guān)經(jīng)驗的朋友瀏覽一下全站是個(gè)不錯的選擇。

8、可讀性的問(wèn)題

如果無(wú)法讓人看清，再優(yōu)秀文案都無(wú)法拯救你的業(yè)務(wù)。許多細小的細節會(huì )影響網(wǎng)站文本的閱讀性，直接或者間接地影響你精心準備的內容，讓它們難以被讀者流暢地感知到。

要解決可讀性問(wèn)題，值得注意的問(wèn)題很多。行高過(guò)低會(huì )讓文字難于被閱讀，太小的字體對于許多用戶(hù)都是障礙，陰影、斜體等效果也常常會(huì )影響可讀性(尤其是中文，繁體中文這種情況更嚴重)，色彩對比度沒(méi)控制好更是災難性的。這其中有些問(wèn)題雖然算不得太嚴重，對于多數用戶(hù)也許不會(huì )造成太多障礙，但是這會(huì )讓用戶(hù)對你的專(zhuān)業(yè)性產(chǎn)生懷疑。

9、一致性的問(wèn)題

你應該始終保持產(chǎn)品和品牌的一致性，從品牌設計、網(wǎng)站設計到社交媒體、包裝和廣告，都應該具備品牌識別度。

不過(guò)在實(shí)現這些遠大的目標之前，先退一步來(lái)看，你有必要讓網(wǎng)站本身先與自身保持一致性。你的網(wǎng)站字體的樣式是否保持了一致?LOGO上的品牌用色與網(wǎng)站的配色方案是否對應?網(wǎng)站的各個(gè)元素的陰影樣式是完全一樣，還是“看起來(lái)很相似”?通常情況下，你只需要仔細清理你的CSS樣式表，就可以解決許多一致性的問(wèn)題。

10、反潮流設計

不管你喜歡與否，擬物化設計已經(jīng)離我們遠去了。濃重的陰影和大跨度的漸變色的使用，在目前的網(wǎng)頁(yè)設計中已然不多見(jiàn)。相比于在3D特效中尋求創(chuàng )意，不妨擁抱扁平化的設計準則。

結語(yǔ)

今天為你總結的10個(gè)條目，基本上就是初創(chuàng )企業(yè)和新手設計師最常碰到的十個(gè)設計雷區，仔細對比一下你的網(wǎng)站，看看你是否也碰到了類(lèi)似的問(wèn)題。

以上內容是由寶雞做網(wǎng)站公司、寶雞網(wǎng)站制作、寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司、寶雞做網(wǎng)頁(yè)、寶雞專(zhuān)業(yè)做網(wǎng)站、寶雞做手機站，寶雞世紀網(wǎng)絡(luò )為您集整理。我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的網(wǎng)絡(luò )技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)（WAP手機門(mén)戶(hù)網(wǎng)站、微信開(kāi)發(fā)），以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近900多家黨政機關(guān)及企業(yè)門(mén)戶(hù)網(wǎng)站，是寶雞網(wǎng)站制作行業(yè)有影響力的寶雞做網(wǎng)站公司。歡迎您來(lái)電咨詢(xún)：0917-3535180 3536690。