我的全栈开发日记之色彩app

记录开发的点滴。...



大概1个多礼拜前，

我上线了第一款ios 应用。

spyfari明信片创作APP「 正式上线」

第一款应用，

把全栈开发的各个环节都摸了个遍，

接下来就可以轻车熟路的开发

第二款app啦～

在2.25号我开始构思产品原型。

出发点是要做一套［设计师工具］，

系列第一款题材选择了“色彩”。

希望可以创作出不一样的工具型APP。

到目前为止，我已经完成了核心的功能，开发过程中听取了部分用户的反馈。今天抽空把开发过程中的经验总结分享下：

1、产品原型一定是这个产品的最核心玩法，可以参考最小可行性产品的做法。

切记不要一开始堆得满满、看是很完善的功能，比如一些用户注册登录、点赞之类的这种次要功能。



这张是我这款app最核心的玩法，选取一张照片，自动分析出色彩。这个过程，我探讨了各种实现方案，由于开发用的是react native，我一开始考虑的是用一个webview来解析image的像素，用的是canvas元素，后来放弃了，因为选取照片用的是原生的方法，从相册或者摄像机选照片，然后如果传到webview里处理，还要从webview里把处理的信息传出来，而且涉及到像素的遍历，很耗性能。果断放弃这一做法了。

通过研究，还是采用了写Objective-C的代码，来实现image的像素解析，遍历，归纳主要色彩。写了个模块，通过RCTBridgeModule协议实现。

2、快速迭代，完善最小产品。技术上没问题后，我搞了个不完善的demo找了几位设计师朋友，帮我试玩了下，得到不少反馈，包括色彩的rgb跟16进制、色彩的比例、色彩的准确性等等。我都记下来，在后续的迭代中逐步考虑。下面是一些产品设计的进展。



迭代过程中，我调整了用户体验的细节。比如页面的跳转逻辑、步骤拆分、合并、提示、反馈等等。



右上方这个是给用户一个反馈，提示正在处理图片，左上方是一个色彩库（这个功能我一只在完善，补充）。



上面是编辑功能，跟可另存为图片跟分享出去的卡片。

3、在快速迭代过程中，准确定位产品。

一开始想清楚产品的定位是很难的，时间也太长了，我采取的是在最小产品迭代过程中，逐步思考，

最后我把产品定义为

“采色”－“灵感”。

一个工具型＋灵感库的app。



左上方是灵感库，右上方是此版本app的定位。

4、丰富功能，增强体验。

这个过程我主要是探索了一些好玩的形式，融合进来。



增加了一个色彩配比的功能。借鉴了蒙德里安的名画，把色彩的比例融进这个画里。用户也可以用这个功能创作一些蒙德里安的“变种”

    关注 自在园O设计Mix科技实验室