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

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