網(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)等等,如果增加一些很陌生、另類的設計,就會增加用戶的學習成本,讓用戶的閱讀變得吃力。

(圖片來自網(wǎng)絡)
五、通過風格指南創(chuàng)造一致性
確定了微信網(wǎng)頁頁面的風格之后,那么頁面中的元素、尺寸、字體、顏色等各個方面都可以先圍繞這個風格進行設計,最后再使用拼湊手法來將他們組合、搭配在一起,這樣可以保證頁面風格的一致性。
微信網(wǎng)頁設計原常見誤區(qū)
1、文字擁擠:文字擁擠是因為字間距過小,它會降低文字的可閱讀性,而很多人在網(wǎng)頁排版設計時都會忽略字間距這個細節(jié)。另外,有些字體本身比較稀疏或緊密,需要我們?nèi)プ鲞m當?shù)恼{(diào)整。
2、段落密集:段落密集是因為行間距過小導致的,會令用戶難以識別各行文字,不過單純地拉開行間距很難取得好的視覺效果,建議行間距為行高的二分之一左右。
3、拉伸與壓縮不合理:如果圖片、文字不按照原始比例進行拉伸或壓縮,就會造成不正常的扭曲和形變,影響視覺體驗,我們在設計時要盡量避免這種情況,比如使用PS做圖時,按住Shift鍵進行拉伸。

(圖片來自網(wǎng)絡)
4、忽略可讀性:在頁面中,影響可讀性的因素有很多,不過最基礎的還是文字本身的清晰性。一般頁面文字不宜過小過細,這樣會降低它的辨識度,而且色彩對比要明顯,不能被背景或其他元素所掩蓋。
5、忽略閱讀舒適度:文字看得清了還不夠,還應該讓用戶看得舒服。一般頁面的標題、宣傳語要用加粗加大、有美觀性的字體文字,而正文則要簡潔清晰,保證用戶不會產(chǎn)生閱讀疲勞,這樣的閱讀舒適度才會高。
6、使用太多字體:一般剛剛接觸微信網(wǎng)頁設計都比較容易犯這個錯誤,認為字體多可以起到裝飾的作用,其實相反。一個頁面使用太多字體會導致可控性差、視覺干擾強,字體間不同的風格還會使頁面整體不統(tǒng)一。建議頁面字體有兩種就夠了。
以上就是小編為你整理的微信網(wǎng)頁設計的相關(guān)資料,小編覺得微信網(wǎng)頁的設計還是比較重要的,因為微信的用戶群體是非常大的哦!


在微信中搜索faceui