我的全栈开发日记之色彩app
大概1个多礼拜前，
我上线了第一款ios 应用。
第一款应用，
把全栈开发的各个环节都摸了个遍，
接下来就可以轻车熟路的开发
第二款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、丰富功能，增强体验。
这个过程我主要是探索了一些好玩的形式，融合进来。
增加了一个色彩配比的功能。借鉴了蒙德里安的名画，把色彩的比例融进这个画里。用户也可以用这个功能创作一些蒙德里安的“变种”😄～
上面是一个东方色彩库，收集了日本跟中国的传统色彩，点击屏幕可以体验色彩透明度的变化，摇一摇可以随机出现其他色彩。
（我管这个叫“灵感”）。
以上4点是这阵子的感悟。
我会继续丰富功能，探索、增加好玩的功能。
也欢迎有兴趣的apple用户来试用啊～～
微信留言。
本号发布内容主要为设计&科技方面