不夠好的網站會讓多使用者分心,猶豫,糾結。大家相信大品牌,或者說看起來夠的網站。如果您所提供的網站無法在幾分鐘內吸引到他們,就算是失敗。多使用者怎麼會在這種情況下突然開始信任您呢?儘量做的設計,打磨好每一個微小的細節,將網站的作用發揮到大。尤其是當您要建立一個值得信賴的品牌,您需要仔細確認每一個細節。即使您的設計能力有限,如果您能注意一下下面的 10 個常見的設計誤區,也能讓您的網站給人足夠的感覺。當然,如果您的企業體量比初創企業大很多,採用真正的設計團隊就很有必要了。
1 、使用不合理的模板
用模板的確是一件非常方便的事情。大型企業用模板確實說不過去,但是初創公司藉助 BootStrap 做網站絕對是情有可原。使用類似 Bootstrap 模板來作為基礎,借設計師之手針對品牌和企業氣質稍加定製,其實是個很不錯的主意,如果溝通良好,說不定終能呈現出一個非常不錯的網站,對於企業的產品與服務也是很不錯的加成。
但是僅僅只是套用模板而不予以調整和定製,您所遭遇常見的問題是模板與品牌本身的視覺設計上無法達成一致,從 LOGO 使用的色彩,到品牌中獨特的字型,都無法與網站構成較高的匹配度。
不過如果您真的是在這方便也捉襟見肘的話,儘量挑選在各方面與品牌形象本身更接近的模板,將疏離感降到低。
2 、使用預設外觀
和中文網站的情況不一樣,英文網站使用多種多樣的字型是一件很輕鬆的事情。如果您使用了 Bootstrap 、 WordPress 這樣的工具來建立網站,而僅僅使用預設的設定,您愚弄不了任何人,大家一眼就會把您偷懶的事情看出來——連字型都是預設的 Open Sans 。用 WordPress 預設外觀也是一樣的道理。如果您不打算在網站視覺上和別人稍作區別的話,對品牌的傷害是顯而易見的。
當然,如果您能用好諸如 Font Awesome 這樣的字型和 CSS 工具,也有點鐵成金的奇效。它能以增加圖示庫和樣式的方式,讓 Bootstrap 等各式各樣的系統,擁有漂亮一致的視覺語言。
毫無疑問,這些被精心製作過的原創的圖示,自然是比系統內建的通用圖示好。如果您有自己的創意和點子,為什麼不去尋找更有個性,更符合您的品牌調性的圖示、插畫和字型呢?也許時間成本、實現成本並沒有您想象中那麼高。
3 、排版對比度的問題
字型的排版的問題之大,遠非絕大多數非設計人員想象的那麼簡單。文字和字母看起來很簡單,但是它們可以成就好設計,也可以毀掉整個版面。
在許多 “自制” 的網頁中,常見的問題是標題和正文字型之間的對比度較低,整個頁面的資訊層級不明顯。僅僅只是調整字型大小並不足以構成對比,標題字型的字重應該比正文更大,也就是說字型應該更粗,確保它們夠顯眼,更容易被眼睛注意到。
4 、使用深色背景
雖然背景處於網頁的底層,但是它實際上是佔據網站面積大的部分,在多使用者看到網頁的時候會時間感受到,精心選擇背景色彩很重要。
作為一個久經驗證的法則,黑色色調的網站,除開真正的設計師做出來的,其他的基本都沒法看。使用白色作為基本的背景色是非常安全的,不過多數的設計師會選擇淺灰色打底。值得注意的是,網站的灰度越高,黑色的文字的可閱讀性越差,為了確保網站的可閱讀性,灰度知名保持在 15% 以下。
5 、多級行為召喚
Call To Action, 通常被稱為行為召喚,一般指的是引導多使用者做您想讓他們做的事情,註冊帳號,點選按鈕,等等。在網站頁面中,主要的行為召喚應只有一個主要的,要知道選擇強迫症患者比您想象中的多很多,如果沒有主要的、單一的行為召喚,多使用者會感到困惑,並需要較長的時間來做決定,再採取行動。當然,還有一部分多使用者會直接關閉頁面走人。
將所有內容都擺到頁面上,和什麼都不放是一樣的效果。移除多餘的部分,篩選出重要的東西擺上去,讓多使用者做重要的事情。無論是註冊還是開啟購買連結,把具有吸引力和有意義的按鈕擺在顯眼的位置上,專注於主要的事情吧。
6 、可讀性的問題
如果無法讓人看清,再優秀文案都無法拯救您的業務。許多細小的細節會影響網站文字的閱讀性,直接或者間接地影響您精心準備的內容,讓它們難以被讀者流暢地感知到。
要解決可讀性問題,值得注意的問題很多。行高過低會讓文字難於被閱讀,太小的字型對於許多多使用者都是障礙,陰影、斜體等效果也常常會影響可讀性(尤其是中文,繁體中文這種情況更嚴重),色彩對比度沒控制好更是災難性的。這其中有些問題雖然算不得太嚴重,對於多數多使用者也許不會造成太多障礙,但是這會讓多使用者對您的性產生懷疑。
7 、一致性的問題
您應該始終保持產品和品牌的一致性,從品牌設計、網站設計到社交媒體、包裝和廣告,都應該具備品牌識別度。
不過在實現這些遠大的目標之前,先退一步來看,您有必要讓網站本身先與自身保持一致性。您的網站字型的樣式是否保持了一致?LOGO 上的品牌用色與網站的配色方案是否對應?網站的各個元素的陰影樣式是完全一樣,還是 “看起來很相似”?通常情況下,您只需要仔細清理您的 CSS 樣式表,就可以解決許多一致性的問題。以上是 WordPress 網站建設小編總結分享給大家的希望能夠對您有所幫助。