他种有机蔬菜、他搞全景摄影、他自己设计制作硬件产品,他还是个程序员,并以此为生。罗晨,他是Markdown编辑器Mou的作者,他就是一位生活在农场上的独立开发者。提起我们这个时代的码农们,人们联想到最多的是“加班”、”赶进度“、“不健康的生活方式”……好像这些是和编程密不可分的衍生品。然而,在罗晨身上我们看到另外一种可能性,我们可以,活出自己想要的现实

MouStand——让梦想变成现实

我十分喜欢 Mou 的 logo,这个形状是想象出来的,之前它在现实中并不存在。但是我把它变成了现实。

为什么要自己做一个 Markdown 编辑器?

我刚开始知道 Markdown 这个语言,就觉得挺有意思,想找一个 Markdown 的编辑器。当时有两个收费的编辑器。其中一个中文支持不太好,老跳,一打中文的时候那个键上下跳。另外一个预览界面和编辑界面是分开的。要想预览就得点一下预览的命令,不能同时显示。我想要左边编辑右边预览,这样就可以实时预览,一边编辑,一边显示的,可是没有。那没办法,市面上没有只能自己做。然后我就做了。

Mou 的同步滚动还不精确。因为我这个是按照左右两个窗口的长度,百分比来算。同步比较难做。如果要精确匹配只能按元素。比如左边是二级标题,第一个二级标题对右边的二级标题,这样来算定位才准。但是我现在还不知道怎么做。

你很喜欢这个 Mou 的这个 logo?

是的,Mou 现在的 logo 是方迟设计的,我非常喜欢。第一个版本的 logo 是我画的,但画的不好。后来在丁一的介绍下能够有幸请到方迟为 Mou 重新设计 logo。我当时的要求就是简洁,突出 M。我觉得他设计的非常棒,这种造型是方迟想象出来的,之前现实中并没有这种形状的物体。我非常喜欢这个造型,以至于我想把它变成实物。但设计 logo 和把它变成实物是两码事。当初设计 logo 的时候并没有考虑到要做成实物。

Mou 最初(第一个公开测试版 Mou 0.6.0)的 logo,2011 年 9 月,罗晨设计:

Mou 0.6.4 的 logo,2011 年 10 月,方迟设计:

Mou 0.7.2 的 logo,2012 年 8 月,方迟设计改进,沿用至今:

既然关于 MouStand 这个实物所有的一切都是你自己设计的,那就从包装讲起吧。

包装我考虑过纸盒,但是不太结实。瓦楞纸是柔性的,柔性的一压就压坏了,怎么办?现在快递都比较暴力,所以我们需要刚性的包装。这个木制包装盒是指接结构。它有一个优点就是稳固、特别结实,可以保证长途的运输当中里面的东西不受损害。材料当然是越轻越好,轻点可以省邮费,但是不能太轻,因为还要考虑到强度。当时我就考虑两种材料,一种是桐木,非常轻。第二种是松木。但是桐木要是这个厚度不结实。一踩上去就碎了。松木的踩上去没什么问题。

发货的时候木盒的外面还要套一个瓦楞纸箱的,刚柔并济,多一层保护。

你看上盖只采用这两根木条,而这边没有。这是为什么呢?这个刚好可以扣住,如果这边再加两根木条,就扣不住了,会顶住 MouStand 上边这两个腿,就需要把这个盒子再高一点,那样就浪费材料了。考虑到强度、也考虑到节省材料。尺寸都是匹配的,为的是最大限度的节省材料。

包装上的标签也是我自己设计。我的风格是属于简洁素雅的风格。大面积留白,上面一条是黑底白字,其余是白底黑字。盖子里面的标签注明它的详细规格。每个 MouStand 重 36 克(一个 Color Packs 套装包含 4 个 MouStand,木盒重 200 克。但是有误差,误差我故意写的大一些。比如木头里面有水分,水干了之后会变轻,湿度大还有可能变重。

这些东西加起来,再加外面套一个纸箱超不过 500 克。为什么 500 克?因为发货我采用邮政,EMS 是按 500 克来算,500 克以内是一个价格,501 克又加钱就不划算了,所以保证 500 克以内。

再说说产品本身。

我去年用银子,锤子凿出来一个比这个小的形状。用银子敲成银丝。再折一下。也是用锤子敲一下,折三次成这样,比这个小。

去年(2012 年 7 月)用银子凿出来的 Mou 的 logo:

再回到 MouStand,开始时,我想做 logo 那种颜色,但是调不出来。这个加工步骤是这样的,先把一块平面的铝板切割成平面形状,切割好以后,再把边角进行手工打磨,因为机器打磨好之后有毛刺。打磨好之后,第二步进行折弯,把平面的图形折三次,然后就成形了。变成一个基本的形状之后,在进行喷砂处理,使表面形成一种喷砂的效果。说白了这个喷砂就是用喷枪喷细砂。用细砂粒撞击它的表面,撞出无数的小坑,就形成了喷砂效果。喷砂的功效一个是美观。另外,折弯了之会有压痕(折弯痕),喷砂可以把痕迹减弱。这还有第四步,阳极氧化处理。喷完砂之后表面都是铝,进行阳极氧化,使表面生成一层三氧化二铝。三氧化二铝很硬,莫氏硬度达到8。像蓝宝石、红宝石、磨刀石主要成分都是三氧化二铝。氧化成三氧化二铝是对它表面进行一种保护。现在的效果就很硬,不容易划伤。也比较光滑。

enter image description here

然后再进行染色。你看到的这个颜色实际上不是油漆,而是墨水。氧化后,三氧化二铝的结构是透明的孔状结构,用墨水一染的话就渗透进去。最后一步进行封孔,用开水煮,把颜料封在里面。(颜料)已经渗透进去了,比油漆要好用。MacBook 表面也是这种工艺,只不过那种喷砂喷得比较细。我们这个喷砂颗粒大一些。颗粒大是因为受到加工工艺的限制,工艺达不到那么高。另外,折弯的时候,痕迹很明显,如果用细砂喷痕迹非常明显,掩盖不掉,所以只能用中等颗粒的,刚好把折痕掩盖掉。折的时候机器有两个尖一压,每个折弯处都有一条道,现在不容易看出来,是用喷砂给处理掉了。这一块还有脚垫(绒布贴),对下面进行保护。

刚才问到后面的孔是干什么的?最后的阳极氧化要把工件作为电极浸到溶液里。这个是导电的,必须有个触点,所以在这开了个孔,让这个地方一直导电。进到溶液里氧化,一通电,表面生成氧化膜。

刚开始做样品的时候没有开这个孔,是在这两个位置(M上面的两个尖)夹着的。夹着的时候表面出现夹痕,夹痕非常难看。所以正式生产的时候就在后面开了个孔,让它把夹痕隐藏到里面,更美观一点。

MouStand 尺寸为什么这么定?

尺寸还有角度,要兼顾(iPhone 和 iPad)水平模式和垂直模式,都能放。这个水平放置没问题,竖着放也没问题。两种模式都支持的情况下,保证它体积最小,就找到这么一个平衡,再大了浪费。这个造型可以两边放。这边放一个,比如两个人,你在这边玩手机,我在这边玩这个。两个腿之间的间距也是考虑过的,如果间距再大点儿手机竖着放就拖不住了,漏下去了。

原型设计的时候,我是用纸做的,用的是一百五十克卡纸。承重没法测,只是测角度,用 iPad 比划这把角度估计出来,看什么角度倒不了。前面脚的长度,参考一下 iPhone、iPad 的厚度,长一点,这样就翻不过去。

MouStand 的原型是用纸做的:

具体加工是怎么完成的?

我是把设计图纸做好,然后加工工艺确定,再联系代工厂。这个木盒是山东曹县代工。做了两百个,还是好说歹说人家才给做。这个属于限量生产,不像人家大工厂批量生产,那样成本非常低。铝合金加工是在广州。标签还有木头玩具的纸盒是我自己买的打印纸,打印机、切纸机,完全是自己做。

木头玩具纸盒上的图形和图解是我用 Silo 建模软件建出模型,截图后再导入 Illustrator 里描出来线框图,包装也是我自己做的。这个是三根木条。这是附赠的玩具。这个玩具是现有的,我只不过弄了一个包装。这个玩具叫孔明锁,据说在孔明的时候就有了。

木头玩具包装盒上的图形是先用 Silo 建模,再用 Illustrator 描出来的:

这个贴纸也是我自己做的。想贴哪就贴在哪。你把后面的那层纸撕下来。这个像 GitHub 学习,GitHub 不是也是有一个 shop,也卖贴纸的、卖杯子,它也是以它的 logo 发展的周边产品,我这也是以 logo 发展的周边产品。

你的网站做的挺好看的,简洁漂亮。

就是几张截图往上一堆。刚开始学摄影的时候学过 Photoshop,这都是之前积累的基础,这些知识全用上。做 MouStand 网店,要摄影,把产品拍下来,怎么拍好看,弄个摄影小棚子,布好灯光、角度、支架弄好,拍好,再调调亮度。把照片弄的好一点。拍照片大概弄了两天。

你定价是怎么定的?卖了多少了?

价格就是成本加上跑腿的路费,从我住的农场到邮局来回骑自行车要 20 公里。这个我定的是每一个二十九刀。按这个价格来算。参考了一下国外市场 iPad 支架的价格。一般三十刀,我的是二十九刀。只不过我们是四个一起卖,两个一起卖,就显得比较贵。其实一个拿出来,二十九刀,在国外来说是很正常的一个价格。但是木盒只有两百个,太多了木盒太占地方,家里也放不下。

彩色一百套,黑白的一百套,一共两百套。现在卖了二三十套。都卖了也挣不了多少钱。主要是自己做着玩,有这个乐趣。我面向的客户主要是国外的,国内的少。要是弄个淘宝店铺,我感觉有点麻烦。国内目前卖了八套。

以后还想继续做实物硬件吗?

不想再做实物的东西,麻烦。因为做一套东西考虑的东西太多了,方方面面都要考虑。还要存货还要发货。做软件多省事。玩过去就过了。玩过就不好玩了。

误入歧途才能发现桃花源

我想做点工具,为我以后前端工程师的职业做好铺垫,但是写到最后发现写软件已经有收入了,可以不找工作了。

你在哪上的大学?

我大学上的太原科技大学。我是 2005 开始, 2009 年毕业的。当时学的是通信工程,我以为自己会感兴趣,其实没有。现在这个专业毕业的有一半都不是做本专业工作的。有的人做通信搞信号基站,要不就是楼道里面安个无线网。我觉得不好玩,所以后来就玩起了全景摄影。

我在你的网站上能看见一个叫 86vt 的网页,里面有你们大学的地图和很多地点的全景照片,感觉就像自己在校园里面行走一样。

86vt 是我做的我们学校的(全景摄影)虚拟校园网站。我考大学之前,看这个学校网站挺烂的,只有两三张图片,觉得很破。入了学以后觉得还挺漂亮的,是学校网站没有体现出来,后来我就想用一种方法把学校风格体现出来。我们学校虚拟校园 86vt 是上学的时候完成的一个项目。

enter image description here

这个项目实际上一个月就做完了。但是前期准备学知识学的时间比较长。我 2007 年开始学全景摄影方面的知识,学完之后 2008 年 4 月份才开始做这个项目。这里面有三十多个场景。拍的时候都要选人少的时候,人多了图片拼接的比较难处理,全景不是拍一张就完了,是拍很多张拼起来才能形成一张。如果你是走动的,在这拍了一张,又跑到那了,那张拍上你了,那就半截半截的。

这个全景摄影具体怎么拍?

我用的 8 毫米鱼眼镜头,云台、三脚架。云台就是保证旋转的节点精确,没有视差,才好拼接。云台上面有刻度。现在好一点儿的云台都是带锁的。比如 90 度一个锁,这么一转响一下,九十度到了,非常方便。现在我要拍那样一幅照片的话只要半分钟左右。需要拍四张,九十度拍一张就行。拍完之后回去拼接。比较细的处理一个拼接照片要一个小时。要是做个大概,几分钟就好了。

你从什么时候开始写代码的?

在学校的时候搞摄影,要把照片放在网上,然后开始研究网络相关的知识。网页、空间、域名。因为刚开始想把照片放到网上,才接触到互联网知识(技术方面)。如果我不摄影,可能我就接触不到互联网(技术方面)。

有个学长(舒文亮),比我大一级,还没毕业就在雅虎上班了。我们觉得他很厉害。我做这个 86vt 网站的时候,也向他请教了不少问题,那个时候他就是我的偶像。他当时已经是前端工程师了,也是转了好几圈,然后又回到前端,他现在在阿里巴巴带团队。我当时就想,我也想像他那样厉害,我也要学这个,我也要当前端工程师!实际上在大学我对互联网还不怎么了解,毕业以后想找这么一个工作怎么办?那就学呗。学只能在家学,等什么时候把前端工程师相关的知识学完之后,再找个前端的工作做。所以毕了业之后要选择找工作还是回家待着,我就想回家待着,家里也支持,在家就在家吧,也不指着我工作。

然后你就在家学习前端知识?

毕业后回到家先开始学的 HTML,CSS 和 JavaScript。学了几个月后做出了 resizeMyBrowser,接着又在 resizeMyBrowser 的基础上做了个 Safari 浏览器插件 Resize

之后又了解到前端优化方面的知识,通过压缩 CSS,JavaScript 等文件能够提高页面初次下载速度,我就想找个好用的压缩工具,当时都是命令行的,就是在 Mac 平台都是命令行的工具。我觉得太麻烦,想要一个图形界面,但是市面上没有。没办法只能选择自己做。从那个时候开始学 Objective-C,想着做一个 YUI Compressor 的图形界面,方便批压缩 CSS、JS 文件。于是做了我的第一个 Mac 应用 Smaller

再后来了解到 Markdown,又写了 Mou

其实我做的这些个工具基本上都是跟前端工程师这个职业相关的。实际上作为一个前端工程师需要做这些工作,用这些工具可以提高我的工作效率,我想做点这些工具,为我以后前端工程师的职业做好铺垫。工作的时候效率会高一点。

可是写到最后发现写软件已经有收入了,找前端工程师的工作不是必要的了。我是从摄影转到学 Web 的知识,想成为 Web 前端工程师,却在学习 Web 前端方面知识的过程中不知不觉的转成了开发软件。上次在 QCon 认识个一淘的朋友(葛灿辉),他说我更像一个产品经理,不像程序员。

我的工作台

你现在应该可以找到前端的工作了吧。

其实已经有很多公司找过我了,Mac 软件开发方面的居多,Web 前端也有。有一个德国的公司 Wunderlist,邀我去做 Objective-C 开发。但是我家人都在这,出国太麻烦了。阿里的 Mac 开发团队邀请过我两次,只是第一次的时候还没有去工作的打算,第二次的时候我正打算做硬件,做这个支架,也抽不开身。现在也暂时还没有去公司工作的打算,在家自由惯了,去公司会不太习惯吧。还有腾讯也邀请过,做前端工程师。他们说我网站设计的好,其实我觉得做的很简单,就是几张截图而已。

你能有这样的思路,做出现在这些产品和你有充足的闲暇时间有关系吧?

肯定有关系。我在软件开发前期的时候非常苦恼。有时候一个问题连着一两个星期没有思路,就整天在那想,睡觉的时候还想,一天到晚不停地想,那才能想出来。可能在公司没有那么多的时间想了。

我做的很多东西都是以玩为主。可能跟小时候经常拆东西有关。我父母给我比较大的自由。上学学习方面不会逼着我。但是我自己知道学。考高中、大学,报志愿的时候他们也不会干涉,都是我自己决定。他们相信我。

你现在生活在农场上吗?在家都干些什么?

在家比较闲,闲着没事。软件开发前期比较忙,后期就是维护了。维护每天回回邮件,客户支持。实在闲着没事了做做新功能,不像前期那么紧。

我家在天津汉沽区附近的汉沽农场,那个地方属于河北,是河北省在天津的飞地。说是农场,实际上就是很多农村连在一块。这块地是在天津市境内,但是属于河北省管。

我现在每天早上就在园子后面浇浇地,种种菜。就在我家房后面那么一块。我种了十颗人参就活了五颗。还种了一颗蓝莓树,蓝莓属于灌木,很矮,就像周围马路边的灌木,上面结小小的蓝莓果。我都是在淘宝上买的种子。我经常会给葱们,还有蓝莓喷点儿水,不打药,纯天然绿色食品。

enter image description here

闲的没事儿我会打打沙袋,锻炼身体。邮局离我家10公里,每次骑车去邮局发货(Moustand)往返就要两个小时。途中,会经过乡间小路,天气好的时候,景色还是不错的。

enter image description here

你以后有什么打算?

在家待着腻了,再去工作,找份工作,体验一下上班的感觉,我还没上过班呢,不知道上班什么感觉。


更多精彩,加入图灵访谈微信!