現(xiàn)在市面上主流的第三方小程序開(kāi)發(fā)平臺(tái)基本都是模板流，即用戶自主選擇模板，替換模板里的內(nèi)容，用比較簡(jiǎn)單的操作制作出一個(gè)專屬小程序。用著同樣的一個(gè)模板，有些人可以做出狂拽酷炫的小程序，有些人做的就土到掉渣。前者就被稱為“別人家的小程序”。同樣是模板選手，為什么有買(mǎi)家秀和賣(mài)家秀之間的鴻溝差距？那是因?yàn)槟銢](méi)掌握使用模板的技巧。

 

　　小程序教程

 

　　1、模板的選擇

 

　　由于圖片是可替換的，所以模板其實(shí)就是個(gè)骨架。選擇模板時(shí)不要被好看的圖片所迷惑，因?yàn)樽罱K你還是要替換這張圖片的。把自己當(dāng)做X光掃描儀來(lái)看模板最好，剝掉皮肉，只看骨架，骨架是不可更改的部分。骨架適合內(nèi)容的，才是合適的模板。勾勒出骨架后，再根據(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ù)量一致。但是從視覺(jué)協(xié)調(diào)上考慮，不同的模板的欄目數(shù)量修改性差異很大。

 

　　欄目數(shù)量修改性強(qiáng)

 

　　欄目導(dǎo)航縱向排列的模板修改性最強(qiáng)，無(wú)論是增加還是減少欄目數(shù)量，對(duì)畫(huà)面的平衡感影響都很低。如果需要的欄目數(shù)量并非主流的3-6個(gè)時(shí)，建議使用此類模板。

 

欄目數(shù)量修改性中等

 

　　對(duì)于欄目3×2排列的模板而言，除了默認(rèn)的6個(gè)欄目數(shù)量，單行3個(gè)欄目同樣美觀，此類模板有一定的修改性。但是如果是4個(gè)或者5個(gè)欄目，在這類模板上，依然顯得畫(huà)面不平衡。所以此類模板建議欄目數(shù)量恰好為一行或者二行的小程序選用。

 

欄目數(shù)量修改性弱

 

　　欄目呈現(xiàn)環(huán)形排列的模板的欄目數(shù)量修改性較弱。下圖的兩個(gè)模板如果將欄目減少到5個(gè)，環(huán)形就會(huì)出現(xiàn)明顯的缺口，可以說(shuō)只適合有6個(gè)欄目需求的小程序。

 

　　選擇首頁(yè)模板時(shí)，如果有和需要的欄目數(shù)量完全一致的模板，就優(yōu)先選擇數(shù)量匹配的；如果沒(méi)有數(shù)量完全一致的模板，就選擇可修改性強(qiáng)的。

 

　　2、背景圖的選擇

 

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

 

　　顏色

 

　　首先需要決定的是背景圖選擇深色還是淺色系。比如下圖，模板的欄目導(dǎo)航使用了有透明度的白色色塊，欄目文字和圖標(biāo)都是白色。這樣的模板必須選擇深色的背景，一旦用了淺色背景，欄目導(dǎo)航根本看不清楚。如果欄目導(dǎo)航的色塊是彩色的，那么背景圖最好與色塊有相互的呼應(yīng)，接近色塊顏色，否則色塊與背景兩者間的脫節(jié)感就會(huì)非常強(qiáng)，各自為營(yíng)。不同的模板對(duì)背景圖的布局要求也截然不同。有些首頁(yè)模板強(qiáng)調(diào)欄目導(dǎo)航部分，欄目部分所占面積較大，那么背景不易喧賓奪主，有一定模糊處理的，或者簡(jiǎn)潔、純色的圖片較適合成為背景。有些模板明顯為圖片的焦點(diǎn)位置預(yù)留了空間，那么背景圖片最好是有突出的中心點(diǎn)的特寫(xiě)圖片，不適宜使用全景圖片、過(guò)分鋪滿的圖片，需要有適當(dāng)留白。在尋找、處理背景圖片時(shí)，需要注意空間位置感，避免欄目和背景圖案的重疊遮蓋。

 

　3、圖片&色彩工具

 

　顏色搭配

 

　　由于小程序是多頁(yè)面的，色彩的協(xié)調(diào)和統(tǒng)一就非常重要。首先根據(jù)產(chǎn)品或者品牌形象確定你想要的調(diào)性，比如賣(mài)糖果的商家追求甜美可愛(ài)風(fēng)，那么可以以粉色為主，圍繞粉色進(jìn)行色彩搭配。一般選用1-2種主色調(diào)，配上1-2種輔助色，避免太多顏色混雜使小程序的頁(yè)面看起來(lái)臟亂。顏色搭配的選擇可以參考大品牌海報(bào)、網(wǎng)站的色彩搭配，也可以使用配色網(wǎng)站。