博客已经两个月没有更新了,我去干啥了?这次不是偷懒,去搞了个大活!
连续做了几款图片导出工具后,这次决定做一个复杂点的,覆盖场景更丰富点的图片美化工具。结合前面的经验,技术上已经没什么障碍了。 这种产品的唯一的挑战是 UI 设计,和部分功能的 UX。产品的审美一定要在线,才能吸引别人来使用你的工具。
名称 | 链接 | 图片 |
---|---|---|
封面图生成 | spacexcode.com/coverview[1] | ![]() |
文字卡片生成 | spacexcode.com/memocard[2] | ![]() |
代码图片生成 | spacexcode.com/codeimage[3] | ![]() |
所以我也是借鉴各种已有的相关产品,前期做了很多的调研。才渐渐确定了目前的软件设计。经常多次迭代,算是 1.0 版本吧,有了多款模型之后, 决定正式发布上线,对外推广。
这个产品的核心就是提供不同设备和场景下的模型,根据用户的喜好配置参数,然后导出适用不同平台尺寸的图片。
整个界面分为三大块,按左 - 中 - 右的布局,页面全屏显示,不出现滚动条。左边为模型和框架的选择、参数的配置区域,中间是预览和一些功能 按钮,右边是对图片的布局和变换样式的选择。
![753cf179f4e6785a0c396e40a6c99729.png](https://img-blog.csdnimg.cn/img_convert/753cf179f4e6785a0c396e40a6c99729.png)
相较于市面上其它产品,我加了一个亮点功能:一键保存当前配置,方便下次替换图片直接使用。
后续迭代计划:
丰富模型库,提供更多的场景覆盖
部分 UI 组件美化,例如滑动组件,一直不满意它的样式
社区搭建,方便大家使用交流
独立开发一款产品真的很费心力,需要充当多面手。但是如果做成之后收到大家的关注和使用,感觉一定会很棒!这也是支撑我一路做下来的动力。
先做成一件事,这是我接下来不断付诸实践的目标。如果你也在从事开发工作,对自己的职业很迷茫,可以看看这篇W.I.N第二曲线手册[4]。 也许会有所收获。
参考资料
[1]
spacexcode.com/coverview: https://spacexcode.com/coverview
[2]spacexcode.com/memocard: https://spacexcode.com/memocard
[3]spacexcode.com/codeimage: https://spacexcode.com/codeimage
[4]W.I.N第二曲线手册: http://symbol.iamkasong.com