Flag壁纸生成器诞生记

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

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

在线预览（建议使用微信扫描二维码）

方案1 小程序版

想法构建

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

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

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

设计定稿

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

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

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

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

总结分析

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

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

方案2 网页版

这里本来想说 h5 版

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

目标明确

第一步，疯狂减法！

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

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

功能改进

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

v1 时的小F 长得比较朴素：只支持深浅两个主题，和基础操作

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

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

v2 时的小F 看着比之前强壮了许多！（非常感谢愿意陪我唠的朋友们）

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

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

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

尾声

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

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