廈門網(wǎng)站開發(fā):網(wǎng)站設(shè)計(jì)一定不能犯這幾個(gè)錯(cuò)誤！
關(guān)鍵字：數(shù)據(jù)公司2016-12-08
廈門微信開發(fā):UI設(shè)計(jì)在網(wǎng)站建設(shè)中起著舉足輕重的作用，甚至一定程度上決定著網(wǎng)站的成敗。用戶打開網(wǎng)站和頁(yè)面的第一感覺(jué)不是產(chǎn)品思路如何，不是能否找到自己想找的點(diǎn)，而是第一印象，而傳達(dá)給用戶的第一印象就是產(chǎn)品的UI設(shè)計(jì)，是否美觀，給人的第一感覺(jué)決定著用戶停留的時(shí)間和二次點(diǎn)擊的意愿。因此，廈門大尋提醒，網(wǎng)站設(shè)計(jì)一定不能犯以下幾個(gè)錯(cuò)誤，否則會(huì)使你的整個(gè)網(wǎng)站顯得特別業(yè)余。
1. 模板的不恰當(dāng)使用
預(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é)省品牌包裝開支，至少這模版不能太明顯。
2. 使用默認(rèn)的Bootstrap外觀
在公司網(wǎng)站上使用Bootstrap的默認(rèn)設(shè)計(jì)也是一個(gè)非常嚴(yán)重的錯(cuò)誤。使用Open Sans可愚弄不了大家。很難區(qū)分各個(gè)使用相同設(shè)計(jì)的網(wǎng)站，這對(duì)品牌非常有害。
3. 文字對(duì)比問(wèn)題
多數(shù)非設(shè)計(jì)師都遠(yuǎn)沒(méi)有意識(shí)到字體的重要性。它們會(huì)成就或破壞整個(gè)設(shè)計(jì)，即使只是些“字母”。“小作坊出品”的網(wǎng)頁(yè)設(shè)計(jì)有個(gè)常見問(wèn)題，標(biāo)題和正文之間的對(duì)比太不明顯。單單選用幾個(gè)字號(hào)通常并不能解決。嘗試在標(biāo)題上使用更粗的字重，讓它顯然比其余文字重要。這有助于建立層級(jí)，溫和地引導(dǎo)視線瀏覽網(wǎng)站。
4. 使用深色背景
背景色覆蓋了網(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)心更深的灰色，更糟的是黑色字母在這種背景上的易讀性。灰度最好在15%以下，保持設(shè)計(jì)的明亮。
5. 多個(gè)同等的行動(dòng)召喚
網(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)而離開！
盡可能多地去除行動(dòng)召喚。讓人們更容易采取行動(dòng)，無(wú)需思考。無(wú)論是注冊(cè)按鈕還是選擇套餐，通過(guò)圖形符號(hào)來(lái)使你期望的操作更加顯眼，同時(shí)讓其他選項(xiàng)更加溫和，削弱吸引力。
6. 對(duì)齊與間距問(wèn)題
間距很難處理。保留適當(dāng)間距，元素周圍不要太多留白，這可能是設(shè)計(jì)要考慮的最困難的部分。但通過(guò)一些規(guī)則可以簡(jiǎn)化。首先，確保所有元素都恰當(dāng)?shù)胤纸M。其次，在這些組周圍保留足夠的空白。
7. 不專業(yè)的文案
寫作同樣很難，但它必不可少，能讓你的賣點(diǎn)通過(guò)互聯(lián)網(wǎng)傳播。尤其如果你在賣東西，你得確保文案容易理解，并且有校對(duì)者檢查修正所有拼寫錯(cuò)誤。
我常常在網(wǎng)站文案中看到一些令人尷尬的句子，似乎從設(shè)計(jì)的原型階段開始，就以一段占位符卡在那里。最好在網(wǎng)站上線前找人通讀所有文案。
8.過(guò)時(shí)的設(shè)計(jì)
不論喜歡與否，我們現(xiàn)在要向擬物主義告別了，每個(gè)仍然在重度使用漸變和陰影的網(wǎng)站一定會(huì)顯得過(guò)時(shí)。盡管你的一些3D效果或許在某處僥幸成功，最好還是在扁平化設(shè)計(jì)指南中探索創(chuàng)意。
9. 不統(tǒng)一
你的品牌最好保持統(tǒng)一。在所有出現(xiàn)的地方，無(wú)論是社交媒體、Facebook廣告，或是線下，顧客都要能立刻辨認(rèn)出你的品牌。
不過(guò)我們回退一步，首先要確保網(wǎng)站本身的一致性。有沒(méi)有繼承的無(wú)序列表樣式覆蓋了正文字體？logo的顏色和網(wǎng)站上使用的完全一致嗎？你是否在各處使用相同的陰影，還是說(shuō)只是“足夠接近”？通常要好好組織CSS文件，刪除一切不需要的代碼就能修復(fù)這些不統(tǒng)一的問(wèn)題。
10. 易讀性問(wèn)題
如果無(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)題么？
以上10個(gè)問(wèn)題時(shí)從事產(chǎn)品設(shè)計(jì)10余年的資深老員工給出的建議和提醒，每一條都是親身實(shí)踐過(guò)的，來(lái)自一線的經(jīng)驗(yàn)教訓(xùn)，希望能夠?qū)?lì)志于從事產(chǎn)品設(shè)計(jì)的同學(xué)有所幫助。(廈門微信開發(fā)文章來(lái)自百度新聞)