用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

小程序頁面設(shè)計步驟:用模板做一個美觀的小程序

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2020/6/12 9:17:10     瀏覽:
小程序的設(shè)計效果與用戶體驗(yàn)直接相關(guān),一個設(shè)計美觀的小程序,更能吸引用戶流量,也能給用戶好的體驗(yàn),給商家?guī)砀咿D(zhuǎn)化率。

  小程序的設(shè)計效果與用戶體驗(yàn)直接相關(guān),一個設(shè)計美觀的小程序,更能吸引用戶流量,也能給用戶好的體驗(yàn),給商家?guī)砀咿D(zhuǎn)化率。不過大多數(shù)需要生成小程序的人都是不懂技術(shù)和設(shè)計知識的小白,這種情況下如果你需要一個美觀的小程序,就要用到小程序頁面設(shè)計模板。

  這種模板該怎么用呢?小程序頁面設(shè)計涉及到哪些部分?下面就跟大家科普一下小程序頁面設(shè)計步驟:

  首先你需要找一個設(shè)計美觀的小程序模板,盡量找知名度較高的類型,比如「上線了」,模板設(shè)計感強(qiáng),簡潔現(xiàn)代風(fēng),視覺效果很好。新手注冊賬號后選擇“創(chuàng)建小程序”,再選一個你喜歡的模板類型,這里我以電商模板為例給大家示范下如何使用。

  點(diǎn)擊模板進(jìn)入小程序編輯頁面,在【小程序設(shè)計】這一欄,你會看到“通用風(fēng)格”,在這里你可設(shè)置小程序主題色、分頁導(dǎo)航、啟用搜索功能。在“頁面設(shè)計”中,你可以添加各種功能版塊,一個小程序主頁就是由各種不同的版塊組成的。

  目前電商小程序中有11種不同的版塊,你可千萬不要一股腦兒全部堆砌上去,而要遵循一定邏輯。一般來說,一個小程序主頁版塊順序是圖片banner - 快捷按鈕 - 商品分類,中間可根據(jù)需求適當(dāng)穿插視頻、標(biāo)題、優(yōu)惠券等不同功能版塊??傊黜撛O(shè)計一定要流程明確,讓用戶能順暢地使用頁面,并且理解接下來的操作。

  新手尤其要注意頭圖banner版塊,這部分一般展示主打產(chǎn)品、重要的品牌信息、當(dāng)前進(jìn)行的活動等,力求快速吸引到訪客。你可以使用輪播圖形式,也可以使用拼接圖海報樣式,如下圖所示。圖片可鏈接到相關(guān)商品或商品分類,還能跳轉(zhuǎn)到其他小程序。

  上線了小程序案例,禁止轉(zhuǎn)載

  快捷按鈕則需要簡明清晰,讓訪客能快速找到自己需要的商品類型。如果你自己不會設(shè)計快捷按鈕圖標(biāo),那么可以使用上線了自帶的圖標(biāo)。

  點(diǎn)擊左側(cè)【商店】欄,你可以添加新的商品,設(shè)置商品詳情(包括名稱、描述、圖片、規(guī)格、價格等等),添加商品分類,開啟評論系統(tǒng),設(shè)置配送服務(wù)。

  在【粉絲運(yùn)營】模塊,你可以根據(jù)不同標(biāo)簽篩選粉絲,詳細(xì)了解店鋪粉絲情況;在【營銷中心】你可以添加各種營銷工具,包括優(yōu)惠券、拼團(tuán)、分銷系統(tǒng)等等,在節(jié)日適當(dāng)做些營銷活動,有利于你提升商品銷量。

  在【應(yīng)用中心】你可以根據(jù)需求添加文章和直播模塊,給自己的品牌做更詳細(xì)說明,讓粉絲更了解自己。全部搭建好并預(yù)覽無誤后,點(diǎn)擊左下角“立即發(fā)布”,按要求注冊授權(quán)等待審核就好了。

  以上就是微信小程序頁面設(shè)計的方法了,不需要你懂專業(yè)設(shè)計知識,所見即所得,能隨時預(yù)覽自己做出的小程序效果?,F(xiàn)在各種小程序已經(jīng)非常多,你若想讓自己的小程序脫穎而出,給客戶留下深刻印象,就一定要重視設(shè)計效果。