羅列下網(wǎng)站制作過程中的十點(diǎn)關(guān)注與易犯的錯(cuò)誤
日期:2021-03-04 來源:希丁哥建設(shè) 標(biāo)簽:網(wǎng)站建設(shè)篇
一、過時(shí)的設(shè)計(jì),先不論喜歡與否,我們現(xiàn)在要向擬物主義告別了,每一個(gè)網(wǎng)站它如果仍然在重度使用漸變和陰影,那么這個(gè)網(wǎng)站一定會(huì)顯得過時(shí)。盡管你的一些3D效果或許在某處僥幸成功,但最好還是在扁平化設(shè)計(jì)指南中探索創(chuàng)意。模板的不恰當(dāng)使用,一般預(yù)先設(shè)計(jì)好的模版網(wǎng)站普遍都存在一個(gè)問題,logo和網(wǎng)站其余部分的視覺關(guān)聯(lián)非常弱。還有的是logo色彩并沒有重復(fù)出現(xiàn)在網(wǎng)站的其他地方,或者說與網(wǎng)站使用的字體并不搭配。如果你要節(jié)省品牌包裝開支,那么至少在模版這塊要多花點(diǎn)心思,模板的不適用度不能太明顯。
二、網(wǎng)站建設(shè)的兼容性問題是每個(gè)建站程序員都應(yīng)該重視的問題?,F(xiàn)在瀏覽網(wǎng)站的客戶端非常多,除了PC端還有手機(jī)端、ipad,手機(jī)又有各種分辨率。如果無法兼容,網(wǎng)站在上線后里面的圖片或布局可能會(huì)變形,用戶的體驗(yàn)會(huì)很差。所以現(xiàn)在響應(yīng)式網(wǎng)站成為大家的選擇。文字對(duì)比問題,雖然文字看起來在整個(gè)設(shè)計(jì)頁面的占重不大,多數(shù)非設(shè)計(jì)師也都遠(yuǎn)沒有意識(shí)到字體的重要性。但是有時(shí)字體是整個(gè)頁面最亮眼的地方,哪怕只是些“字母”。很多時(shí)候,字體的運(yùn)用會(huì)成就或破壞整個(gè)設(shè)計(jì)。例如,某某網(wǎng)頁設(shè)計(jì)有個(gè)常見問題,就是標(biāo)題和正文之間的對(duì)比太不明顯。通常這種情況,只是單單選用幾個(gè)字號(hào)并不能解決,我們可以嘗試在標(biāo)題上使用更粗的字體,讓我們?cè)谝曈X里感知到它顯然比其余文字重要。這種方法比起字號(hào)更有助于建立層級(jí),能夠溫和地引導(dǎo)視線瀏覽網(wǎng)站。
三、易讀性問題,如果無法閱讀,再多再好的文案也拯救不了你的業(yè)務(wù)。許多小細(xì)節(jié)可能損害文字的易讀性,結(jié)果會(huì)影響人們對(duì)你公司的印象。針對(duì)文案中存在的小問題,我們不能忽視,要小心地去修復(fù)這些問題。比如行高太小、字號(hào)太小導(dǎo)致無法閱讀,又或者是文字與背景反差太小。盡管這些屬于小細(xì)節(jié)的問題,對(duì)于多數(shù)人不會(huì)造成實(shí)際的閱讀困難,但事實(shí)上就是因?yàn)檫@些問題存在于網(wǎng)站上,才會(huì)使得網(wǎng)站看上去顯得不太專業(yè),就類比你想象一下Facebook會(huì)有易讀性問題么?
四、多個(gè)同等的行動(dòng)召喚,網(wǎng)站的每個(gè)頁面都應(yīng)該只有一個(gè)主要的行動(dòng)召喚。如果不止給出一個(gè)操作——訪客就會(huì)困惑,然后他們可能會(huì)需要更多時(shí)間來做決策,再采取行動(dòng)。更糟的是他們甚至?xí)驗(yàn)檫@樣的認(rèn)知負(fù)擔(dān)而離開!所以還是要盡可能多地去除行動(dòng)召喚,讓人們更容易采取行動(dòng),無需思考。

五、無論是注冊(cè)按鈕還是選擇套餐,通過圖形符號(hào)可以使你期望的操作更加顯眼,同時(shí)讓其他選項(xiàng)更加溫和,削弱吸引力。對(duì)齊與間距問題,設(shè)計(jì)頁面合適的間距很難處理。因?yàn)楸A暨m當(dāng)間距的同時(shí)要要求元素周圍不能有太多留白,這可能是設(shè)計(jì)要考慮的最困難的部分。如何處理這塊的難題,我們也可以通過一些規(guī)則可以簡(jiǎn)化。首先,確保所有元素都恰當(dāng)?shù)胤纸M,其次,在這些組周圍保留足夠的空白。企業(yè)網(wǎng)站一定要根據(jù)企業(yè)自身的品牌形象來設(shè)計(jì),例如科技企業(yè)網(wǎng)站的配色可以采用冷色調(diào),著重科技感;幼兒教育網(wǎng)站色調(diào)可采用鮮艷的亮色系;能源類網(wǎng)站色調(diào)風(fēng)格可采用藍(lán)色系,看起來清爽大氣;當(dāng)然這類關(guān)于設(shè)計(jì)方面的想法可以多聽專注網(wǎng)站設(shè)計(jì)公司的意見。
六、使用默認(rèn)的Bootstrap外觀,在公司網(wǎng)站上使用Bootstrap的默認(rèn)設(shè)計(jì)也是一個(gè)非常嚴(yán)重的錯(cuò)誤。使用Open Sans可愚弄不了大家。因?yàn)槭褂媚J(rèn)的Bootstrap外觀,會(huì)導(dǎo)致很難區(qū)分各個(gè)使用相同設(shè)計(jì)的網(wǎng)站,這對(duì)于品牌來說是非常有害的。網(wǎng)站打開速度這一點(diǎn)非常重要,每一個(gè)人應(yīng)該都深有體會(huì),如果網(wǎng)站開開很卡,不猶豫就會(huì)關(guān)掉了。所以企業(yè)首先要為網(wǎng)站配置一個(gè)足夠用的服務(wù)器、空間、帶寬,保證打開速度快,還有就是網(wǎng)站能盡量少放視頻,圖片要壓縮。
七、使用深色背景,由于背景色覆蓋了網(wǎng)站的絕大部分區(qū)域,所以在選擇背景色的時(shí)候一定要謹(jǐn)慎。背景色的選擇也有一定的規(guī)則,首要規(guī)則,除非是經(jīng)過專業(yè)的設(shè)計(jì)純黑網(wǎng)站,否則,其他的純黑網(wǎng)站幾乎沒有好看的。不專業(yè)的文案,寫作同樣很難,但它必不可少,一篇好的文案能讓你的賣點(diǎn)通過互聯(lián)網(wǎng)傳播。尤其如果你是在賣東西,你就得確保文案容易理解,并且還要有校對(duì)者檢查修正所有拼寫錯(cuò)誤。我常常在網(wǎng)站文案中看到一些令人尷尬的句子,似乎從設(shè)計(jì)的原型階段開始,就以一段占位符卡在那里,所以最好在網(wǎng)站上線前找人通讀所有文案。
八、相對(duì)的,白色就比較有風(fēng)險(xiǎn),但是白色又太過大眾化,普通地在眾多網(wǎng)站中沒有吸引人的亮點(diǎn)。不過更多設(shè)計(jì)師喜好使用非常淺的灰色,當(dāng)然使用灰色背景的時(shí)候也要當(dāng)心更深的灰色,因?yàn)樗幸环N很糟糕的情況,是黑色字母在這種背景上的易讀性,所以灰度最好在15%以下,并且設(shè)計(jì)要保持明亮。 網(wǎng)站的建設(shè)盡量簡(jiǎn)潔化,這樣的做法一方面能夠提高用戶的瀏覽體驗(yàn)度,從視覺與形式上給予他們簡(jiǎn)單方便的感覺。另一方面,是為了能夠在后期的網(wǎng)站優(yōu)化過程中更加的有利,要知道搜索引擎所喜歡的,所抓取的是更加簡(jiǎn)潔的網(wǎng)站頁面,而非錯(cuò)綜復(fù)雜而又內(nèi)容繁多的頁面。
九、重視目標(biāo)用戶,這也決定了網(wǎng)站的設(shè)計(jì)風(fēng)格,例如一些上市集團(tuán)網(wǎng)站就做的很簡(jiǎn)單,但是導(dǎo)航很強(qiáng)大,網(wǎng)站的內(nèi)容一覽無遺,想找什么內(nèi)容很快就找到,這就是重視目標(biāo)客戶,因?yàn)榭催@些網(wǎng)站的人基本上是投資者、股票分析師等,他們并不在意網(wǎng)站多酷炫。所以只要你明確了你的目標(biāo)用戶,網(wǎng)站的風(fēng)格也就很好確定下來。
十、不統(tǒng)一,在網(wǎng)站設(shè)計(jì)上,你的品牌最好保持統(tǒng)一,無論是社交媒體、Facebook廣告,或是線下,確保在所有出現(xiàn)的地方,顧客都要能立刻辨認(rèn)出你的品牌。不過我們回退一步來講,首先要確保網(wǎng)站本身的一致性。有沒有繼承的無序列表樣式覆蓋了正文字體,logo的顏色和網(wǎng)站上的使用是不是完全一致。你是否在各處使用相同的陰影,還是說只是“足夠接近”?通常要好好組織CSS文件,刪除一切不需要的代碼就能修復(fù)這些不統(tǒng)一的問題。
