1、使用不合理的模板

　　使用模板真的是一件非常方便的事情。大企業(yè)用模板沒(méi)什么意義，但初創(chuàng)企業(yè)用BootStrap做網(wǎng)站絕對(duì)情有可原。使用Bootstrap模板作為基礎(chǔ)，在設(shè)計(jì)師的幫助下定制品牌和企業(yè)氣質(zhì)，其實(shí)是一個(gè)非常好的主意。如果溝通的好，最終可能會(huì)呈現(xiàn)一個(gè)非常好的網(wǎng)站，這也是對(duì)企業(yè)產(chǎn)品和服務(wù)的一個(gè)很好的加分。

　　但你遇到的最常見(jiàn)的問(wèn)題是，模板無(wú)法與品牌本身的視覺(jué)設(shè)計(jì)相契合，LOGO中使用的顏色和品牌中特有的字體無(wú)法與網(wǎng)站形成高度匹配。

　　但如果你在這里真的有困難，盡量選擇各方面都更貼近品牌形象本身的模板，盡量減少疏離感。

　　2.使用默認(rèn)外觀

　　與中文網(wǎng)站不同，英文網(wǎng)站很容易使用各種字體。如果用Bootstrap、Wordpress等工具創(chuàng)建網(wǎng)站，但只使用默認(rèn)設(shè)置，騙不了任何人，大家一眼就看出你懶?！B字體都是默認(rèn)的Open  Sans。Wordpress的默認(rèn)外觀也是如此。如果不打算在視覺(jué)上把自己和別人區(qū)分開(kāi)來(lái)，對(duì)品牌的損害是顯而易見(jiàn)的。

　　當(dāng)然，如果能善用字體和Font  Awesome等CSS工具，也會(huì)有鐵打金的奇效。通過(guò)增加圖標(biāo)庫(kù)和樣式，可以使Bootstrap等系統(tǒng)具有美觀一致的視覺(jué)語(yǔ)言。

　　毫無(wú)疑問(wèn)，這些精心制作的原創(chuàng)圖標(biāo)自然比系統(tǒng)內(nèi)置的一般圖標(biāo)要好。如果你有自己的想法和想法，為什么不去尋找更個(gè)性化、更符合你品牌調(diào)性的圖標(biāo)、插圖和字體呢？可能時(shí)間成本和實(shí)施成本并沒(méi)有你想象的那么高。

　　3.排版對(duì)比的問(wèn)題

　　排版字體的問(wèn)題遠(yuǎn)沒(méi)有大多數(shù)非設(shè)計(jì)師想象的那么簡(jiǎn)單。文字和字母看似簡(jiǎn)單，卻能做出很好的設(shè)計(jì)或者破壞整個(gè)布局。

　　在很多“自制”的網(wǎng)頁(yè)中，最常見(jiàn)的問(wèn)題是標(biāo)題和正文字體的對(duì)比度低，整個(gè)頁(yè)面的信息層次不明顯。僅僅調(diào)整字體大小不足以構(gòu)成對(duì)比。標(biāo)題字體的字體粗細(xì)要大于主體的字體粗細(xì)，即字體要粗一些，以保證醒目，容易被眼睛注意到。

　　4.使用深色背景

　　雖然背景在網(wǎng)頁(yè)的底部，但它實(shí)際上占據(jù)了網(wǎng)站的最大部分，用戶看到網(wǎng)頁(yè)的第一時(shí)間就會(huì)感受到。仔細(xì)選擇背景顏色很重要。長(zhǎng)期以來(lái)被證明的一條規(guī)則是，除了真正的專業(yè)設(shè)計(jì)師制作的網(wǎng)站，黑色調(diào)的網(wǎng)站是不能看的。使用白色作為基本背景色是非常安全的，但是大多數(shù)設(shè)計(jì)師會(huì)選擇淺灰色作為底色。值得注意的是，網(wǎng)站灰度越高，黑字可讀性越差。為了保證網(wǎng)站的可讀性，灰度要保持在15%以下。

　　5.多層次行為調(diào)用

　　行動(dòng)號(hào)召(Call  To  Action)，通常稱為行為號(hào)召，一般是指引導(dǎo)用戶做你想讓他們做的事情，注冊(cè)賬號(hào)，點(diǎn)擊按鈕等等。在網(wǎng)站頁(yè)面，應(yīng)該只有一個(gè)主要的行為調(diào)用。你要知道強(qiáng)迫癥患者比你想象的多。如果沒(méi)有重大的、單一的行為調(diào)用，用戶會(huì)感到困惑，需要很長(zhǎng)時(shí)間才能做出決定，才能采取行動(dòng)。當(dāng)然，有些用戶會(huì)直接關(guān)閉頁(yè)面離開(kāi)。

　　把所有東西都放在頁(yè)面上和什么都不放在頁(yè)面上的效果是一樣的。去掉多余的部分，過(guò)濾掉最重要的東西，讓用戶做最重要的事情。無(wú)論是注冊(cè)還是打開(kāi)購(gòu)買鏈接，把最吸引人最有意義的按鈕放在最顯眼的位置，把注意力放在最重要的事情上。

　　6.對(duì)齊和空白

　　可以毫不夸張地說(shuō)，留白和間距是一門藝術(shù)，在視覺(jué)元素周圍不要留太多間距，留足空間是設(shè)計(jì)最難的部分之一。介紹留白和排版技巧的文章太多了，但如果不想記住那么多復(fù)雜的技巧，我推薦一個(gè)簡(jiǎn)單有效的方案：第一步是保證所有元素合理恰當(dāng)?shù)慕M合，第二步是在這組元素之外給足留白.

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

　　寫好一份文案不是一件簡(jiǎn)單的事情。但是，你需要通過(guò)網(wǎng)站呈現(xiàn)你需要表達(dá)的東西，尤其是當(dāng)你想通過(guò)網(wǎng)站賣東西的時(shí)候。這種情況下，你需要讓你的文案通俗易懂，認(rèn)真校對(duì)，保證內(nèi)容的正確性和準(zhǔn)確性，避免拼寫錯(cuò)誤。

　　經(jīng)常在網(wǎng)上看到一些極其尷尬的文案，會(huì)給人一種網(wǎng)站還處于原型階段的粗糙感覺(jué)。在網(wǎng)站上線之前，找一個(gè)有相關(guān)經(jīng)驗(yàn)的朋友瀏覽全站是個(gè)不錯(cuò)的選擇。

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

　　再好的文案，看不清也救不了你的生意。很多小細(xì)節(jié)會(huì)影響網(wǎng)站文本的可讀性，直接或間接影響你精心準(zhǔn)備的內(nèi)容，讓讀者難以順利感知。

　　要解決可讀性問(wèn)題，有很多值得注意的問(wèn)題。如果行高太低，會(huì)使文字難以閱讀。字體太小是許多用戶的障礙。陰影、斜體等效果往往會(huì)影響可讀性(尤其是中文，繁體中文更嚴(yán)重)。如果色彩對(duì)比控制不好就更是災(zāi)難性了。雖然這些問(wèn)題有些不太嚴(yán)重，但可能不會(huì)對(duì)大部分用戶造成太多障礙，但會(huì)讓用戶懷疑你的專業(yè)性。9.一致性的問(wèn)題

　　你要時(shí)刻保持產(chǎn)品和品牌的一致性，從品牌設(shè)計(jì)和網(wǎng)站設(shè)計(jì)到社交媒體、包裝、廣告都要有品牌認(rèn)知度。

　　但是，在實(shí)現(xiàn)這些雄心勃勃的目標(biāo)之前，退一步看，你有必要讓網(wǎng)站本身與自己保持一致。你網(wǎng)站的字體風(fēng)格是否一致？LOGO上的品牌顏色和網(wǎng)站的配色對(duì)應(yīng)嗎？網(wǎng)站各元素的陰影風(fēng)格是完全一樣的，還是“看起來(lái)很像”？通常只需要仔細(xì)清理你的CSS樣式表，就可以解決很多一致性問(wèn)題。

　　10.反潮流設(shè)計(jì)

　　不管你喜不喜歡，偽物化設(shè)計(jì)已經(jīng)離我們遠(yuǎn)去。在當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)中，很少使用厚陰影和大跨度漸變顏色。比起在3D特效中尋求創(chuàng)意，我們還不如擁抱平面設(shè)計(jì)準(zhǔn)則。