我要做小程序.png
我要推廣網(wǎng)站.png

微信小程序商城首頁怎樣設(shè)計或排版才漂亮?

作者:微瑯傳媒來源:微信小程序開發(fā)的價值

微信小程序商城首頁要設(shè)計或排版的漂亮,需要通過小程序框架界面的UI設(shè)計,和美工的平面設(shè)計兩者共同的努力實現(xiàn)的。比如下面這個小程序,頂部是搜索欄,然后下面就是商城內(nèi)部各子功能頁面的導(dǎo)航欄,再下面就是商城首頁的輪播圖,底下則是各商品的分類圖標(biāo)。像這小程序界面UI設(shè)計一塊應(yīng)該說已是比較實用和清爽了,只是分類圖標(biāo)之類的,商家在上傳圖標(biāo)時比較隨意了一些。


5.10-3.jpg


再看下面這個小程序的,頂上先是輪播圖,下方用了店鋪公告后,再下面直接就是店家推薦的商品了,這樣的小程序一般比較適合商品數(shù)量比較少的商家。尤其是商品分類不多,那么首頁就沒必要展示商品分類了,直接展示推薦的或熱賣的商品,通過左右滑動形式展現(xiàn)即可。


5.10-4.jpg


最后再看一個案例,像下面這個案例,更多的體現(xiàn)是美工的水準(zhǔn)了,商城首頁不是以往大家比較常見的先看到輪播圖或商品分類之類的,而直接就是一張縱向的長海報圖,把活動內(nèi)容展現(xiàn)在海報圖上。


5.10-5.jpg


在海報圖之下,緊接著就是活動商品的封面圖,此時的商品封面也不是常規(guī)的方形商品封面,而是左右全屏的橫幅圖,點擊相應(yīng)的商品封面圖,直接打開相應(yīng)的商品。所以這樣的商城首頁,有UI設(shè)計的支持,更多的是美工的支持。


5.10-6.jpg


聲明/提醒:以上文章內(nèi)容微瑯傳媒原創(chuàng),未經(jīng)許可嚴(yán)禁轉(zhuǎn)載、摘編、復(fù)制,改變原文意圖,以及建立鏡像等任何使用否則追究法律責(zé)任如喜歡本文內(nèi)容,歡迎以本站鏈接直接原文分享,謝謝!