用心的设计小细节可以丰富产品感情，也会在用户心中荡起一波小涟漪。
编辑注：最近微信朋友圈和新浪微博流行一种9张小图片拼贴一张大图的秀图应用9cut，是腾讯社交用户体验设计团队的交互设计师前卫，在一个多月的业余时间里设计开发的创意app处女作。本文是他关于9cut的产品分享，值日生转载分享给大家，原文地址戳我。
想法-图片社交心理
挺早之前，我们团队有人发现在 Facebook 上有人用 Photoshop 切割图片，上传后在网页上组成 4*3的矩阵图，当时讨论的结果是有点意思但应用场景窄。
直到某天议论起微信朋友圈上的缩略图太小，发现用 9张缩略图拼成一张大图绝对能成为刷屏利器。于是很快开发了一个demo 并将图片发到朋友圈上，结果引赞无数，于是就想那就真的把它作出来吧。
做什么-有所取舍
有了明确的想法，App 也就直接定位为 9宫图。规模上务求简练切口小，初期确定了三点不做：
1. 拍照不做
场景上考虑，估计没人会拿手机拍摄的时候还要同时考虑那 4条线是不是遮挡；
2. 应用内分享不做
经验上，很多 App 的差评很大部分来自分享不成功，而且 App 内分享牵涉面较多，因此 9cut 只采用了调起分享程序的方法简单解决。另外，微博没有开放多图上传api，朋友圈开放了但只是在朋友圈首屏生成一个链接，点击进去才能看 9张大图，都不能让 9Cut 的乐趣充分释放；
3. 其他切分数量不做
按朋友圈、微博的缩略图排列方式，尽管 2×2、3×2 两种排列都有，但都可作为 3×3 的子集，越大越好，只要 9 就够了。
交互-动画和细节
9Cut 的核心功能简单，作为一个可用的小工具设定也就够用，如何好用甚至还有点情感化设计因素就需要再琢磨下。
动画是和用户产生情感化共鸣的利器，交互上尤其注意了这一点。拿广受好评的图片落袋动画来说，它出现在保存图片的过程中，没有传统的旋转菊花，没有传统的蠕动进度条，而采用了争相恐后落入系统相册中，之后配以逐个展现的分享平台，传达一种“快快分享我”的跃跃欲试。
保存后提示用户如何操作也是一个难解问题。一般情况下，是弹出一个提示框云云，但不够好。而让它与落袋动画结合，用格子逐个搭载提示语不失为一个符合 App 特色9宫的友好方法。
图片保存到系统相册时，一次就有9张，上传时如何找到第一张位置就成了一个考验。这里绘制了一条小鱼，用鱼头、鱼尾来标识第一和第九张图，便于用户选择。
用心的设计小细节丰富了产品感情，也会在用户心中荡起一波小涟漪吧。
界面-配合主题的与众不同
界面的视觉设计自己并不擅长，总体来说只想与众不同一点，以配合这个奇特的创意。因此有了个人很喜欢的Trajan pro字体的Logo “9”、歪扭的按钮、还算清新的仿纸片界面、做了三个中午的小鱼、调了两个小时的心形外形等等。权且用Good enough is perfect 来说服自己。下面是一些当初的飞机稿。
开发-优雅地动起来
9Cut是一款图像处理App，首当其冲是找到一个有扩展性、高效、开源的图像处理引擎。GPUImage 符合这样的需求，也为动画的流畅留下更多的 CPU时间。
开发占了整个产品时间1个半月的一半，其中核心的图像裁切功能只花了三个晚上，其他都花在了动画及效率优化上，光保存动画的运动轨迹和加速度就调试了两晚。开发的细节可以成为魔鬼也可以是天使，需要花时间驯服。
传播-口口相传
有朋友说 9Cut现在的成绩一定花了大精力去运营吧。其实，主动运营的事情只在 Appsolution 上做过一次，其他就完全借助口口相传推荐。大致过程如下：
9Cut 在上架一个月多的时候正好赶上ISUX部门大会。部门一直提倡设计师一专多能，为个人发展提供开放环境，老大也时常关心给建议。怀着试一试的心态也为了让同事们不至于花钱就能体验，顺势限免。
当天，“限时免费大全”就以Push推送的给力方式向外传播，可观的下载量促成半天冲入图片类App免费榜第7位，以此为基础造成在朋友圈、微博上的病毒式传播，明星们也用起9Cut，下载量攀升，3天后进入该榜Top5。后来我尝试联系了微信公众号Appsolution，以推荐新酷应用著称的它很看好9Cut，于是就有了6月25日的推送，真正引爆了9Cut。
设计者之于用户就像表演者之于观众，使尽浑身解数为让观众会心一笑，再用笑声吸引更多的同好观众，口口相传。
最后说一下9Cut的名字吧。App名字最好简短有力、能说明主要功能、英文的便于国际化搜索、在国人口口相传时不会出现像 MSN帐号一样的英文字母发音认同障碍，据此起了9Cut，现在它几乎成了9宫拼图概念的代名词，有的媒体直呼它九宫格。
