创实同城后台操作指南6-首页装修之换皮肤

创实互联的同城APP有很大的自由性，代理商们不仅可以自己觉得APP叫什么、用什么样的APP图标，还可以在不同的版块进行图片、关键字的设置，以及对同城APP内的界面进行调整，这也就是我们常说的界面皮肤。不同主题的皮肤能够给人们带来不同的使用体验，迎合各种节日给同城APP替换成相关要素的界面皮肤，也能够更好地搭配平台的营销活动。

那么现在，小创就和大家分享一下如何更换同城APP的界面皮肤吧。

设置皮肤的界面在首页-系统基础设置-模板设置-换肤设置中，在这个页面，我们点击新增皮肤，即可开始创建新的皮肤。

点击新增皮肤后，首先要给我们要设置的皮肤取个名字，方便我们查看这是什么元素的皮肤，假如我们要新建一个元旦的皮肤，那么我们的肤色名称就填写元旦；后面的肤色描述可以根据皮肤的特点进行描述，例如元旦的皮肤我们以红色调为主，那么我们就可以填红色调、默认图标等等，当然，如果觉得没有必要，我们也可以不填写描述。

最后顶部颜色类型是指APP顶部状态栏的显示，可以选择颜色为背景色，字体为白色；或颜色为字体颜色、白色为背景两种选项。

当我们做完这些基础设置，点击右下角的新增，就增加了新的系列皮肤，当然，到现在为止我们还只是做完了第一步，接下来我们需要找到刚做完的皮肤名称，在这里要说明一下，皮肤是根据创建时间进行排序的，最新创建的皮肤在最下面。

找到我们刚才创建的元旦皮肤，点击设置，这时弹出了更详细的皮肤设置窗口。这才是我们本期主要学习的设置内容，大家不要看它好像特别多，其实设置的方法基本相同，只要给相应的按钮或版块设置图片就好。

换肤设置主界面

图中序号对应下列序号说明

图中序号对应下列序号说明

1、主色调设置

首先我们来看关于主色调相关的设置，这个是显示在各个页面的顶部和底部的背景颜色，可以设置成渐变颜色或者纯色，但是要注意，我们不要将它设置成白色哦。

2、色调设置

在色调设置中，我们主要要设置四种颜色：

底部首页菜单选中颜色是指主页面下方菜单栏字体的颜色；

底部首页菜单未选中颜色则与上一条相反；

标题颜色则是指页面顶部的标题字体颜色；

最后默认加载图背景颜色，我们将在第六点启动页面设置中一起来讲。

3、底部菜单图标设置

底部菜单图标是指同城APP内底部导航栏的主要图标，如果使用的是V7.0以下的客户端，可以直接在此处设置，若是7.0以上的客户端，我们要点击首页-系统基础设置-主菜单设置-新建导航栏来进行底部菜单图标的设置。

上面就是设置底部菜单图标的界面，我们可以针对图标样式、名称以及跳转的页面进行设置，其中，关于图标样式我们依旧可以自行设计，而尺寸要求在60*60px、大小在20KB以内的PNG图片才可以。当我们设置完后点击保存，回到应用主菜单的界面点击上线，即可使用我们刚设置好的主菜单了。

4、按钮图标设置

这一项设置是相关的按钮图标，像是后退、搜索、定位等等，可以使用系统自带的图标，也可以自行设计上传更具特色的图标，但是有一点要注意，我们自己设计的图标要求在50*50px的尺寸并且大小在20KB以内哦！

5、首页按钮图标设置

首页按钮图标则是APP首页的扫一扫、消息、签到这三个图标，和第4点中按钮图标设置一样，可以选择系统自带的样式或自己设置，而首页按钮图标的要求是50*50px的尺寸并且大小在20KB以内。

6、启动页画面设置

启动页面设置是指网络波动或加载时显示的图片，它只能上传640*640px的尺寸并且大小在200KB以内的PNG格式图片，而第2点默认加载图片背景色中的颜色，则是这个PNG图片的背景色。

7、外卖购物车设置

最后则是购物车图标的样式，它可以上传多种购物车图标样式，同时要求尺寸是120*130px，大小在200KB以内的PNG格式图片。

点击启用

当我们创建完整套皮肤后，返回到换肤设置点击启用，即可让同城APP换上新“衣服”啦！

本期关于更换皮肤的内容看上去好像很复杂，但实际操作之后，其实并没有大家想象得那么难，大部分操作都是在换图片，只要我们弄清楚相应的图片在什么位置，那么我们就能很轻松地完成更换皮肤的操作。