最近微信朋友圈和新浪微博流行一种9张小图片拼贴一张大图的秀图利器,只有1M多体量的它限免期间登上AppStore图片类免费榜Top3;限免结束后图片类付费榜NO.1,总排行榜Top5。这个让全国的小伙伴们惊呆了的app叫“9Cut”,是腾讯ISUX的交互设计师前卫在一个多月的业余时间里设计开发的创意app处女作。
蛮早前,Edith发现facebook上有人用PS切割图片,上传后在网页上组成4*3的矩阵图,当时讨论的结果是有点意思但应用场景窄。直到某天议论起微信朋友圈上的缩略图太小,发现用9张缩略图拼成一张大图绝对能成为刷屏利器。于是很快开发了一个demo并将图片发到朋友圈上,结果引赞无数,那就真的把它作出来吧。 有了明确的想法,app也就直接定位为9宫图。规模上务求简练切口小,初期放弃了3点不做: 9Cut的核心功能简单,作为一个可用的小工具设定貌似也就够用,如何好用甚至还有点情感化设计因素就需要再琢磨下。动画是和用户产生情感化共鸣的利器,交互上尤其注意了这一点。拿广受好评的图片落袋动画来说,它出现在保存图片的过程中,没有传统的旋转菊花,没有传统的蠕动进度条,而采用了争相恐后落入系统相册中,之后配以逐个展现的分享平台,传达一种“快快分享我”的跃跃欲试。保存后提示用户如何操作也是一个难解问题。一般情况下,是弹出一个提示框云云,但不够纳爱斯。而让它与落袋动画结合,用格子逐个搭载提示语不失为一个符合app特色9宫的友好方法。图片保存到系统相册时,一次就有9张,上传时如何找到第一张位置就成了一个考验。这里绘制了一条小鱼,用鱼头、鱼尾来标识第一和第九张图,便于用户选择。用心的设计小细节丰富了产品感情,也会在用户心中荡起一波小涟漪吧。 界面的视觉设计自己并不擅长,总体来说只想与众不同一点,以配合这个奇特的创意。因此有了个人很喜欢的Trajan pro字体的Logo “9”、歪扭的按钮、还算清新的仿纸片界面、做了3个中午的小鱼、调了两个小时的心形外形 … 权且用Good enough is perfect 来说服自己。这里就贴一些连good都称不上的飞机稿吧。想法-图片社交心理
做什么-有所取舍
交互-动画和细节
界面-配合主题的与众不同