就像今天的互聯網用戶一(yī)樣,網站設計師和所有者一(yī)樣,也很不耐煩。他們想 在幾個小(xiǎo)時内制作出漂亮的網站。過高的期望、壓力和缺乏時間會導緻糟糕的結果和挫敗感,更糟糕的是——設計錯誤。使用預建模闆是節省時間和避免重大(dà)設計錯誤的絕佳方式。但是選擇和使用網站模闆的方式也會導緻效果不佳。
以下(xià)是網站使用預建模闆時要避免的七個常見錯誤。
1. 選擇不符合需求的模闆
“給我(wǒ)(wǒ)六個小(xiǎo)時砍一(yī)棵樹(shù),我(wǒ)(wǒ)會花前四個小(xiǎo)時磨斧頭,”據說亞伯拉罕林肯說。這句話(huà)的含義可以應用于網站設計:爲您的網站選擇和準備合适的工(gōng)具至關重要。模闆尤其如此。
網站模闆是網站的基礎。這意味着,需要它的設計和功能來滿足您的網站需求。搜索具有需要的特定布局、元素和兼容性的預構建模闆需要時間和耐心——有時,如果是高級模闆,還需要預算。但是,如果模闆提供了想要的設計和功能,那将是非常值得的投資(zī)。
以下(xià)是評估網站模闆時需要考慮的一(yī)些因素:
預算是多少?
需要模闆或主題嗎(ma)?
這個模闆在多大(dà)程度上是可定制的?
這種設計是否反映了您的品牌個性?
這個模闆是響應式的嗎(ma)?
2. 選擇帶有無響應元素的模闆
考慮到移動設備在 2021 年 8月占全球網頁浏覽量的近57%,擁有一(yī)個響應式網站不再是一(yī)件好事——而是必須的。如今,幾乎所有預建的模闆和網站都被宣傳爲響應式的。但是,有些元素具有不根據屏幕寬度進行調整的非響應元素(例如文本和形狀)。其他的則具有帶有固定元素的非響應式布局,例如固定導航欄,當視口變得比頁面内容窄時(例如在移動設備上),該布局将無法滾動。預覽模闆時,請嘗試在桌面和移動設備上調整浏覽器窗口的大(dà)小(xiǎo)。如果内容調整以适應屏幕大(dà)小(xiǎo)(圖像、列和其他元素可能會變小(xiǎo),或者相互堆疊),那麽它就是響應式的。
3.使用帶有品牌的免費(fèi)模闆
免費(fèi)模闆并不意味着質量差。但是,免費(fèi)模闆通常會顯示主題開(kāi)發者的徽标或其他品牌,這會使網站看起來不那麽專業。更糟糕的是,免費(fèi)模闆可能包含惡意代碼。
4.忽略用戶評論
大(dà)多數銷售預建模闆的市場都允許客戶留下(xià)評論。在爲網站購買模闆之前,需要檢查這些。例如,如果有許多一(yī)星評級,那麽可能存在嚴重的缺陷或限制,也會讓您感到沮喪。
5. 選擇編碼不佳的模闆
大(dà)多數爲 WordPress、Drupal、Shopify 和其他平台構建的模闆都将按照最高标準進行編碼。但有些人不會,特别是如果市場或目錄對其模闆沒有嚴格和深入的審查流程。從長遠來看,這可能會對您造成傷害,例如,如果模闆沒有經過搜索引擎優化。
6.不要自定義過度使用的模闆
模闆就像框架,就像Bootstrap CSS一(yī)樣。它們帶有預先設置樣式的内容和組件,以節省時間和開(kāi)發資(zī)源,但這也意味着使用它們創建的網站往往看起來都是開(kāi)箱即用的。當模闆或框架變得過于流行時,我(wǒ)(wǒ)們必須确保對其進行自定義,否則可能會看起來像互聯網上的大(dà)多數網站:漂亮但不獨特。
7.無視良好設計的規則
由于低代碼和無代碼開(kāi)發平台 以及預建模闆的迅速崛起,編碼技能有限的人甚至是非編碼人員(yuán)都可以創建網站。但是,雖然您在無需編碼即可創建網站,但我(wǒ)(wǒ)們不能忽視良好設計的規則。預建模闆經過專業設計,但當用戶自定義它們時,他們可以大(dà)大(dà)改變設計。自定義模闆以适應獨特品牌是必不可少的,但必須遵循視覺層次結構、可導航性和一(yī)緻性等網站設計準則。
如何使用網站模闆
1. 匹配品牌。
自定義模闆時,企業不希望隻是爲了看起來與默認模闆或競争對手不同而看起來不同,而是加強品牌形象。
因此,我(wǒ)(wǒ)們的第一(yī)步應該是添加您的企業名稱、标語、徽标和品牌的其他方面。
2. 選擇獨特的配色方案。
選擇網站的配色方案 是做出的最重要的設計決策之一(yī)。它會影響網站的可訪問性、品牌标識和用戶體(tǐ)驗。爲網站選擇新顔色,而不是堅持使用模闆的默認配色方案。這樣做時,重要的是要考慮顔色理論 (顔色和視覺效果如何相互作用以創造美觀的設計)和顔色心理學 (顔色如何從心理上改變對品牌的感知(zhī))。應該查看藍(lán)色網站、橙色網站、黑白(bái)網站和其他示例以獲得靈感。
3. 明智地選擇字體(tǐ)。
網站模闆和主題帶有多種字體(tǐ)選項。但是,僅僅因爲它們帶有數十種字體(tǐ),并不意味着您應該在網站上使用它們。相反,堅持使用 2-3 種字體(tǐ)并 使用不同的字體(tǐ)大(dà)小(xiǎo)創建視覺層次結構。網站的字體(tǐ)選擇也應該易于訪問,這意味着它們具有足夠的顔色對比度,并且在多種設備類型和屏幕尺寸上都清晰易讀。
4. 可掃描性設計。
即使對内容進行了很多思考,但有些訪問者會忽略它。因此,您必須在設計網站時考慮到可讀性。這将要求您:
限制文本數量
使用負空間
合并圖像和視頻(pín)
創建視覺層次結構
選擇可讀字體(tǐ)
5. 保持一(yī)緻。
由于使用拖放(fàng)構建器和其他工(gōng)具自定義大(dà)多數模闆非常容易,因此自定義每個頁面可能很誘人。不幸的是,該網站将因此而顯得不一(yī)緻,而不是原始的。相反,背景、配色方案、字體(tǐ),甚至你的寫作語氣都應該在你網站的所有頁面上保持一(yī)緻。這并不意味着每個頁面都必須看起來相同。事實上,特定類型的頁面,如登錄頁面和博客文章,應該有不同的布局,但以類似的方式使用顔色、字體(tǐ)和其他元素。
6. 保持簡單。
大(dà)多數模闆提供的簡單自定義選項的另一(yī)個結果是,我(wǒ)(wǒ)們可能會想添加大(dà)量的動畫、圖像、視頻(pín)和其他小(xiǎo)部件。結果,可能會得到一(yī)個過于複雜(zá)的布局,使訪問者不知(zhī)所措,而不是通知(zhī)和取悅他們。相反,嘗試向訪問者提供最清晰的信息和選項。簡化導航并使網站的 CTA 脫穎而出是很好的起點。
7. 根據需要更新。
即使選擇了有史以來最好的模闆并将其定制到完美,我(wǒ)(wǒ)們也應該準備好進行更新以滿足訪問者在發展過程中(zhōng)的需求和期望。這可能需要:
執行 A/B 測試
實施适用于競争對手的策略
收集并實施客戶的反饋
審核您的網站
使用網站模闆
網站模闆和低代碼和無代碼工(gōng)具已經徹底改變了網站設計。幾乎沒有編碼技能的人現在可以創建漂亮的網站——但也可能犯錯誤,從而對其網站的功能、安全性和 SEO 構成風險。避免這七個錯誤并遵循上述七個最佳實踐有助于确保網站不僅美觀,而且高性能、安全且對 SEO 友好。