1、不專業(yè)的案牘
要寫好案牘并不是一件簡(jiǎn)略的工作??墒遣徽撊绾?,你需求經(jīng)過(guò)網(wǎng)站將你需求表達(dá)的內(nèi)容呈現(xiàn)出來(lái),特別是當(dāng)你是想經(jīng)過(guò)網(wǎng)站賣東西的時(shí)分。在這種情形下,你需求讓你的案牘易于被了解,精心校對(duì),保證內(nèi)容的正確性和準(zhǔn)確性,不要有拼寫錯(cuò)誤。
我經(jīng)常在網(wǎng)上看到一些表述極為為難的案牘,這樣的網(wǎng)站會(huì)給人一種網(wǎng)站尚處于原型階段的粗糙感。在網(wǎng)站上線前,找個(gè)有相關(guān)經(jīng)驗(yàn)的朋友瀏覽一下全站是個(gè)不錯(cuò)的挑選。
2、可讀性的問(wèn)題
假如無(wú)法讓人看清,再優(yōu)異案牘都無(wú)法拯救你的事務(wù)。許多細(xì)小的細(xì)節(jié)會(huì)影響網(wǎng)站文本的閱覽性,直接或者間接地影響你精心準(zhǔn)備的內(nèi)容,讓它們難以被讀者流暢地感知到。
要處理可讀性問(wèn)題,值得注意的問(wèn)題很多。行高過(guò)低會(huì)讓文字難于被閱覽,太小的字體對(duì)于許多用戶都是障礙,暗影、斜體等效果也常常會(huì)影響可讀性(尤其是中文,繁體中文這種情況更嚴(yán)重),色彩對(duì)比度沒(méi)操控好更是災(zāi)難性的。這其中有些問(wèn)題雖然算不得太嚴(yán)重,對(duì)于大都用戶或許不會(huì)形成太多障礙,可是這會(huì)讓用戶對(duì)你的專業(yè)性發(fā)生置疑。
3、運(yùn)用深色背景
雖然背景處于網(wǎng)頁(yè)的最底層,可是它實(shí)際上是占有網(wǎng)站面積最大的部分,在用戶看到網(wǎng)頁(yè)的時(shí)分會(huì)第一時(shí)間感受到,精心挑選背景色彩很重要。
作為一個(gè)久經(jīng)驗(yàn)證的規(guī)律,黑色色調(diào)的網(wǎng)站,除開真實(shí)專業(yè)的規(guī)劃師做出來(lái)的,其他的根本都沒(méi)法看。運(yùn)用白色作為根本的背景色是十分安全的,不過(guò)大都的規(guī)劃師會(huì)挑選淺灰色打底。值得注意的是,網(wǎng)站的灰度越高,黑色的文字的可閱覽性越差,為了保證網(wǎng)站的可閱覽性,灰度最好堅(jiān)持在15%以下。
4、運(yùn)用不合理的模板
用模板的確是一件十分便利的工作。大型企業(yè)用模板的確說(shuō)不過(guò)去,可是初創(chuàng)公司借助BootStrap做網(wǎng)站絕對(duì)是情有可原。運(yùn)用類似Bootstrap模板來(lái)作為基礎(chǔ),借規(guī)劃師之手針對(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é)規(guī)劃上無(wú)法達(dá)成共同,從LOGO運(yùn)用的色彩,到品牌中獨(dú)特的字體,都無(wú)法與網(wǎng)站構(gòu)成較高的匹配度。
不過(guò)假如你真的是在這便利也綽綽有余的話,盡量挑選在各方面與品牌形象本身更接近的模板,將疏離感降到最低。
5、運(yùn)用默許外觀
和中文網(wǎng)站的情況不一樣,英文網(wǎng)站運(yùn)用多種多樣的字體是一件很輕松的工作。假如你運(yùn)用了Bootstrap、Wordpress這樣的工具來(lái)創(chuàng)建網(wǎng)站,而僅僅運(yùn)用默許的設(shè)置,你愚弄不了任何人,我們一眼就會(huì)把你偷懶的工作看出來(lái)——連字體都是默許的OpenSans。用Wordpress默許外觀也是一樣的道理。假如你不打算在網(wǎng)站視覺(jué)上和他人稍作區(qū)別的話,對(duì)品牌的傷害是清楚明了的。
當(dāng)然,假如你能用好諸如FontAwesome這樣的字體和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)、插畫和字體呢?或許時(shí)間本錢、完成本錢并沒(méi)有你幻想中那么高。
6、多級(jí)行為呼喚
CallToAction,通常被稱為行為呼喚,一般指的是引導(dǎo)用戶做你想讓他們做的工作,注冊(cè)帳號(hào),點(diǎn)擊按鈕,等等。在網(wǎng)站頁(yè)面中,首要的行為呼喚應(yīng)只要一個(gè)首要的,要知道挑選強(qiáng)迫癥患者比你幻想中的多很多,假如沒(méi)有首要的、單一的行為呼喚,用戶會(huì)感到困惑,并需求較長(zhǎng)的時(shí)間來(lái)做決議,再采納舉動(dòng)。當(dāng)然,還有一部分用戶會(huì)直接關(guān)閉頁(yè)面走人。
將所有內(nèi)容都擺到頁(yè)面上,和什么都不放是一樣的效果。移除多余的部分,篩選出最重要的東西擺上去,讓用戶做最重要的工作。無(wú)論是注冊(cè)仍是打開購(gòu)買鏈接,把最具有吸引力和最有含義的按鈕擺在最顯眼的方位上,專心于最首要的工作吧。
7、共同性的問(wèn)題
你應(yīng)該始終堅(jiān)持產(chǎn)品和品牌的共同性,從品牌規(guī)劃、網(wǎng)站規(guī)劃到交際媒體、包裝和廣告,都應(yīng)該具備品牌識(shí)別度。
不過(guò)在完成這些遠(yuǎn)大的目標(biāo)之前,先退一步來(lái)看,你有必要讓網(wǎng)站本身先與本身堅(jiān)持共同性。你的網(wǎng)站字體的款式是否堅(jiān)持了共同?LOGO上的品牌用色與網(wǎng)站的配色計(jì)劃是否對(duì)應(yīng)?網(wǎng)站的各個(gè)元素的暗影款式是徹底一樣,仍是“看起來(lái)很類似”?通常情況下,你只需求仔細(xì)整理你的CSS款式表,就能夠處理許多共同性的問(wèn)題。
8、對(duì)齊和留白的問(wèn)題
說(shuō)留白和距離是一門藝術(shù)也不為過(guò)。留出滿足的空間,又不讓視覺(jué)元素周圍的距離太多以至于過(guò)于稀疏,這是規(guī)劃中最難操控的部分之一。優(yōu)設(shè)有太多的文章介紹留白和排版的技巧,可是假如你不想記那么多雜亂的技巧,給你推薦一個(gè)簡(jiǎn)略有用的計(jì)劃:第一步,保證所有元素都合理而得當(dāng)?shù)亟M合到了一起,第二步,在這組元素之外給出滿足的留白……
9、排版對(duì)比度的問(wèn)題
字體的排版的問(wèn)題之大,遠(yuǎn)非絕大大都非規(guī)劃人員幻想的那么簡(jiǎn)略。文字和字母看起來(lái)很簡(jiǎn)略,可是它們能夠成就好規(guī)劃,也能夠銷毀整個(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)該更粗,保證它們夠顯眼,更簡(jiǎn)單被眼睛注意到。
10、反潮流規(guī)劃
不論你喜歡與否,擬物化規(guī)劃已經(jīng)離我們遠(yuǎn)去了。濃重的暗影和大跨度的漸變色的運(yùn)用,在目前的網(wǎng)頁(yè)規(guī)劃中已然不多見(jiàn)。比較于在3D特效中尋求創(chuàng)意,不妨擁抱扁平化的規(guī)劃原則。