現(xiàn)在市面上主流的第三方小程序開發(fā)平臺(tái)基本都是模板流，即用戶自主選擇模板，替換模板里的內(nèi)容，用比較簡(jiǎn)單的操作制作出一個(gè)專屬小程序。

用著同樣的一個(gè)模板，有些人可以做出狂拽酷炫的小程序，有些人做的就土到掉渣。前者就被稱為“別人家的小程序”。同樣是模板選手，為什么有買家秀和賣家秀之間的鴻溝差距?那是因?yàn)槟銢]掌握使用模板的技巧。

這期教程簡(jiǎn)稱“不管你家美工是和小姨子跑了還是回家生孩子了你都可以自食其力做出美到爆炸的小程序教程”

我們以10月31號(hào)泛客云商小程序上線的自定義的模板為案例，實(shí)際來?yè)v鼓一下吧。

模板的選擇

由于圖片是可替換的，所以模板其實(shí)就是個(gè)骨架。選擇模板時(shí)不要被好看的圖片所迷惑，因?yàn)樽罱K你還是要替換這張圖片的。

把自己當(dāng)做X光掃描儀來看模板最好，剝掉皮肉，只看骨架，骨架是不可更改的部分。骨架適合內(nèi)容的，才是合適的模板。

上圖是表面，下圖是本質(zhì)

勾勒出骨架后，再根據(jù)小程序的內(nèi)容、結(jié)構(gòu)、欄目數(shù)量、標(biāo)題長(zhǎng)度，選擇合適的模板。其中，最需要注意的是欄目數(shù)量。欄目相當(dāng)于小程序內(nèi)容的一級(jí)標(biāo)題，相對(duì)是比較固定的，很難隨意刪減增加，而首頁(yè)模板的主要限制就在于欄目數(shù)量，所以欄目數(shù)量是選擇首頁(yè)模板的最優(yōu)先衡量依據(jù)。

泛客云商小程序的首頁(yè)模板中的欄目模塊，會(huì)根據(jù)你實(shí)際輸入的欄目自動(dòng)調(diào)整，并非強(qiáng)制要求與模板中的數(shù)量一致。但是從視覺協(xié)調(diào)上考慮，不同的模板的欄目數(shù)量修改性差異很大。

背景圖的選擇

背景圖并不是喜歡什么圖就可以用什么圖，也不是好看的圖片用上去就絕對(duì)好看。需要結(jié)合對(duì)模板版式的觀察和模板已有顏色的搭配綜合起來選擇背景圖。

顏色

首先需要決定的是背景圖選擇深色還是淺色系。比如下圖，模板的欄目導(dǎo)航使用了有透明度的白色色塊，欄目文字和圖標(biāo)都是白色。這樣的模板必須選擇深色的背景，一旦用了淺色背景，欄目導(dǎo)航根本看不清楚。

如果欄目導(dǎo)航的色塊是彩色的，那么背景圖最好與色塊有相互的呼應(yīng)，接近色塊顏色，否則色塊與背景兩者間的脫節(jié)感就會(huì)非常強(qiáng)，各自為營(yíng)。

比如下圖的模板使用了黃橙暖色系的欄目色塊，如果使用暖色系背景，畫面整體色彩協(xié)調(diào)，觀感舒暢;而使用冷色背景，畫面色彩突兀，顏色雜亂，視覺效果就很差。

圖片布局

不同的模板對(duì)背景圖的布局要求也截然不同。有些首頁(yè)模板強(qiáng)調(diào)欄目導(dǎo)航部分，欄目部分所占面積較大，那么背景不易喧賓奪主，有一定模糊處理的，或者簡(jiǎn)潔、純色的圖片較適合成為背景。

有些模板明顯為圖片的焦點(diǎn)位置預(yù)留了空間，那么背景圖片最好是有突出的中心點(diǎn)的特寫圖片，不適宜使用全景圖片、過分鋪滿的圖片，需要有適當(dāng)留白。在尋找、處理背景圖片時(shí)，需要注意空間位置感，避免欄目和背景圖案的重疊遮蓋。

顏色搭配

顏色搭配

由于小程序是多頁(yè)面的，色彩的協(xié)調(diào)和統(tǒng)一就非常重要。

首先根據(jù)產(chǎn)品或者品牌形象確定你想要的調(diào)性，比如賣糖果的商家追求甜美可愛風(fēng)，那么可以以粉色為主，圍繞粉色進(jìn)行色彩搭配。

一般選用1-2種主色調(diào)，配上1-2種輔助色，避免太多顏色混雜使小程序的頁(yè)面看起來臟亂。

顏色搭配的選擇可以參考大品牌海報(bào)、網(wǎng)站的色彩搭配，也可以使用配色網(wǎng)站。比如：花瓣網(wǎng)。安利大家一個(gè)網(wǎng)站：

LOL Colors

https://www.webdesignrankings.com/resources/lolcolors/

這是個(gè)很有意思的配色網(wǎng)站，當(dāng)你把鼠標(biāo)移到水滴上時(shí)就會(huì)出現(xiàn)顏色代碼，復(fù)制代碼粘貼到小程序的后臺(tái)就可以啦。

行業(yè)不同，選擇不同

對(duì)于各行業(yè)來說，用處不同，模板當(dāng)然不同，除了默認(rèn)的空白模板，泛客云商還推出了8種不同的模板，此類模板有一定的修改性,大家也可以根據(jù)自己的需求進(jìn)行選擇。

模版示例

看了這期教程是不是已經(jīng)控制不住麒麟臂想要做個(gè)小程序試試了?

趕快加入泛客云商小程序去創(chuàng)造個(gè)美麗新世界吧。

泛客云商咨詢電話：4008822365

咨詢微信：wjrxkf009

官網(wǎng)：https://yunshang.365jia.cn/目前市場(chǎng)上主流的第三方小程序開發(fā)平臺(tái)基本都是模板流，即用戶自主選擇模板，替換模板中的內(nèi)容，制作操作相對(duì)簡(jiǎn)單的專屬小程序。同樣的模板，有的人可以做瘋狂又酷炫的小程序，有的人可以做的臟兮兮的。前者叫做“別人的小程序”。作為模板玩家，為什么買家秀和賣家秀有差距？那是因?yàn)槟銢]有使用模板的技能。本教程簡(jiǎn)稱為“無論你的藝人是跟小姑跑了，還是回家生孩子了，你都可以自己做一個(gè)美如爆炸的小程序教程”。我們以10月31日推出的泛客云商務(wù)小程序定制模板為例，來實(shí)際玩一下。模板的選擇因?yàn)閳D片是可替換的，所以模板實(shí)際上是一個(gè)骨架。選擇模板時(shí)不要被漂亮的圖片所迷惑，因?yàn)槟阕罱K會(huì)替換掉這張圖片。把自己想象成一個(gè)x光掃描儀，看看模板。剝了皮只看骨架，這是不可改變的部分。如果骨架適合內(nèi)容，就是合適的模板。官網(wǎng):https://yunshang.365jia.cn/