1、使用不合理的模板

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

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

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

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

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

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

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

3、排版對比度的問題

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

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

4、使用深色背景

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

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

5、多級行為召喚

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

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

6、對齊和留白的問題

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

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

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

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

8、可讀性的問題

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

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

9、一致性的問題

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

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

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

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

網(wǎng)頁標(biāo)題：深圳網(wǎng)站建設(shè)10個(gè)容易被忽略的設(shè)計(jì)誤區(qū)
本文URL：http://www.rwnh.cn/news/157307.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)