微信小程序，很多人已經(jīng)不陌生了。但即使我們對(duì)小程序已經(jīng)這般熟悉，如果讓你從頭開(kāi)始設(shè)計(jì)一款小程序，是不是還是會(huì)有些無(wú)從下手呢？其實(shí)對(duì)于不懂設(shè)計(jì)知識(shí)的小白來(lái)說(shuō)，那么可以使用小程序設(shè)計(jì)模板，通過(guò)自己的編輯，設(shè)計(jì)一個(gè)美觀的小程序。如何設(shè)計(jì)自己的小程序？這里我用一些知名案例來(lái)教大家：

1.文章筆記類型

可以參考印象筆記的設(shè)計(jì)，印象筆記有自己的APP，對(duì)比小程序我們會(huì)發(fā)現(xiàn)，二者風(fēng)格相似，但功能有很大不同。在小程序中，只體現(xiàn)了核心的幾個(gè)入口：創(chuàng)建、分享、文件。使得用戶能夠及時(shí)的收集來(lái)自朋友的分享筆記以及快速創(chuàng)建筆記，比APP要簡(jiǎn)單很多，也與微信場(chǎng)景更為貼合。

2.商城類型

商城小程序設(shè)計(jì)的內(nèi)容有哪些？這類內(nèi)容通常是比較多的，主要有商品及列表、各種優(yōu)惠功能、輪播圖、視頻、快捷按鈕等等。為了讓頁(yè)面更加易懂，商城小程序頁(yè)面布局要遵從一定邏輯，一般是頭圖banner - 快捷按鈕 - 商品及分類。頭圖banner要吸睛、簡(jiǎn)潔，一般是輪播圖或拼接圖海報(bào)，比如下面的「云中科」小程序案例，圖片美觀，有簡(jiǎn)單文字說(shuō)明，既能吸引客戶也能展示品牌形象。

圖片banner 之后一般是快捷按鈕、商品分類，中間可根據(jù)需求適當(dāng)穿插視頻、標(biāo)題、優(yōu)惠券等不同功能版塊。主頁(yè)設(shè)計(jì)一定要流程明確，讓用戶能順暢地使用頁(yè)面。

3.工具類型

小程序中工具型是很符合“用完即走”這個(gè)理念的，工具型的小程序關(guān)注點(diǎn)在于功能本身，解決人們的某一個(gè)需求，讓他們更方便。在設(shè)計(jì)的時(shí)候要注意視覺(jué)和結(jié)構(gòu)和信息布局的簡(jiǎn)潔，然后考慮功能理解度和識(shí)別性，引導(dǎo)用戶快捷完成任務(wù)。

4.點(diǎn)餐類型

仔細(xì)思考一下，點(diǎn)餐類小程序通常在什么場(chǎng)景中使用？一般都是中午、晚上用餐高峰期，客戶通過(guò)掃小程序碼快速下單，提高效率，商家也方便。因此對(duì)于點(diǎn)餐小程序來(lái)說(shuō)，縮短用戶體驗(yàn)流程，就顯得非常重要了。

所以，點(diǎn)餐小程序要在主頁(yè)簡(jiǎn)單、干凈地列出餐品列表，供用戶快速選擇，并添加非常形象的圖片展示，減少用戶思考時(shí)間，如圖所示。

這樣的小程序設(shè)計(jì)需要多少錢(qián)？以電商小程序?yàn)槔绻阕约簛?lái)制作設(shè)計(jì)，那么用「云中科」模板只需三千多/年；文章小程序還能永久免費(fèi)，和開(kāi)發(fā)APP、找外包團(tuán)隊(duì)相比，這種模板設(shè)計(jì)方式是很便宜的了。

要想弄懂微信如何設(shè)計(jì)小程序，一定要時(shí)刻牢記，小程序的主要特點(diǎn)是小而輕，主打輕量化、扁平化。因此，不要將小程序設(shè)計(jì)得太過(guò)繁瑣，要注重用戶體驗(yàn)，給用戶帶來(lái)便利！

「云中科」是一個(gè)專注自助建站與小程序開(kāi)發(fā)的小程序平臺(tái)，針對(duì)眾多行業(yè)提供多套小程序模板，目前已經(jīng)幫助三百多萬(wàn)沒(méi)有技術(shù)和設(shè)計(jì)基礎(chǔ)的用戶，通過(guò)云中科一鍵生成網(wǎng)站或小程序，快速建立品牌、獲取客戶、經(jīng)營(yíng)生意。2019年8月入選騰訊小程序加速器首期成員。?

轉(zhuǎn)載授權(quán)請(qǐng)發(fā)郵件到： （得到作者主動(dòng)回復(fù)并加上相關(guān)鏈接，方可轉(zhuǎn)載）。

商城