1、不專(zhuān)業(yè)的案牘

　　要寫(xiě)好案牘并不是一件簡(jiǎn)略的工作?？墒遣徽撊绾?，你需求經(jīng)過(guò)網(wǎng)站將你需求表達的內容呈現出來(lái)，特別是當你是想經(jīng)過(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è)不錯的挑選。

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

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

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

　　3、運用深色背景

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

　　作為一個(gè)久經(jīng)驗證的規律，黑色色調的網(wǎng)站，除開(kāi)真實(shí)專(zhuān)業(yè)的規劃師做出來(lái)的，其他的根本都沒(méi)法看。運用白色作為根本的背景色是十分安全的，不過(guò)大都的規劃師會(huì )挑選淺灰色打底。值得注意的是，網(wǎng)站的灰度越高，黑色的文字的可閱覽性越差，為了保證網(wǎng)站的可閱覽性，灰度最好堅持在15%以下。

　　4、運用不合理的模板

　　用模板的確是一件十分便利的工作。大型企業(yè)用模板的確說(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ò)假如你真的是在這便利也綽綽有余的話(huà)，盡量挑選在各方面與品牌形象本身更接近的模板，將疏離感降到最低。

　　5、運用默許外觀(guān)

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

　　當然，假如你能用好諸如FontAwesome這樣的字體和CSS工具，也有點(diǎn)石成金的奇效。它能以添加圖標庫和款式的方法，讓Bootstrap等林林總總的系統，擁有漂亮共同的視覺(jué)言語(yǔ)。

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

　　6、多級行為呼喚

　　CallToAction，通常被稱(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)心于最首要的工作吧。

　　7、共同性的問(wèn)題

　　你應該始終堅持產(chǎn)品和品牌的共同性，從品牌規劃、網(wǎng)站規劃到交際媒體、包裝和廣告，都應該具備品牌識別度。

　　不過(guò)在完成這些遠大的目標之前，先退一步來(lái)看，你有必要讓網(wǎng)站本身先與本身堅持共同性。你的網(wǎng)站字體的款式是否堅持了共同?LOGO上的品牌用色與網(wǎng)站的配色計劃是否對應?網(wǎng)站的各個(gè)元素的暗影款式是徹底一樣，仍是“看起來(lái)很類(lèi)似”?通常情況下，你只需求仔細整理你的CSS款式表，就能夠處理許多共同性的問(wèn)題。

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

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

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

　　字體的排版的問(wèn)題之大，遠非絕大大都非規劃人員幻想的那么簡(jiǎn)略。文字和字母看起來(lái)很簡(jiǎn)略，可是它們能夠成就好規劃，也能夠銷(xiāo)毀整個(gè)版面。

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

　　10、反潮流規劃

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