Flag壁纸生成器诞生记

​ 某天,有条咸鱼意识到需要改变一下生活习惯,使用记事本记了一段小目标,疯狂找小型工具把图片做成壁纸,形式主义地鞭策自己。

​ Flag 壁纸生成器的点子,源自某次的间歇性踌躇满志。下文中,以 小F 代称 Flag 壁纸生成器 这个小朋友。

在线预览(建议使用微信扫描二维码)
Flag壁纸生成器诞生记_第1张图片


方案1 小程序版

想法构建

最初想得很多,天马行空,啥都想做进去,希望做的越全越好

整个打卡,可以每天签到,选自己的完成度;再整点鼓励的沙雕话?…
一整个周期结束,完成度达到多少,可以获得一枚徽章;完成度影响徽章颜色 …
整个荣誉殿堂,或者收集图鉴的那种,游戏的感觉安排上!…
都有图鉴了,那是不是得搞个名称头衔来着?有点意思 …
完成打卡后的分享图片,想做好久了,安排安排 …

回想起来,依然会觉得很兴奋。希望把 小F 变得有趣一点

设计定稿

让我冷静下来的是在构想原型,实现方式的时候

首先,我去体验了许多的打卡类,习惯养成类的小程序。
灯塔的界面真的好好看!是社区耶,我这是工具吧?UI可以好好学学!
打卡鸭的界面也好有特色,学学学!…
体验产品,最后都变成了学UI风格,这画风好像不太对?

在体验的同时,也在考虑要如何实现具体的功能
首页是可以创建Flag的表单,或为拔Flag期间的打卡页面;
打卡期间,是否允许用户去修改打卡内容;允许的话,是否加限制;
打卡界面怎么样设计会更好用,便捷得选择完成度;
表单和打卡列表可以相互切换的话,保存壁纸的按钮放哪会比较合适;
图鉴的话,每个标显示的图和名字,和每个Flag内容相关的话,要怎么设计能简化实现方式 …

那段时间一想到这些问题就头痛欲裂,又想不出怎样解决问题。小F 差点就在那段时间被扔到想法垃圾桶了

总结分析

前一阶段,整体出了大问题:我想造的孩子,到底是以生成壁纸为主要任务,还是以打卡监督为主要任务呢?这是个关键问题,一旦混淆,要素越堆越多。

考虑之后,带着 小F 选择了前者。后者这么多好用的产品,用着不香吗?
做出来,自己可能都不会用(尬笑,净说实话)


方案2 网页版

这里本来想说 h5 版

但是,电脑也可以打开用 不全是移动端 嘿嘿(草率虎子

目标明确

第一步,疯狂减法!

说实话,我是个废话大师,经常性的会把东西想复杂,比如上文。在这一阶段,是时候展现真正的减法技术了(可惜啊,并没有多少)

砍掉了所有和打卡有关的内容,只剩下了立Flag,生成壁纸

功能改进

“简单,易用的工具“ 是 小F 的页生信条啊!给爷冲!

v1 时的 小F 长得比较朴素:只支持深浅两个主题,和基础操作
Flag壁纸生成器诞生记_第2张图片

经过身边朋友们的使用后,大家普遍具有强烈自定义的需求:换背景,换字号,换字体等等。我这个想得比做得多的小咸鱼,没有直接上手改,切换到了吹水模式。

有关字号的需求,深入交流后发现,主要由于比例失调,页面太空。要不不给手动改,算有几行字,自动调大小,多智能哇~ 容易翻车,还是按钮香。小米系统设置,多好的参考案例啊!
字体没考虑实现,因为如设置系统字体,壁纸下载时也是带系统字体的。系统设为默认字体,想要自定义壁纸字体的人,不多吧,不多吧?
自定义背景图实现后,测试时发现容易出现两个主题的显示效果都不好的情况,故又添加了可以选择加底色的功能。

v2 时的 小F 看着比之前强壮了许多!(非常感谢愿意陪我唠的朋友们)
Flag壁纸生成器诞生记_第3张图片

除去自定义的建议外,还收到过一个提议:显示最热Flag主题。我起初是非常兴奋的,这个点子从未想到过!开始陷入纠结,放哪会比较合适又自然。灵光一现,可以把内容融入显示的表单初始值里!妙哉!

目前,我没有做这个功能:如果我是一个和 小F 偶遇的朋友,希望给自己打一针鸡血,会希望其他人看到自己的 Flag 内容吗?也许只有管理员虎鲸同学在测试时会看到,即使如默认值里的一样,只是一句简单的早睡早起。

小F 做个简单的踌躇满志见证器 好像也挺好。

尾声

小F 是虎鲸同学第一次以实用为主要目的造的小东西,遂记下这篇排版混乱的流水账以作纪念。很高兴遇见你,小F!虎鲸同学会继续前进哒~

GitHub仓库地址:https://github.com/flashhu/flag-wallpaper
可以拥有一个star吗 (〃‘▽’〃)

你可能感兴趣的:(从0到1)