很(hen)多(duo)網(wang)頁(ye)看(kan)著(zhe)是(shi)沒(mei)什(shen)麼(me)毛(mao)病(bing),卻(que)讓(rang)人(ren)沒(mei)有(you)太(tai)深(shen)的(de)印(yin)象(xiang),其(qi)實(shi)還(hai)是(shi)網(wang)頁(ye)設(she)計(ji)不(bu)夠(gou)有(you)感(gan)染(ran)力(li),不(bu)能(neng)打(da)動(dong)人(ren)心(xin)。其(qi)實(shi)網(wang)頁(ye)的(de)感(gan)染(ran)力(li)不(bu)用(yong)靠(kao)複(fu)雜(za)的(de)設(she)計(ji),隻(zhi)要(yao)順(shun)著(zhe)用(yong)戶(hu)的(de)“視覺習慣”和“情感需求”做優化,就能讓網頁既舒服又有記憶點,大家可以做好這5點,一起來看看吧!
1、用顏色傳遞情緒
顏(yan)色(se)是(shi)傳(chuan)遞(di)感(gan)染(ran)力(li)最(zui)快(kuai)的(de)方(fang)式(shi),大(da)家(jia)務(wu)必(bi)要(yao)學(xue)會(hui)根(gen)據(ju)企(qi)業(ye)網(wang)站(zhan)的(de)特(te)點(dian)去(qu)選(xuan)擇(ze)合(he)適(shi)的(de)顏(yan)色(se),這(zhe)樣(yang)會(hui)讓(rang)人(ren)覺(jiao)得(de)更(geng)專(zhuan)業(ye)靠(kao)譜(pu)。同(tong)時(shi)也(ye)要(yao)注(zhu)意(yi)別(bie)一(yi)次(ci)用(yong)超(chao)過(guo)3種主色,比如首頁主色用藍色,搭配白色和淺灰,既清爽又統一;要是把紅、黃、綠、紫全堆上去,用戶看著亂,自然沒好感。
2、文字排版要“有呼吸感”
文字也是網頁的核心信心載體,如果排版沒做好,那再好的內容也沒人看。要給文字“留空間”:標題用大字體,正文用適中字體,別為了省空間把文字縮太小;段落之間留 1.5 倍行距,句子之間別堆太密,像給文字 “喘口氣” 的時間。比如企業介紹頁麵,把大段文字拆成 “小標題 + 短句”,每段不超過 3 行,用戶讀起來輕鬆,也更容易 get 到重點,不會看著就累。

3、用圖片講好故事
圖片要選“能傳遞信息、引發共鳴” 的圖。比如做公益網頁,別放風景圖,放 “誌願者幫扶老人的實拍圖”,比空喊口號更打動人;做產品網頁,別放產品擺拍圖,放 “用戶使用產品的場景圖”,要讓用戶能聯想到“自己用這個產品的樣子”。同時,圖片要清晰、真是,別用模糊的網圖,不然會拉低網頁的質感,反而沒感染力。
4、加小細節提升用戶好感度
網頁擁有一些小細節能讓網頁會更有“人情味”,比如鼠標 hover 到按鈕上時,按鈕輕輕變色或輕微放大,不是一動不動;滾動頁麵時,圖片慢慢浮現,不是突然蹦出來;表單提交成功後,顯示 “感謝您的信任,我們會盡快聯係您~” 的溫馨提示,不是幹巴巴的 “提交成功”。這些小細節能潛移默化的提高用戶的好感度。注意不用加複雜動畫,簡單的過渡效果就夠,避免喧賓奪主。
其實網頁設計的感染力,核心是 “讓用戶感受到‘被重視’”,大家可以嚐試做好以上幾點,來更進一步拉進網站與用戶之間的距離,用戶願意多停留,甚至主動分享,這就是感染力的價值。