網(wǎng)頁(yè)設(shè)計(jì)中有一些低級(jí)錯(cuò)誤,細(xì)微的差異就可能導(dǎo)致網(wǎng)站看起來(lái)很不專業(yè)。
創(chuàng)建自己的網(wǎng)站對(duì)于資金拮據(jù)的企業(yè)主似乎是個(gè)好主意。可以以后再找設(shè)計(jì)師,等你的創(chuàng)業(yè)項(xiàng)目取得了一定的地位,那時(shí)你才會(huì)開(kāi)始考慮這些無(wú)意義的事情。
是這樣嗎?
事實(shí)證明,對(duì)于初具雛形的業(yè)務(wù),設(shè)計(jì)遠(yuǎn)比你想象得重要。當(dāng)你運(yùn)營(yíng)線上業(yè)務(wù)時(shí),訪客的判斷往往取決于設(shè)計(jì)中的小細(xì)節(jié)。
顧客都是三心二意的。他們對(duì)一些主流品牌已經(jīng)產(chǎn)生了信任。為什么忽然要開(kāi)始信任你?除非你在頭幾秒就吸引住他們,否則他們就走了。
最終,最微小的細(xì)節(jié)產(chǎn)生了最大的差異。如果你要樹(shù)立一個(gè)值得信任的品牌,創(chuàng)造收入,這些細(xì)節(jié)必須仔細(xì)查驗(yàn)、精心準(zhǔn)備。本文中,我就來(lái)談?wù)?strong>網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的業(yè)余錯(cuò)誤。即使設(shè)計(jì)能力有限,你也能辨認(rèn)出一些常見(jiàn)的錯(cuò)誤,它們或許也滲入了你的網(wǎng)頁(yè)設(shè)計(jì)中。
注:本文中使用的案例,都來(lái)自于創(chuàng)業(yè)項(xiàng)目,它們都特別重視各自網(wǎng)站的反饋。
我不贊成在大型業(yè)務(wù)中使用網(wǎng)站模版,不過(guò)小型的、基于bootstrap的創(chuàng)業(yè)公司確實(shí)有此需求。無(wú)論如何,如果你最終用了一套模版,最好還是找個(gè)設(shè)計(jì)師為你的品牌適當(dāng)定制化。最終甚至可能得到非常棒的產(chǎn)出。
預(yù)先設(shè)計(jì)好的模版網(wǎng)站存在一個(gè)普遍問(wèn)題,logo和網(wǎng)站其余部分的視覺(jué)關(guān)聯(lián)很弱。logo色彩并沒(méi)有重復(fù)出現(xiàn)在網(wǎng)站的其他地方,或者與網(wǎng)站使用的字體并不搭配。
如果你要節(jié)省品牌包裝開(kāi)支,至少這模版不能太明顯。
另一個(gè)同樣駭人的錯(cuò)誤,是在公司網(wǎng)站上使用Bootstrap的默認(rèn)設(shè)計(jì)。使用Open Sans可愚弄不了大家。很難區(qū)分各個(gè)使用相同設(shè)計(jì)的網(wǎng)站,這對(duì)你的品牌有害。
Bootstrap網(wǎng)站的一個(gè)贈(zèng)品是極佳的字體。(正如Bootstrap那樣)它全面的基礎(chǔ)圖標(biāo)庫(kù),為它聚集了大量人氣,你會(huì)需要它們來(lái)創(chuàng)建統(tǒng)一的視覺(jué)語(yǔ)言。非常適合的情況下,它可以作為復(fù)雜界面的一種有益補(bǔ)充。
當(dāng)然,如果原創(chuàng)圖標(biāo)比通用圖標(biāo)對(duì)你的品牌更好呢?為什么不找找更精細(xì)的圖標(biāo)集,來(lái)描繪你的主要賣點(diǎn)——或是異想天開(kāi)?找個(gè)插畫師來(lái)幫你吧。
多數(shù)非設(shè)計(jì)師都遠(yuǎn)沒(méi)有意識(shí)到字體的重要性。它們會(huì)成就或破壞整個(gè)設(shè)計(jì),即使只是些“字母”。
“小作坊出品”的網(wǎng)頁(yè)設(shè)計(jì)有個(gè)常見(jiàn)問(wèn)題,標(biāo)題和正文之間的對(duì)比太不明顯。單單選用幾個(gè)字號(hào)通常并不能解決。嘗試在標(biāo)題上使用更粗的字重,讓它顯然比其余文字重要。這有助于建立層級(jí),溫和地引導(dǎo)視線瀏覽網(wǎng)站。
背景色覆蓋了網(wǎng)站的絕大部分區(qū)域,所以要謹(jǐn)慎選擇。
首要規(guī)則,純黑網(wǎng)站幾乎沒(méi)有好看的,除非經(jīng)過(guò)專業(yè)的設(shè)計(jì)。白色比較無(wú)風(fēng)險(xiǎn),不過(guò)更多設(shè)計(jì)師使用非常淺的灰色。當(dāng)心更深的灰色,更糟的是黑色字母在這種背景上的易讀性?;叶茸詈迷?5%以下,保持設(shè)計(jì)的明亮。
網(wǎng)站的每個(gè)頁(yè)面都應(yīng)該只有一個(gè)主要的行動(dòng)召喚。如果不止給出一個(gè)操作——訪客會(huì)困惑,他們可能會(huì)需要更多時(shí)間來(lái)做決策,然后采取行動(dòng)。他們甚至?xí)驗(yàn)檫@樣的認(rèn)知負(fù)擔(dān)而離開(kāi)!
盡可能多地去除行動(dòng)召喚。讓人們更容易采取行動(dòng),無(wú)需思考。無(wú)論是注冊(cè)按鈕還是選擇套餐,通過(guò)圖形符號(hào)來(lái)使你期望的操作更加顯眼,同時(shí)讓其他選項(xiàng)更加溫和,削弱吸引力。
間距很難處理。保留適當(dāng)間距,元素周圍不要太多留白,這可能是設(shè)計(jì)要考慮的最困難的部分。但通過(guò)一些規(guī)則可以簡(jiǎn)化。首先,確保所有元素都恰當(dāng)?shù)胤纸M。其次,在這些組周圍保留足夠的空白。
寫作同樣很難,但它必不可少,能讓你的賣點(diǎn)通過(guò)互聯(lián)網(wǎng)傳播。尤其如果你在賣東西,你得確保文案容易理解,并且有校對(duì)者檢查修正所有拼寫錯(cuò)誤。
我常常在網(wǎng)站文案中看到一些令人尷尬的句子,似乎從設(shè)計(jì)的原型階段開(kāi)始,就以一段占位符卡在那里。最好在網(wǎng)站上線前找人通讀所有文案。
如果無(wú)法閱讀,再多再好的文案也拯救不了你的業(yè)務(wù)。許多小細(xì)節(jié)可能損害文字的易讀性,結(jié)果會(huì)影響人們對(duì)你公司的印象。
要小心地修復(fù)這些問(wèn)題,比如行高太小、字號(hào)太小無(wú)法閱讀,或者是文字與背景反差太小。盡管這些對(duì)于多數(shù)人不會(huì)造成實(shí)際的閱讀困難,但事實(shí)是這些問(wèn)題存在于網(wǎng)站上,使得網(wǎng)站看上去顯得不太專業(yè)。你想象一下Facebook會(huì)有易讀性問(wèn)題么?
你的品牌最好保持統(tǒng)一。在所有出現(xiàn)的地方,無(wú)論是社交媒體、Facebook廣告,或是線下,顧客都要能立刻辨認(rèn)出你的品牌。
不過(guò)我們回退一步,首先要確保網(wǎng)站本身的一致性。有沒(méi)有繼承的無(wú)序列表樣式覆蓋了正文字體?logo的顏色和網(wǎng)站上使用的完全一致嗎?你是否在各處使用相同的陰影,還是說(shuō)只是“足夠接近”?通常要好好組織CSS文件,刪除一切不需要的代碼就能修復(fù)這些不統(tǒng)一的問(wèn)題。
不論喜歡與否,我們現(xiàn)在要向擬物主義告別了,每個(gè)仍然在重度使用漸變和陰影的網(wǎng)站一定會(huì)顯得過(guò)時(shí)。盡管你的一些3D效果或許在某處僥幸成功,最好還是在扁平化設(shè)計(jì)指南中探索創(chuàng)意。
都在這里了:這是我通過(guò)分析一些不同的創(chuàng)業(yè)公司主頁(yè),得出的10個(gè)最常見(jiàn)的問(wèn)題。現(xiàn)在再去看看你的網(wǎng)站,是否觸犯了上面的哪條?
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)