[原创内容] 玩一下IOS主题

前言&思路
众所周知，目前IOS可以通过快捷指令(shortcuts)来更改APP的图标(不知道的待会看Shortcuts部分)，但是一是APP的图标并不好找，二是很多时候不契合背景主题不够灵活。比较有局限性，然后我们也会经常看到如下图所示的一些匹配背景颜色的APP图标，但是这些都是收费的，而且你一旦更换背景主调颜色你就需要整个更换APP图标。
[quote]所以这里分析下所示图的例子，其实就是三个部分：
背景桌面
APP色块
APP icon 矢量图
如上的三个部分，就可以构建成不同色调的IOS主题。所以我们的思路是只需要存储一套APP icon矢量图，根据自己每次想更换的主调，先确认好背景桌面，再确认APP色块，再通过快捷指令(shortcuts)来批量制造APP图标即可。这里我会提供两个供批量操作的shortcut指令，请把素材罗列篇同快捷指令篇好好看完，不然无法批量操作。[/quote][img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-1q5xK25T3cSm2-hn.jpg.medium.jpg[/img]
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-5ivpK2kT3cSm2-gk.jpg.medium.jpg[/img]

素材罗列篇
为了增加KPI，楼主打算分两个贴，分别是主题素材收集贴，以及本贴是讲如何客制化IOS主题的，抛砖引玉，授人以渔，希望大家能打造属于自己的主题。
我想大部分人都没有一个很好的审美，无法一步到位找对自己的风格(别喷我！)，我会建议一开始大家找一些已经比较成熟的IOS主题配色来做参考，复刻成自己的第一个主题，接下来我会介绍简单介绍下如何分析以及复刻的过程。

主题主基调分析&建议
分析:
[quote]首先，此图的背景桌面是一个最常见的沙滩，随处可见很好找，不需要可以去找一模一样的背景图。其次，APP 色块大家可以看到是四个颜色，待会下层会讲如何抓取色块。第三，我们下载矢量图即可或者自制文字矢量图[/quote]建议:
[quote]为了美观以及减少工作量，请将不常用的APP直接移至APP资源库，操作方法：右键长按APP-移除APP-移至APP资源库。[/quote]APP色块
摸出色块颜色其实有很多种方法的，有各种工具可以显示出RGB，但是这里我们是投机取巧，所以我们要做的是，放大图片，截取那部分颜色的色块，然后通过快捷指令(shortcuts)来批量剪裁成合适的大小。
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-2eslK1xT1kS6f-dw.gif[/img]

截取自己想要色块，然后双击放大再截图即可得到。再通过Shortcuts的剪裁指令来批量处理所有的色块。
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-jtnfK1iToS6f-dw.gif[/img]
看版本下载，IOS14的快捷指令跟IOS13不兼容

利用上述Shortcuts指令我们可以得到如下四张350x350的色块背景。大家可以试一下直接手机保存我这张图片，利用我上述方法得到四个独立的色块背景。
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-csgkK5T3cSsg-74.jpeg.medium.jpg[/img]

APP 矢量图
这里我们用的矢量图是背景透明的单色矢量，这里我拿Iconfont网站来举例子啦。请用浏览器打开以下链接打开Iconfont网站，因为矢量图颜色也是可以自行决定的，请参考下面的颜色-RGB数字对应网站进行调整。[quote]注意！必须将矢量图标放入iCloud文件！不可以放入相册！相册会讲PNG改成JPG格式！[/quote][img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-jlhdKzT1kShs-12i.jpg.thumb.jpg[/img]

实施篇
现在我们手上已经有了四个色块，若干APP矢量图标，请使用以下Shortcuts指令来讲矢量图同色块进行叠加。
[quote]因为坑爹的IOS14 bug，我们不得已只能设置每次批量处理图标的数量，我设置成5次，小伙伴可以自行修改，如何修改请看Shortcuts的介绍。[/quote]SHOW TIME!
Warning：把色块先复制到剪切板！

(原因是因为我们要将A覆盖到B上，色块只有4种，矢量图标确是独一无二的，针对同一个色块的APP，我们复制一次，就可以用Shortcus产生多个App图标)
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-77f0K1iToS6f-dw.gif[/img]
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-1n1fKvT3cSsg-e8.jpeg.medium.jpg[/img]

至此！我们已经搞定了APP图标！接下来我们要动手更换桌面上的图标了！

布局
这里推荐大家下载一个APP叫“Widgetsmith”，可以将照片/文字等更换成小组件，还有各种其他第三方APP，大家随意。具体如何把APP图标更换成自制的图标，可以看后面Shortcuts篇的Case 1.

方案一：自制APP图标+背景图
此图为楼主向图1复刻，自己用的话搞随意点！
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-jnovZlT3cSu0-wh.jpeg.medium.jpg[/img]

方案二：只有色块+背景图

偷个图，自己懒得搞了
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-9987K28T3cSj6-y3.jpg.thumb.jpg[/img]

快捷指令篇

这里剪裁跟叠加用到了两个快捷指令，就简单说下。

[quote]请注意，IOS14更新后，Shortcuts出现了比较多的bug，于此同时IOS14的指令同IOS13之间无法通用，所以case 1跟case 2请获取自己手机相应版本的链接。Case 1 跟Case 2指令分享在上面可以找到[/quote]Case 1 ：更换APP图标
市面上已经有很多更换图标的方式了，如下我就选了一个IOS13的例子。也可以看下图

[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-fp5sZhT1kShs-2o8.jpeg.thumb.jpg[/img]

Case 2 ：批量更改图片大小

这里就不具体描述每一步了，大家可以直接获取我分享的指令链接，也推荐自己搭，可以直接在图2的搜索栏里头搜索“选择照片” ，“裁剪图片” 以及“照片”(这里选择存储到相簿)来触发关键词找到。
[img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-h2e8K1wT1kShs-1ag.jpg.thumb.jpg[/img]

Case 3: 图片批量覆盖

这里有几个坑爹的事：
正确思路(For IOS13)：
[quote]首先选择获取多个文件 然后用到了重复(loop)，第一步获取了多少文件就会重复多少次叠放文件到剪切板这个过程(这里注意是文件叠放在剪切板上，所以矢量图放文件，色块是剪切板，一次能做出多个同色块的App图标)。 然后将得到结果存储到相册(此处同case2，相簿是会跳弹框让你选择相簿)。[/quote][img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-7h7sK2gT1kShs-1dd.jpg.thumb.jpg[/img]

补救方案 (For IOS14)：
[quote]鉴于我们无法一次获取多个文件，于是我们需要改变成如下策略 重复5次如下步骤：获取文件，叠加图片，存储。[/quote][img]https://img.nga.178.com/attachments/mon_202011/06/-7Q5-fp8kK23T1kShs-1ck.jpg.thumb.jpg[/img]

Shortcust指令分享(Case 2 & Case 3)：

Case2 剪裁- Shortcuts 链接分享如下：
Case3 叠加 - Shortcuts 指令分享如下：
最后加个视频

[url]https://b23.tv/NMMZJP[/url]


OVER!!!