目前市场上主流的第三方小程序开发平台基本都是模板流，即用户自主选择模板，替换模板中的内容，制作出操作相对简单的专属小程序。

用同一个模板，有的人可以做疯狂又酷的小程序，有的人可以做脏东西。前者被称为“别人的小程序”。作为模板玩家，为什么买家秀和卖家秀有差距？那是因为你没有使用模板的技能。

这个教程被称为“不管你的艺人是跟嫂子跑了，还是回家生孩子了，都可以做一个小程序教程，好看又爆。”

我们以10月31日上线的泛客云业务小程序的自定义模板为例，来实际玩一个小把戏。

模板选择

因为图片是可替换的，模板实际上是一个骨架。选择模板时不要被漂亮的图片所迷惑，因为你最终会替换这张图片。

把自己想象成一个x光扫描仪，看看模板。剥了皮只看骨架，这是不变的部分。如果骨架适合内容，就是合适的模板。

上图为表面，下图为本质

勾画好骨架后，根据小程序的内容、结构、列数和标题长度选择合适的模板。其中，最需要注意的是列数。栏目相当于小节目内容的一级标题，相对固定，很难随意增删。主页模板的主要限制在于列数，所以列数是选择主页模板的最高优先级。

泛客云业务小程序首页模板中的栏目模块会根据你实际输入的栏目自动调整，并不是一定要和模板中的数字一致。然而，从视觉协调的角度来看，不同模板中的列数差异很大。

背景图片的选择

背景图不是喜欢就能用的，也不是用起来绝对好看的好看图片。需要结合模板布局的观察和模板现有颜色的匹配来选择背景图片。

颜色

首先要决定的是背景图像应该是暗还是亮。例如，下图中，模板的列导航使用透明的白色色块，列文本和图标都是白色的。这样的模板必须选择深色背景。一旦使用浅色背景，就根本看不清楚列导航。

如果列导航的色块是彩色的，背景图像最好是相互呼应，接近色块的颜色，否则色块和背景的脱节会很强。

例如，下图中的模板使用黄色和橙色暖色的列色块。如果使用暖色背景，画面整体色彩协调，看起来很舒服；加上酷炫的背景，画面色彩突兀凌乱，视觉效果很差。

图片布局

不同的模板对背景图片的布局有不同的要求。有些主页模板强调栏目的导航部分，栏目占用面积大，背景不容易以主人自居，而且有一些模糊处理，还是简单的、纯色的图片更适合作为背景。

有些模板明显为图片的焦点位置预留了空，所以背景图片应该是中心点突出的特写图片，不适合全景图片或者过覆盖图片，适当留白。在寻找和处理背景图片时，需要注意空之间的位置感，避免重叠和覆盖列和背景图案。

色匹配

色匹配

因为小程序是多页的，所以颜色的协调统一非常重要。

首先，根据产品或品牌形象确定你想要的调性。比如糖果卖家追求甜美可爱的风格，可以用粉色为主色调，搭配粉色周围的颜色。

一般选择1-2种主色搭配1-2种辅助色，避免过多的颜色让小程序的页面看起来凌乱。

配色的选择可以参考大品牌海报和网站的配色，也可以使用配色网站。比如:花瓣网。安利人人都有网站:

LOL颜色

http://365jia.cn/resources/lolcolors/

这是一个有趣的配色网站。当你把鼠标移到水滴上时，颜色代码就会出现。只需复制代码并粘贴到小程序的背景中。

不同的行业有不同的选择

对于不同的行业，用途不同，模板当然也不同。除了默认的空白色模板之外，潘珂尚云还推出了8种不同的模板，可以进行一定程度的修改，大家可以根据自己的需求进行选择。

模板示例

看完这个教程，是不是不能控制独角兽手臂，想试试小程序？

加入泛客云业务小程序，共创美好新世界。

柯凡尚云咨询电话:4008822365

咨询微信:wjrxkf009

官方网站:https://yunshang.365jia.cn/