日期：2015-08-14 03:04 /人氣：5320 /來(lái)源：互聯(lián)網(wǎng)
在這個(gè)奶茶店都有個(gè)響應(yīng)式網(wǎng)站的時(shí)代，你沒(méi)有網(wǎng)站似乎是一件說(shuō)不過(guò)去的事情。不過(guò)當(dāng)你考慮到自己可能僅僅只是個(gè)人名而非名人，你的店鋪也算不得什么知名大廠，隨便開(kāi)個(gè)網(wǎng)站再說(shuō)，等影響力擴(kuò)展到前面十字路口的時(shí)候再找個(gè)美工什么的做5塊錢(qián)的設(shè)計(jì)。
是吧，你就這么想的？
我就不深入吐槽了，實(shí)際的情況可能比你想象的要稍微……復(fù)雜一些。不管你是不是一個(gè)羽翼未豐企業(yè)的領(lǐng)導(dǎo)，專(zhuān)業(yè)的網(wǎng)站能為你帶來(lái)的東西比你想象的多很多。退一萬(wàn)步來(lái)說(shuō)，“考慮到我們是一個(gè)小廠”，粗糙的網(wǎng)站也許能被用戶(hù)理解，但是不一定能接受。每天大家所瀏覽的大量的網(wǎng)站，已經(jīng)從頭到腳為用戶(hù)灌輸了“一個(gè)正常的/好的網(wǎng)站應(yīng)該是什么樣子”的概念。
再進(jìn)一步。不夠好的網(wǎng)站會(huì)讓用戶(hù)分心，猶豫，糾結(jié)。大家相信大品牌，或者說(shuō)看起來(lái)夠?qū)I(yè)的網(wǎng)站。如果你所提供的網(wǎng)站無(wú)法在幾分鐘內(nèi)吸引到他們，就算是失敗。用戶(hù)怎么會(huì)在這種情況下突然開(kāi)始信任你呢？
總而言之，盡量做專(zhuān)業(yè)的設(shè)計(jì)，打磨好每一個(gè)微小的細(xì)節(jié)，將網(wǎng)站的作用發(fā)揮到最大。尤其是當(dāng)你要建立一個(gè)值得信賴(lài)的品牌，你需要仔細(xì)確認(rèn)每一個(gè)細(xì)節(jié)。即使你的設(shè)計(jì)能力有限，如果你能注意一下下面的10個(gè)常見(jiàn)的設(shè)計(jì)誤區(qū)，也能讓你的網(wǎng)站給人足夠?qū)I(yè)的感覺(jué)。當(dāng)然，如果你的企業(yè)體量比初創(chuàng)企業(yè)大很多，采用真正專(zhuān)業(yè)的設(shè)計(jì)團(tuán)隊(duì)就很有必要了。
注意：文中使用的案例均是初創(chuàng)公司，如果你對(duì)他們的設(shè)計(jì)有意見(jiàn)和建議，他們希望你能到他們的網(wǎng)站中留言，為提升而做出更好的設(shè)計(jì)。
1、使用不合理的模板
用模板的確是一件非常方便的事情。大型企業(yè)用模板確實(shí)說(shuō)不過(guò)去，但是初創(chuàng)公司借助BootStrap做網(wǎng)站絕對(duì)是情有可原。使用類(lèi)似Bootstrap模板來(lái)作為基礎(chǔ)，借設(shè)計(jì)師之手針對(duì)品牌和企業(yè)氣質(zhì)稍加定制，其實(shí)是個(gè)很不錯(cuò)的主意，如果溝通良好，說(shuō)不定最終能呈現(xiàn)出一個(gè)非常不錯(cuò)的網(wǎng)站，對(duì)于企業(yè)的產(chǎn)品與服務(wù)也是很不錯(cuò)的加成。
但是僅僅只是套用模板而不予以調(diào)整和定制，你所遭遇最常見(jiàn)的問(wèn)題是模板與品牌本身的視覺(jué)設(shè)計(jì)上無(wú)法達(dá)成一致，從LOGO使用的色彩，到品牌中獨(dú)特的字體，都無(wú)法與網(wǎng)站構(gòu)成較高的匹配度。
不過(guò)如果你真的是在這方便也捉襟見(jiàn)肘的話(huà)，盡量挑選在各方面與品牌形象本身更接近的模板，將疏離感降到最低。
2、使用默認(rèn)外觀
和中文網(wǎng)站的情況不一樣，英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress 這樣的工具來(lái)創(chuàng)建網(wǎng)站，而僅僅使用默認(rèn)的設(shè)置，你愚弄不了任何人，大家一眼就會(huì)把你偷懶的事情看出來(lái)——連字體都是默認(rèn)的Open Sans。用Wordpress 默認(rèn)外觀也是一樣的道理。如果你不打算在網(wǎng)站視覺(jué)上和別人稍作區(qū)別的話(huà)，對(duì)品牌的傷害是顯而易見(jiàn)的。
當(dāng)然，如果你能用好諸如Font Awesome 這樣的字體和CSS工具，也有點(diǎn)鐵成金的奇效。它能以增加圖標(biāo)庫(kù)和樣式的方式，讓Bootstrap等各式各樣的系統(tǒng)，擁有漂亮一致的視覺(jué)語(yǔ)言。
毫無(wú)疑問(wèn)，這些被精心制作過(guò)的原創(chuàng)的圖標(biāo)，自然是比系統(tǒng)內(nèi)置的通用圖標(biāo)好。如果你有自己的創(chuàng)意和點(diǎn)子，為什么不去尋找更有個(gè)性，更符合你的品牌調(diào)性的圖標(biāo)、插畫(huà)和字體呢？也許時(shí)間成本、實(shí)現(xiàn)成本并沒(méi)有你想象中那么高。
3、排版對(duì)比度的問(wèn)題
字體的排版的問(wèn)題之大，遠(yuǎn)非絕大多數(shù)非設(shè)計(jì)人員想象的那么簡(jiǎn)單。文字和字母看起來(lái)很簡(jiǎn)單，但是它們可以成就好設(shè)計(jì)，也可以毀掉整個(gè)版面。
在許多“自制”的網(wǎng)頁(yè)中，最常見(jiàn)的問(wèn)題是標(biāo)題和正文字體之間的對(duì)比度較低，整個(gè)頁(yè)面的信息層級(jí)不明顯。僅僅只是調(diào)整字體大小并不足以構(gòu)成對(duì)比，標(biāo)題字體的字重應(yīng)該比正文更大，也就是說(shuō)字體應(yīng)該更粗，確保它們夠顯眼，更容易被眼睛注意到。
4、使用深色背景
雖然背景處于網(wǎng)頁(yè)的最底層，但是它實(shí)際上是占據(jù)網(wǎng)站面積最大的部分，在用戶(hù)看到網(wǎng)頁(yè)的時(shí)候會(huì)第一時(shí)間感受到，精心選擇背景色彩很重要。
作為一個(gè)久經(jīng)驗(yàn)證的法則，黑色色調(diào)的網(wǎng)站，除開(kāi)真正專(zhuān)業(yè)的設(shè)計(jì)師做出來(lái)的，其他的基本都沒(méi)法看。使用白色作為基本的背景色是非常安全的，不過(guò)多數(shù)的設(shè)計(jì)師會(huì)選擇淺灰色打底。值得注意的是，網(wǎng)站的灰度越高，黑色的文字的可閱讀性越差，為了確保網(wǎng)站的可閱讀性，灰度最好保持在15%以下。
5、多級(jí)行為召喚
Call To Action， 通常被稱(chēng)為行為召喚，一般指的是引導(dǎo)用戶(hù)做你想讓他們做的事情，注冊(cè)帳號(hào)，點(diǎn)擊按鈕，等等。在網(wǎng)站頁(yè)面中，主要的行為召喚應(yīng)只有一個(gè)主要的，要知道選擇強(qiáng)迫癥患者比你想象中的多很多，如果沒(méi)有主要的、單一的行為召喚，用戶(hù)會(huì)感到困惑，并需要較長(zhǎng)的時(shí)間來(lái)做決定，再采取行動(dòng)。當(dāng)然，還有一部分用戶(hù)會(huì)直接關(guān)閉頁(yè)面走人。
將所有內(nèi)容都擺到頁(yè)面上，和什么都不放是一樣的效果。移除多余的部分，篩選出最重要的東西擺上去，讓用戶(hù)做最重要的事情。無(wú)論是注冊(cè)還是打開(kāi)購(gòu)買(mǎi)鏈接，把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上，專(zhuān)注于最主要的事情吧。
作者：
