“我大三就接个LOGO单子，都一万。”
悟脚叔叔TM在iH5设计定制群里是一个让人顶礼膜拜的存在，每次他一开口提到自己接单的报价，就很容易冷群——因为大家都无言以对。
前几天豆豆在群里提了个企业需求：“展示性H5，加上实时提问互动、抽奖功能，可以代码开发的报个价吧。”
爱凑热闹的牙叔回答，4万。然后悟脚叔叔TM像高僧一样冷冷丢了句“可以报到6”，接着不紧不慢地补充道：“上次我给一个报了10，还觉得便宜。”（所以他年收入到底有多高？！）
来源： iH5（ID：ih5_cn）
一、年轻，是熬夜的本钱？
悟脚叔叔TM（以下简称悟脚叔叔），28岁，目前就职于一家产业营销公司，担任插画设计师，同时负责H5的设计与实现。
两年前他为房地产公司设计的插画
他从初中开始学习素描、水彩，大学修读视觉传达专业，到现在已经有十几年绘画经验。平面设计、网页设计、视频剪辑，样样拿得出手；虽然他常用HTML5工具做H5，也具备一定的代码编写能力。
这是个彻头彻尾的工作狂。最近的五一假期，他三天都没有休息，而泡在电脑前赶制设计单。最忙的时候，有一次一星期内他做了三个H5，其中两个还是与美的合作的——而更可怕的是，他居然还是利用下班的空余时间完成的任务。
《与美的合作的 虚拟展馆H5》
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
《与美的合作的 开普勒星球H5》
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
与美的合作的第一个H5，根据企业需求得模仿去年6月发布的杜蕾斯虚拟美术馆。后者是H5界里程碑式的作品，是杜蕾斯组织的以“液体主义”为主题的画展，通过H5包装出一个线上画廊，立体感十足。
上为杜蕾斯展馆H5，下为美的展馆H5
和原版面向的大众不同，悟脚叔叔设计的美的展馆用于一次重要的内部展示。尽管如此，从上图能看出这个短期内设计出的作品具有极高的还原度。开普勒星球那个H5也是他为美的做的，所给制作时间只有两天，颇有“江湖救急”的意味。
很难想象那个星期他是怎么熬过来的，因此我感慨：“真惨。”
“我其实无所谓啊，对我来说我对电子类东西比较感兴趣，对吃和去其他地方旅游、玩这些没有兴趣。”他轻描淡写回答，把自己多年的坚持与刻苦归结于一种喜好。
二、完美主义+强迫症=细节控
与房地产公司合作的出题问答H5 ——《出题的站出来，保证不打死你》
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
我对悟脚叔叔的初次了解是他的H5作品《出题的站出来，保证不打死你》。在几乎没有宣传渠道支撑的前提下，这个H5首日浏览量高达6,000。
这样一个看起来很简单的测试题H5，实际上动用了各种繁复的素材，也正是这么多细节的集合才显出整体精巧的设计感。
出题H5的页面元素解构
上图是对10道测试题中一个页面的解构。他一般先用设计工具把各种素材设计完成，再导入iH5编辑器，利用时间轴等功能进行动效的添加。这样一个作品花费他4个日夜，交完稿才总算能好好睡一觉。
他平常很喜欢观察细小的东西，每到一个新的空间，会强迫性地把眼前能看到的东西用眼睛搜寻一遍，“我也不知道为什么，反正就（习惯性地）看一遍。”
在设计上，他也是自然而然地钻牛角尖，不愿意放过任何一个细节，因此他画画经常为了抠细节耗费很多时间和精力。
在他制作的H5《跑赢自己，从心出发》中，仅仅一个控制视频播放的小按钮，除时间轴外便设置了足足13个触发事件。
《跑赢自己，从心出发》H5的编辑界面
他对设计近似于偏执，以至于有时会把自己辛辛苦苦做出的设计原稿删掉。比如当他的设计稿被甲方否决后，他就会果断把这个PSD原件删除，因此这样自己再做第二次设计才不会局限在第一版的思维里。
“假如只是别人觉得不满意，可是自己却很喜欢，你会删吗？”
“嗯，会的。”
三、品牌H5的抢手山芋
与百度手机助手合作的校花H5
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
与QQ音乐合作的三周年合辑H5
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
悟脚叔叔和很多知名品牌都有过H5制作上的合作，百度手机助手、QQ音乐、万科、宝马中心、宜家家居、史密斯热水器，等等。
但其中与汽车厂商阿斯顿·马丁的合作让他印象最深。
与阿斯顿·马丁合作的新车宣传H5
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
当时，阿斯顿·马丁要发布新车，而电影《007：幽灵党》同期上映。阿斯顿·马丁是邦德的专用座驾不必多说，企业要求他以两周为限期做出宣传的H5，结果他仅用三天就完成，而且方案被直接通过并发布。
百度检索《探寻007座驾的秘密！》结果
这个H5的浏览量为1.8万，百度它的名字《探寻007座驾的秘密！》可以看到作品广受业界好评。在悟脚叔叔看来，如果想把H5玩出花样，需要综合画面、动效和传播途径，而且甲方的关系举足轻重——毕竟掌握各种生杀大权。
而在刚过去的五一假期，让他加班的是与一家房地产公司的合作，要求完成一个用代码编写的复杂H5，涉及数据存取。为了确保数据的私有性，公司让他先用HTML5工具实现H5的基本功能，再由专人编程重现设计逻辑。
作品《见证卓越的力量》
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
这个H5涉及3D特效模拟、照片上传与合成等多种高级应用，作为一个设计原型也属于上乘之作。虽然他偶尔也用代码制作H5页面，但这种情况比较少见，照他戏谑的说法算是甲方的“变态”需求。
过去，悟脚叔叔希望自己可以成为一名画师，但现在他说自己太理想化了。因为他的兴趣相对狭窄，就算没有工作，他就学一下软件、画画、玩玩DOTA，“挺累的，不过开心就好”。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（5条）