網(wǎng)站從設(shè)計(jì)層面教你如何區(qū)分高檔與模板之間的

2016-11-12    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)行業(yè),其實(shí)做得時(shí)間越久,總結(jié)的經(jīng)驗(yàn)越豐富,對(duì)于建設(shè)用戶(hù)的網(wǎng)站也就越有利成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)科技總結(jié)以下10個(gè)容易被忽視的設(shè)計(jì)誤區(qū),也方便用戶(hù)如何區(qū)分網(wǎng)站的設(shè)計(jì)檔次。

1、使用不合理的模板

用模板的確是一件非常方便的事情。大型企業(yè)用模板確實(shí)說(shuō)不過(guò)去,但是初創(chuàng)公司借助模板做網(wǎng)站絕對(duì)是情有可原。但是僅僅只是套用模板而不予以調(diào)整和定制,你所遭遇最常見(jiàn)的問(wèn)題是模板與品牌本身的視覺(jué)設(shè)計(jì)上無(wú)法達(dá)成一致,從LOGO使用的色彩,到品牌中獨(dú)特的字體,都無(wú)法與網(wǎng)站構(gòu)成較高的匹配度。不過(guò)如果你真的是在這方便也捉襟見(jiàn)肘的話,盡量挑選在各方面與品牌形象本身更接近的模板,將疏離感降到最低。

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

和中文網(wǎng)站的情況不一樣,英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果僅僅使用默認(rèn)的設(shè)置,你愚弄不了任何人,大家一眼就會(huì)把你偷懶的事情看出來(lái)——連字體都是默認(rèn)的。用默認(rèn)外觀也是一樣的道理。如果你不打算在網(wǎng)站視覺(jué)上和別人稍作區(qū)別的話,對(duì)品牌的傷害是顯而易見(jià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í)行為召喚

CallToAction,通常被稱(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)注于最主要的事情吧。

6、對(duì)齊和留白的問(wèn)題

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

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

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

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

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

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

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

9、一致性的問(wèn)題

你應(yīng)該始終保持產(chǎn)品和品牌的一致性,從品牌設(shè)計(jì)、網(wǎng)站設(shè)計(jì)到社交媒體、包裝和廣告,都應(yīng)該具備品牌識(shí)別度。不過(guò)在實(shí)現(xiàn)這些遠(yuǎn)大的目標(biāo)之前,先退一步來(lái)看,你有必要讓網(wǎng)站本身先與自身保持一致性。你的網(wǎng)站字體的樣式是否保持了一致?LOGO上的品牌用色與網(wǎng)站的配色方案是否對(duì)應(yīng)?網(wǎng)站的各個(gè)元素的陰影樣式是完全一樣,還是“看起來(lái)很相似”?通常情況下,你只需要仔細(xì)清理你的CSS樣式表,就可以解決許多一致性的問(wèn)題。

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

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

標(biāo)題名稱(chēng):網(wǎng)站從設(shè)計(jì)層面教你如何區(qū)分高檔與模板之間的
本文地址:http://www.muchs.cn/news3/66003.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)App開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、定制開(kāi)發(fā)

廣告

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

成都網(wǎng)站建設(shè)公司