來源:無錫網(wǎng)站建設阿凡達 瀏覽次數(shù):388 發(fā)表日期:2023-06-13
微網(wǎng)站界面設計中常見的4種頁面布局非常值得關(guān)注,如果你需要建設好的微網(wǎng)站,那么,你一定要知道哪一種布局適合你的微平臺才好!
截止到2022年12月,中國移動互聯(lián)網(wǎng)用戶規(guī)模突破12億大關(guān)。這個龐大的數(shù)字吸引了無數(shù)在尋求向上之路的企業(yè),刺激了各大企業(yè)爭先在手機移動端上打造屬于企業(yè)自己的完美展示平臺—手機網(wǎng)站(微官網(wǎng)/微網(wǎng)站)。但是由于手機屏幕尺寸的限制,無法直接把所有內(nèi)容在一屏內(nèi)顯示,顯然地可顯示內(nèi)容要比PC屏幕少得多。在手機網(wǎng)站(微網(wǎng)站)界面設計中中,我們需要對信息進行有效組織、提煉,通過合理布局把信息展示給用戶。合理的布局設計可以使信息變得井然有序,用戶可以很容易地找到自己想要的信息,產(chǎn)品的交互效率和信息的傳遞效率都得到提升。我們可以來看看微網(wǎng)站界面設計中常見的頁面布局:
1、豎排列表
豎排列表是*常見的布局之一。手機屏幕一般是列表豎屏顯示的,文字是橫屏顯示的,因此豎排列表可以包含比較多的信息。列表長度可以沒有限制,通過上下滑動可以查看更多內(nèi)容。豎排列表在視覺上整齊美觀,用戶接受度很高,常用于并列元素的展示,包括目錄、分類、內(nèi)容等。
2、九宮格
九宮格是非常經(jīng)典的設計,展示形式簡單明了,用戶接受度很廣。當元素數(shù)量固定不變?yōu)?、9、12、16時,則適合采用九宮格。雖然它有時候給人設計老套的感覺,不過它的一些變體目前比較流行,比如METRO風格,一行兩格的設計等。
3、多面板
多面版的布局常見于PAD終端,手機上也會用到。多面版很像豎屏排列的TAB,可以展示更多的信息量,操作效率較高,適合分類和內(nèi)容都比較多的情形。它的不足是界面比較擁擠。
4、手風琴
手風琴布局常見于兩級結(jié)構(gòu)的內(nèi)容。用戶點擊分類可展開顯示二級內(nèi)容,在不用的時候,內(nèi)容是隱藏的。因此它可承載比較多的信息,同時保持界面簡潔。手風琴可以減少界面跳轉(zhuǎn),與樹形結(jié)構(gòu)相比,手風琴減少點擊次數(shù),提高操作效率。手風琴在瀏覽器上很常見,很多瀏覽器的導航、歷史、下載管理等頁面均采用了手風琴的設計。
免費答疑熱線
400-189-1319
添加微信