雷火电竞首页-中国电竞赛事及体育赛事平台

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

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

Time: 2019-12-18

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


微信網(wǎng)頁設計原則


一、尊重視覺的主導地位

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


  二、提供清晰的操作指引

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


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

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


  四、降低學習成本

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


1.jpg

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


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

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


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


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


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


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


2.jpg

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


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


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


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


  以上就是小編為你整理的微信網(wǎng)頁設計的相關(guān)資料,小編覺得微信網(wǎng)頁的設計還是比較重要的,因為微信的用戶群體是非常大的哦!




合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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