10大陷阱!讓你設(shè)計(jì)的網(wǎng)站“不專業(yè)”
對(duì)于資金緊張的創(chuàng)業(yè)者來說,建立一個(gè)自己的網(wǎng)站是很棒的主意。你可以在事業(yè)走上正軌的時(shí)候再去找一個(gè)網(wǎng)站設(shè)計(jì)師,畢竟只有當(dāng)你的事業(yè)開始有所成效時(shí),你才會(huì)有時(shí)間去關(guān)心這些無關(guān)緊要的事。
這樣對(duì)嗎?
實(shí)際上,設(shè)計(jì)對(duì)你創(chuàng)業(yè)的幫助遠(yuǎn)比你想象中重要的多。當(dāng)你運(yùn)營(yíng)一個(gè)線上業(yè)務(wù)時(shí),顧客往往根據(jù)你網(wǎng)站設(shè)計(jì)中的細(xì)節(jié)去決定是否選擇你的產(chǎn)品。
顧客是容易分心的。他們已經(jīng)信任了一些大品牌,為什么他們要突然放棄原來的選擇而相信你呢?除非你能在剛開始的幾秒內(nèi)吸引顧客,不然他們就離開了。
最終,細(xì)節(jié)決定成敗。如果你想要?jiǎng)?chuàng)立一個(gè)值得信賴的品牌并獲得收益的話,你必須自己檢查和糾正這些細(xì)節(jié)。在這篇文章中,我將討論一些業(yè)余設(shè)計(jì)師常會(huì)犯下的錯(cuò)誤。即使你的設(shè)計(jì)能力有限,你仍可以發(fā)現(xiàn)你網(wǎng)頁設(shè)計(jì)中已經(jīng)存在一些我所提到的普遍錯(cuò)誤。
注意:在這篇文章中使用的例子均是各個(gè)創(chuàng)業(yè)公司專門在各自網(wǎng)站上詢問到的反饋。
1、使用模板不當(dāng)
我不贊成大型企業(yè)在網(wǎng)站設(shè)計(jì)上使用模板,但我可以理解小型、自主創(chuàng)業(yè)公司對(duì)模板的需求。然而,如果你最終確定使用模板,你最好讓設(shè)計(jì)師按照你的品牌特性對(duì)模板進(jìn)行適當(dāng)?shù)膫€(gè)性化設(shè)計(jì)。最終,你可能擁有一個(gè)非常棒的產(chǎn)品。
Logo和網(wǎng)站其他部分沒有很好的視覺聯(lián)系是使用模板存在的普遍問題。要么是Logo的用色和網(wǎng)站中的顏色沒有呼應(yīng),要么是logo的字體與網(wǎng)頁的字體并不搭配。
如果你要節(jié)省品牌發(fā)展的開銷而使用網(wǎng)頁模板,那至少確保你使用的模板不會(huì)太明顯突兀。
2、使用默認(rèn)Bootstrap的設(shè)計(jì)
在公司網(wǎng)站中使用默認(rèn)Bootstrap設(shè)計(jì)是一個(gè)和使用模板不同但同樣可怕的錯(cuò)誤。使用Open Sans是騙不了任何人的。使用默認(rèn)Bootstrap的設(shè)計(jì)會(huì)讓你的網(wǎng)站變得和其他網(wǎng)站一樣,這會(huì)對(duì)你的品牌造成傷害。
使用Bootstrap創(chuàng)建網(wǎng)站的的一個(gè)好處是其自帶Font Awesome圖標(biāo)字體庫。這類程序(比如Bootstrap)廣受人們歡迎的原因就在于它基本擁有所有你想要的、具有統(tǒng)一視覺效果的圖標(biāo)。如果使用得當(dāng),會(huì)給你復(fù)雜的界面增色不少。
當(dāng)然,你的應(yīng)用的收益難道不能比使用這三個(gè)通用圖標(biāo)來得更加直接嗎?為什么不找一個(gè)更精致的圖標(biāo)去展示你的賣點(diǎn)??或者嘗試一個(gè)瘋狂的想法——找一位插畫師為你設(shè)計(jì)一個(gè)呢?
3、版式對(duì)比問題
字體問題比大多數(shù)非設(shè)計(jì)師意識(shí)到的更加重要。雖然它們只是一些“字母“,但它們絕對(duì)可以影響甚至是破壞你的整個(gè)頁面。
自制網(wǎng)站的常見問題就是標(biāo)題和正文的字體幾乎沒有差別。僅僅調(diào)整字體大小還不夠,你可以嘗試加粗加寬標(biāo)題以使其更加醒目,突出其重要性,這有助于顧客在瀏覽網(wǎng)站時(shí)分清主次,并在不知不覺中引導(dǎo)顧客閱讀。
4、使用全黑的背景色
因?yàn)楸尘邦伾采w了網(wǎng)頁的最大部分,所以對(duì)于背景色的選擇應(yīng)當(dāng)慎重。
根據(jù)經(jīng)驗(yàn)來說,全黑的網(wǎng)頁背景通常不討人喜歡,除非進(jìn)行了專業(yè)設(shè)計(jì)。白色是一個(gè)安全的顏色,但是更多的設(shè)計(jì)師選擇淺灰色。注意:背景色越黑越灰,黑色字體的可讀性就越
5、多個(gè)相同的執(zhí)行按鈕
在你的網(wǎng)頁中,最好每一頁只有一個(gè)主要的執(zhí)行按鈕。如果你沒有給訪客一個(gè)單獨(dú)的執(zhí)行按鈕,他們很有可能會(huì)花更長(zhǎng)的時(shí)間去選擇點(diǎn)擊。他們甚至可能因?yàn)檫@需要費(fèi)神思考而選擇離開。
盡可能減少頁面的執(zhí)行按鈕,讓訪客的操作變得簡(jiǎn)單不用過多的思考。不論是注冊(cè)按鈕還是選擇按鈕,把那些你想讓訪客選擇的按鈕弄得生動(dòng)顯眼,同時(shí)盡量降低其余按鈕的存在感。
6、校準(zhǔn)和間距的問題
間距是很難把控的。在各元素之間留下足夠但不過分的空白空間是設(shè)計(jì)中最難的部分。但是遵循以下原則會(huì)讓它變得簡(jiǎn)單。第一,確保所有的元素盡可能分門別類地放好;第二,在各個(gè)小組之間留下足夠的空白空間。
7、不專業(yè)的文本內(nèi)容
不是每個(gè)人都能寫得一手好文章,但是把在網(wǎng)上把你的觀點(diǎn)表達(dá)出來很有必要。尤其是當(dāng)你努力去售賣產(chǎn)品,你得確保你的文章淺顯易懂,并校對(duì)修改了所有的拼寫錯(cuò)誤。
我時(shí)常在網(wǎng)站上看見一些尷尬的句子,它們就像設(shè)計(jì)原型階段的文本占位符一樣卡在那里。所以,在網(wǎng)站上線之前讓別人看看所有的文本是一個(gè)再好不過的主意了。
8、可讀性問題
如果你的文案根本不能讓人提起興趣去閱讀,那不論它寫得多好都不能挽救你的生意。許多小細(xì)節(jié)會(huì)影響到你文案的可讀性,這最終會(huì)影響到訪客對(duì)你公司的認(rèn)知。
認(rèn)真修正這些問題,例如過小的行高設(shè)置、小得難以閱讀的字體,或者是標(biāo)題和正文之間對(duì)比差異不大。雖然這些問題對(duì)大多數(shù)人來說并不會(huì)導(dǎo)致什么實(shí)質(zhì)性的閱讀困難,但是這些問題的存在會(huì)讓你的網(wǎng)站顯得很不專業(yè)。你能想象在Facebook上存在可讀性問題嗎?
9、不一致性
你的品牌必須保持高度一致性。無論是在社交媒體、Facebook的廣告或者是線下業(yè)務(wù)中,你的顧客能夠一眼就認(rèn)出你的品牌標(biāo)識(shí)。
但是,我們先退一步,首先要確保你網(wǎng)站本身的一致性。你是否確定沒有遺留的ul(HML標(biāo)簽)在正文中重復(fù)?logo的顏色是否和網(wǎng)站的其他顏色使用的是相同的十六進(jìn)制編碼?你在網(wǎng)頁中使用的圖形是全都一樣還是只是“看起來相像”?通常,你只要管理好你的CSS文件,刪除掉多余的代碼就可以解決這些不一致的問題。
10、過時(shí)的網(wǎng)頁設(shè)計(jì)
不管你喜不喜歡,我們現(xiàn)在已經(jīng)告別擬物化設(shè)計(jì)。使用漸變——陰影——沉重風(fēng)格的網(wǎng)頁設(shè)計(jì)必定會(huì)顯得過時(shí)。雖然你可以在許多地方避免使用3D效果,但最好在扁平化設(shè)計(jì)指南下探索你的創(chuàng)意選擇。
所以,現(xiàn)在你已經(jīng)了解了我從一些創(chuàng)業(yè)公司網(wǎng)頁中找到的最常見的10個(gè)設(shè)計(jì)問題?,F(xiàn)在你要做的就是對(duì)照上述的建議去看看自己的網(wǎng)站吧!
本文地址:http://m.likemindfilms.com/tutorial/di3176.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏