1、使用不合理的模板
使用模板真的是一件非常方便的事情。大企業(yè)用模板沒什么意義,但初創(chuàng)企業(yè)用BootStrap做網(wǎng)站絕對情有可原。使用Bootstrap模板作為基礎,在設計師的幫助下定制品牌和企業(yè)氣質(zhì),其實是一個非常好的主意。如果溝通的好,最終可能會呈現(xiàn)一個非常好的網(wǎng)站,這也是對企業(yè)產(chǎn)品和服務的一個很好的加分。
但你遇到的最常見的問題是,模板無法與品牌本身的視覺設計相契合,LOGO中使用的顏色和品牌中特有的字體無法與網(wǎng)站形成高度匹配。
但如果你在這里真的有困難,盡量選擇各方面都更貼近品牌形象本身的模板,盡量減少疏離感。
2.使用默認外觀
與中文網(wǎng)站不同,英文網(wǎng)站很容易使用各種字體。如果用Bootstrap、Wordpress等工具創(chuàng)建網(wǎng)站,但只使用默認設置,騙不了任何人,大家一眼就看出你懶。——連字體都是默認的Open Sans。Wordpress的默認外觀也是如此。如果不打算在視覺上把自己和別人區(qū)分開來,對品牌的損害是顯而易見的。
當然,如果能善用字體和Font Awesome等CSS工具,也會有鐵打金的奇效。通過增加圖標庫和樣式,可以使Bootstrap等系統(tǒng)具有美觀一致的視覺語言。
毫無疑問,這些精心制作的原創(chuàng)圖標自然比系統(tǒng)內(nèi)置的一般圖標要好。如果你有自己的想法和想法,為什么不去尋找更個性化、更符合你品牌調(diào)性的圖標、插圖和字體呢?可能時間成本和實施成本并沒有你想象的那么高。
3.排版對比的問題
排版字體的問題遠沒有大多數(shù)非設計師想象的那么簡單。文字和字母看似簡單,卻能做出很好的設計或者破壞整個布局。
在很多“自制”的網(wǎng)頁中,最常見的問題是標題和正文字體的對比度低,整個頁面的信息層次不明顯。僅僅調(diào)整字體大小不足以構成對比。標題字體的字體粗細要大于主體的字體粗細,即字體要粗一些,以保證醒目,容易被眼睛注意到。
4.使用深色背景
雖然背景在網(wǎng)頁的底部,但它實際上占據(jù)了網(wǎng)站的最大部分,用戶看到網(wǎng)頁的第一時間就會感受到。仔細選擇背景顏色很重要。長期以來被證明的一條規(guī)則是,除了真正的專業(yè)設計師制作的網(wǎng)站,黑色調(diào)的網(wǎng)站是不能看的。使用白色作為基本背景色是非常安全的,但是大多數(shù)設計師會選擇淺灰色作為底色。值得注意的是,網(wǎng)站灰度越高,黑字可讀性越差。為了保證網(wǎng)站的可讀性,灰度要保持在15%以下。
5.多層次行為調(diào)用
行動號召(Call To Action),通常稱為行為號召,一般是指引導用戶做你想讓他們做的事情,注冊賬號,點擊按鈕等等。在網(wǎng)站頁面,應該只有一個主要的行為調(diào)用。你要知道強迫癥患者比你想象的多。如果沒有重大的、單一的行為調(diào)用,用戶會感到困惑,需要很長時間才能做出決定,才能采取行動。當然,有些用戶會直接關閉頁面離開。
把所有東西都放在頁面上和什么都不放在頁面上的效果是一樣的。去掉多余的部分,過濾掉最重要的東西,讓用戶做最重要的事情。無論是注冊還是打開購買鏈接,把最吸引人最有意義的按鈕放在最顯眼的位置,把注意力放在最重要的事情上。
6.對齊和空白
可以毫不夸張地說,留白和間距是一門藝術,在視覺元素周圍不要留太多間距,留足空間是設計最難的部分之一。介紹留白和排版技巧的文章太多了,但如果不想記住那么多復雜的技巧,我推薦一個簡單有效的方案:第一步是保證所有元素合理恰當?shù)慕M合,第二步是在這組元素之外給足留白.
7.不專業(yè)的文案
寫好一份文案不是一件簡單的事情。但是,你需要通過網(wǎng)站呈現(xiàn)你需要表達的東西,尤其是當你想通過網(wǎng)站賣東西的時候。這種情況下,你需要讓你的文案通俗易懂,認真校對,保證內(nèi)容的正確性和準確性,避免拼寫錯誤。
經(jīng)常在網(wǎng)上看到一些極其尷尬的文案,會給人一種網(wǎng)站還處于原型階段的粗糙感覺。在網(wǎng)站上線之前,找一個有相關經(jīng)驗的朋友瀏覽全站是個不錯的選擇。
8.可讀性的問題
再好的文案,看不清也救不了你的生意。很多小細節(jié)會影響網(wǎng)站文本的可讀性,直接或間接影響你精心準備的內(nèi)容,讓讀者難以順利感知。
要解決可讀性問題,有很多值得注意的問題。如果行高太低,會使文字難以閱讀。字體太小是許多用戶的障礙。陰影、斜體等效果往往會影響可讀性(尤其是中文,繁體中文更嚴重)。如果色彩對比控制不好就更是災難性了。雖然這些問題有些不太嚴重,但可能不會對大部分用戶造成太多障礙,但會讓用戶懷疑你的專業(yè)性。9.一致性的問題
你要時刻保持產(chǎn)品和品牌的一致性,從品牌設計和網(wǎng)站設計到社交媒體、包裝、廣告都要有品牌認知度。
但是,在實現(xiàn)這些雄心勃勃的目標之前,退一步看,你有必要讓網(wǎng)站本身與自己保持一致。你網(wǎng)站的字體風格是否一致?LOGO上的品牌顏色和網(wǎng)站的配色對應嗎?網(wǎng)站各元素的陰影風格是完全一樣的,還是“看起來很像”?通常只需要仔細清理你的CSS樣式表,就可以解決很多一致性問題。
10.反潮流設計
不管你喜不喜歡,偽物化設計已經(jīng)離我們遠去。在當前的網(wǎng)頁設計中,很少使用厚陰影和大跨度漸變顏色。比起在3D特效中尋求創(chuàng)意,我們還不如擁抱平面設計準則。