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

2018-04-16 16:49:28 浏览数 (1)

第一款应用,

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

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

第二款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用户来试用啊~~

微信留言。

0 人点赞