指南目录：

1.图标组件

1.1 点击 [ + ] 按钮新建组件

1.2 选择 [ 中型 ] 和 [ 图标组件 ] 类型

1.3 按照图内顺序选择 [ 图标 ] 和 [ 打开程序 ] 等信息

1.4 显示已选择的 [ 中型 ] 卡片

1.5 进入桌面编辑模式，添加 [ 像素组件 ]

1.6 添加 [ 中型组件 ]

1.7 点击桌面添加的 [ 中型组件 ]

1.8 点击 [ 选取 ] 卡片

1.9 选择 [ 中型 ] 卡片

1.10 显示已选择的 [ 中型 ] 卡片

1.11 点击 [ 完成 ] 编辑模式

Continue reading "Pixel Widget 像素组件 – 使用指南"

背景

在 App Store 上架至今，个人独立开发基于 iPhone、iPad、Watch、TV、macOS 上架总共也有 10 多个 App 了，时间跨度有 4 年。一直遵循最小可用加持续迭代的原则，取得了大部分 App 排行不错的成绩，获得了经常被 Today 推荐的机会，也有独立的 Story 故事。

这篇文章主要是从 High level 的视角给广大独立的小伙伴分享下自己的一些经验，希望对大家有所启发。

App 介绍

Avatar，今天的主角，从开发到首次上架，一个人花了 1 周时间的一款小众二次元卡通类 App，基于苹果原生面部识别技术，类似自定义 Facemoji 的效果。整体技术难度中等，本文重心在于介绍整个流程。

从零开始

这款 App 的 Idea 来自近期在 YouTube 比较热的基于 Deepfake 一些视频，这里在 B 站搬了一个原版视频可供参考 https://www.bilibili.com/video/BV1Mv411i7Bv/ 。研究了下使用 Deepfake 的制作流程，突发奇想是否可用利用 iPhone / iPad Pro 的面部识别技术做一个类似 Facemoji 的效果，主题是二次元的角色符合 B 站风格。这里有使用这个 App 录制的简单的视频，https://www.bilibili.com/video/BV1UZ4y1K7pW

整个产品从 0 到上榜需要三个阶段：

1. 设计开发
1. 发布上架
1. 宣传工作

从准备到上架 - 1.设计开发

作为独立，首先要积累一个产品所需要的各方面动手能力，大家可用根据自己的能力和时间规划产品的计划，以下是 Avata 开发的时间进度：

第1天

面部识别：这个如果记得没错，应该是基于苹果 iOS 11/12 开放不久的技术。这个对代码非常娴熟的小伙伴应该不难，首先去苹果官方的开发者网站看看，如果官网没有 Demo 可用从互联网搜索下是否有相关的教程或者可运行的代码作为参考。

第 2 天

卡通制作：因为是基于二次元卡通形象，这部分主要是借助互联网的力量搜索到不少的素材，下来就是需要使用熟练的图形软件来将各个面部零件对应面部识别，我个人比较熟练的是 Photoshop。因为需要大量的切图和分层工作量，首次上架定了 5 个卡通模型。

第 3 天

界面设计及综合调试：为了快速上架，并没有在 UI/UX 部分过于纠结，可用看到目前的界面基于大家最熟悉的 App Store Today 的风格，首版因为只有 5 个模型，所以也没有使用 Table 等复杂空间，直接静态，界面总共 4-5 个 ViewController 就可以搞定，没有做任何特效。

从准备到上架 - 2. 发布上架

第 4 - 6 天

提交版本：根据多年的经验，这一步一定要越早做越好，越早做越好，越早做越好！
建议首发版本 TestFlight 和正式版同时提交，这两个审核流程是并行的。如果 TestFlight 先通过审核，可用发给小伙伴帮忙测试。如果正式版一次通过，那么恭喜你！

回到 Avatar，因为使用了摄像头及面部识别，审核遇到了隐私的问题。一开始偷懒我使用了已经上架的模版，这次设计面部数据，苹果的隐私审核异常的严格，所以要做要反复英文沟通和修改程序描述并重新提交的准备。因为时差的原因，苹果审核团队一般都在北京时间的凌晨开始干活，来回几次用了 3 天时间。

遇到了 Metadata Rejected，可以重新提交一次版本，如果第 3 天的 TestFlight 正常通过，那么这一版可以简单修复小伙伴们测试出来的 Bug。

这里有个 Tips，建议先在 Resolution Center 回复完成后，再提交新的版本。另外，如果你觉得可能遇到审核团队使用你的 App 会遇到问题，可用预先录好操作的视频，写在每个版本的 App Review Information 里面。

Continue reading "独立开发 7 天从 0 到 App Store 排行前 10 的经验分享，以最近上架的 Avatar 为例"

Category: App

Pixel Widget Instructions (EN)

1.Widget Icon

1.1 Click [ + ] to create a new widget

1.2 Select [ Medium ] and [ Widget Icon ]

1.3 Follow steps with [ Icon ] and [ Open Application ]

1.4 Display [ Medium ] card

1.5 Enter screen edit mode and add [ Pixel Widget ]

1.6 Add [ Medium Widget ]

1.7 Find [ Medium Widget ] on the screen

1.8 Select [ Choose ] card

1.9 Select your icon card

1.10 Display your icon card

1.11 Click [ Done ] to finish edit mode

Pixel Widget 像素组件 – 使用指南