雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

微信網(wǎng)頁設(shè)計(jì)原則及常見誤區(qū)詳解,你中招了嗎?

Time: 2019-12-18

網(wǎng)頁有非常多種瀏覽方式,除了常規(guī)的電腦瀏覽跟手機(jī)瀏覽之外,還有在微信當(dāng)中的游覽方式,每種方式的頁面設(shè)計(jì)也會有所不同,下面我們跟隨小編一起來了解一下微信網(wǎng)頁設(shè)計(jì)的相關(guān)資料吧。


微信網(wǎng)頁設(shè)計(jì)原則


一、尊重視覺的主導(dǎo)地位

  每個(gè)人首先都是視覺動物,然后才是行為動物,因此視覺才是微信網(wǎng)頁頁面設(shè)計(jì)的主導(dǎo),它能在不知不覺中影響著交互。另外好的視覺設(shè)計(jì)能夠提升轉(zhuǎn)化率,激發(fā)用戶的購買欲。


  二、提供清晰的操作指引

  雖然對于-般的微信微信網(wǎng)頁來說,每個(gè)頁面的切換都會有一個(gè)清晰的箭頭作為引導(dǎo),但是如果是需要用戶做出額外的點(diǎn)擊、滑動才能跳到另一個(gè)頁面的話,就必須給出一個(gè)清晰的操作指引,完善用戶體驗(yàn)。


三、保證視覺統(tǒng)一

  不只在視覺上,統(tǒng)一性在微信網(wǎng)頁頁面設(shè)計(jì)中非常重要,它體現(xiàn)了頁面設(shè)計(jì)和排版的邏輯性,也體現(xiàn)了色彩、元素的協(xié)調(diào)性,這樣都能讓用戶享受愉悅的視覺體驗(yàn)。


  四、降低學(xué)習(xí)成本

  如今用戶對微信網(wǎng)頁頁面設(shè)計(jì)模式已經(jīng)形成了一個(gè)熟悉的認(rèn)知,比如中心排版、翻轉(zhuǎn)動畫、點(diǎn)擊跳轉(zhuǎn)等等,如果增加一些很陌生、另類的設(shè)計(jì),就會增加用戶的學(xué)習(xí)成本,讓用戶的閱讀變得吃力。


1.jpg

(圖片來自網(wǎng)絡(luò))


  五、通過風(fēng)格指南創(chuàng)造一致性

  確定了微信網(wǎng)頁頁面的風(fēng)格之后,那么頁面中的元素、尺寸、字體、顏色等各個(gè)方面都可以先圍繞這個(gè)風(fēng)格進(jìn)行設(shè)計(jì),最后再使用拼湊手法來將他們組合、搭配在一起,這樣可以保證頁面風(fēng)格的一致性。


  微信網(wǎng)頁設(shè)計(jì)原常見誤區(qū)


  1、文字擁擠:文字擁擠是因?yàn)樽珠g距過小,它會降低文字的可閱讀性,而很多人在網(wǎng)頁排版設(shè)計(jì)時(shí)都會忽略字間距這個(gè)細(xì)節(jié)。另外,有些字體本身比較稀疏或緊密,需要我們?nèi)プ鲞m當(dāng)?shù)恼{(diào)整。


  2、段落密集:段落密集是因?yàn)樾虚g距過小導(dǎo)致的,會令用戶難以識別各行文字,不過單純地拉開行間距很難取得好的視覺效果,建議行間距為行高的二分之一左右。


  3、拉伸與壓縮不合理:如果圖片、文字不按照原始比例進(jìn)行拉伸或壓縮,就會造成不正常的扭曲和形變,影響視覺體驗(yàn),我們在設(shè)計(jì)時(shí)要盡量避免這種情況,比如使用PS做圖時(shí),按住Shift鍵進(jìn)行拉伸。


2.jpg

(圖片來自網(wǎng)絡(luò))


4、忽略可讀性:在頁面中,影響可讀性的因素有很多,不過最基礎(chǔ)的還是文字本身的清晰性。一般頁面文字不宜過小過細(xì),這樣會降低它的辨識度,而且色彩對比要明顯,不能被背景或其他元素所掩蓋。


  5、忽略閱讀舒適度:文字看得清了還不夠,還應(yīng)該讓用戶看得舒服。一般頁面的標(biāo)題、宣傳語要用加粗加大、有美觀性的字體文字,而正文則要簡潔清晰,保證用戶不會產(chǎn)生閱讀疲勞,這樣的閱讀舒適度才會高。


  6、使用太多字體:一般剛剛接觸微信網(wǎng)頁設(shè)計(jì)都比較容易犯這個(gè)錯(cuò)誤,認(rèn)為字體多可以起到裝飾的作用,其實(shí)相反。一個(gè)頁面使用太多字體會導(dǎo)致可控性差、視覺干擾強(qiáng),字體間不同的風(fēng)格還會使頁面整體不統(tǒng)一。建議頁面字體有兩種就夠了。


  以上就是小編為你整理的微信網(wǎng)頁設(shè)計(jì)的相關(guān)資料,小編覺得微信網(wǎng)頁的設(shè)計(jì)還是比較重要的,因?yàn)槲⑿诺挠脩羧后w是非常大的哦!




合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開