Framer Studio发布，移动交互设计的春天来了吗
\u505a\u5fae\u4fe1\u573a\u666f\u4ea4\u4e92\u8bbe\u8ba1,\u7528\u4ec0\u4e48\u8f6f\u4ef6?01\uff0cFramer Studio\uff0c\u9700\u8981\u4f1a Javascript \u7f16\u7a0b\uff0c\u5b66\u4e60\u96be\u5ea6\u548c\u6210\u672c\u5927\uff1b
02\uff0cForm\uff0c\u514d\u8d39\uff0c\u771f\u673a\u5c55\u793a\uff0c\u8bbf\u95ee\u786c\u4ef6\uff0c\u6bd4\u8f83\u9002\u5408\u8bbe\u8ba1\u51fa\u8eab\u7684\u4ea4\u4e92\u8bbe\u8ba1\u5e08\uff1b
03\uff0cPixate\uff0c\u66f4\u8f7b\u91cf\u4f46\u540c\u6837\u9177\u70ab\uff0c\u636e\u8bf4\u4ee5\u540e\u4e5f\u4f1a\u514d\u8d39\uff1b
\u8fd9\u51e0\u4e2a\u4efb\u9009\u5176\u4e00\uff0c\u591f\u7528\u4e86\uff1b
\u5f15\u7528\u7bc7\u6700\u8fd1\u7ad9\u9177\u4e0a\u770b\u5230\u7684\u6587\u7ae0\uff0c\u89c9\u5f97\u8bb2\u5f97\u4e0d\u9519\uff0c\u539f\u6587\u5730\u5740\uff1a\u5982\u4f55\u51c6\u786e\u7684\u5411\u5de5\u7a0b\u5e08\u4f20\u8fbe\u52a8\u6548\u8bbe\u8ba1\uff1f|UE|\u539f\u521b/\u81ea\u8bd1\u6559\u7a0b|TCWison
\u968f\u7740\u8f6f\u4ef6\u4e0e\u7ec8\u7aef\u7684\u53d1\u5c55\uff0c\u5982\u4eca\u7684\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u4e2d\u52a8\u6548\u7684\u4f5c\u7528\u6b63\u53d8\u5f97\u8d8a\u53d1\u91cd\u8981\uff0c\u4e5f\u6709\u8d8a\u6765\u8d8a\u591a\u7684\u8bbe\u8ba1\u5e08\u5f00\u59cb\u5c1d\u8bd5\u8ba9\u81ea\u5df1\u7684\u4f5c\u54c1\u201c\u52a8\u201d\u8d77\u6765\u3002\u4f46\u5728\u5b9e\u9645\u5de5\u4f5c\u4e2d\uff0c\u76f8\u4fe1\u5927\u5bb6\u5e38\u4f1a\u6709\u8fd9\u6837\u7684\u7591\u95ee\uff1a\u600e\u6837\u624d\u80fd\u5c06\u81ea\u5df1\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u52a8\u6001\u6548\u679c\uff0c\u51c6\u786e\u7684\u4f20\u8fbe\u7ed9\u5de5\u7a0b\u5e08\uff0c\u907f\u514d\u5b9e\u73b0\u7684\u504f\u5dee\u5462\uff1f\u4e0b\u9762\u6211\u60f3\u6839\u636e\u81ea\u5df1\u7684\u7ecf\u9a8c\uff0c\u629b\u7816\u5f15\u7389\uff0c\u548c\u5927\u5bb6\u804a\u4e00\u4e0b\u8fd9\u4e2a\u8bdd\u9898\u3002
\u8bd5\u60f3\u4e00\u4e0b\uff0c\u5728\u4e00\u4e2a\u6c89\u9759\u7684\u7684\u591c\u665a\uff0c\u4f60\u6b63\u4e3a\u4e00\u4e2a\u754c\u9762\u7684\u8fc7\u6e21\u52a8\u753b\u800c\u82e6\u601d\u51a5\u60f3\uff0c\u7a81\u7136\u4e00\u9053\u7075\u611f\u4e4b\u5149\u7a7f\u8d8a\u4f60\u7684\u8111\u6d77\uff0c\u5b8c\u7f8e\u7684\u65b9\u6848\u6d6e\u73b0\u773c\u524d\u3002\u6b64\u523b\u4f60\u6700\u60f3\u505a\u7684\uff0c\u6050\u6015\u4e0d\u662f\u7ffb\u9605\u5f00\u53d1\u6587\u6863\u7814\u7a76\u5b9e\u73b0\u539f\u7406\uff0c\u201c\u8001\u5b50\u5f97\u7acb\u523b\u628a\u5b83\u8868\u73b0\u51fa\u6765\u3002\u201d
\u6ca1\u9519\uff0c\u6211\u4eec\u662f\u8bbe\u8ba1\u5e08\uff0c\u8bbe\u8ba1\u5e08\u8981\u505a\u7684\u662f\u53ef\u89c6\u5316\u3002\u5bf9\u4e8e\u52a8\u6548\u6765\u8bf4\uff0c\u51ed\u7a7a\u63cf\u8ff0\u6c38\u8fdc\u662f\u9694\u9774\u6414\u75d2\uff0c\u5c06\u81ea\u5df1\u5fc3\u4e2d\u7684\u8bbe\u8ba1\u6700\u5feb\u901f\u7684\u53ef\u89c6\u5316\uff0c\u662f\u5b9e\u73b0\u7684\u7b2c\u4e00\u6b65\u3002
\u4e00\u3001\u51c6\u786e\u5c55\u793a\uff1a\u89c6\u9891Demo
\u89c6\u9891Demo\u662f\u4e2a\u4e0d\u9519\u7684\u5f00\u59cb\uff0c\u4e00\u6bb5\u53ef\u4ee5\u53cd\u590d\u64ad\u653e\u5e76\u5728\u5927\u90e8\u5206\u8bbe\u5907\u4e0a\u5747\u53ef\u89c2\u770b\u7684\u89c6\u9891\uff0c\u662f\u8ba9\u522b\u4eba\u5feb\u901f\u7406\u89e3\u81ea\u5df1\u60f3\u6cd5\u7684\u6700\u4f73\u5a92\u4ecb\u3002\u5236\u4f5c\u89c6\u9891Demo\uff0c\u672c\u4eba\u6700\u5e38\u7528\u7684\u5de5\u5177\u662fAfter Effects\u3002AE\u5bf9\u4e8e\u52a8\u6548\u7684\u63a7\u5236\u4e0e\u8868\u73b0\u80fd\u529b\uff0c\u81f3\u4eca\u65e0\u4eba\u80fd\u51fa\u5176\u53f3\uff0c\u662f\u6211\u5fc3\u76ee\u4e2d\u6700\u4f73\u7684\u6982\u5ff5\u8bbe\u8ba1\u5de5\u5177\u3002
\u9664\u89c6\u9891\u5916\uff0cAE\u7684\u53e6\u4e00\u4e2a\u4f18\u52bf\u662f\uff0c\u5b83\u8f93\u51fa\u7684PNG\u5e8f\u5217\u5e27\u7d20\u6750\u53ef\u4ee5\u76f4\u63a5\u5e94\u7528\u5230\u4e00\u4e9bPC\u751a\u81f3\u79fb\u52a8\u7aef\u7684\u8f6f\u4ef6\u4e2d\uff0c\u4f5c\u4e3a\u5b9e\u73b0\u6548\u679c\u3002
\u4e8c\u3001\u64cd\u4f5c\u4f53\u9a8c\uff1a\u4ea4\u4e92\u539f\u578b
\u89c6\u9891Demo\u7684\u5c40\u9650\u662f\u65e0\u6cd5\u4ea4\u4e92\uff0c\u800c\u5f88\u5927\u4e00\u90e8\u5206\u52a8\u6548\u90fd\u662f\u5728\u7528\u6237\u4e0e\u754c\u9762\u4ea4\u4e92\u65f6\u89e6\u53d1\u7684\u3002\u8fd9\u90e8\u5206\u52a8\u6548\u7684\u542f\u52a8\u65f6\u673a\uff0c\u4e0e\u624b\u52bf\u7684\u5173\u7cfb\uff0c\u4ec5\u9760\u89c6\u9891Demo\u5c31\u65e0\u6cd5100%\u51c6\u786e\u7684\u4f20\u8fbe\u4e86\u3002\u8fd9\u65f6\uff0c\u5982\u679c\u80fd\u6709\u4e00\u4e2a\u53ef\u4ea4\u4e92\u7684\u539f\u578b\uff0c\u5f88\u591a\u95ee\u9898\u5c31\u4f1a\u8fce\u5203\u800c\u89e3\u3002
\u5bf9\u4e8e\u53ef\u4ea4\u4e92\u7684\u539f\u578b\uff08Prototype\uff09\uff0c\u7f51\u4e0a\u5df2\u7ecf\u6709\u5f88\u591a\u6587\u7ae0\u5728\u8ba8\u8bba\uff0c\u5236\u4f5c\u5de5\u5177\u4e5f\u4e94\u82b1\u516b\u95e8\uff08Flash\u3001Adobe Edge\u3001Quartz Composer\u3001Keynote\u3001Framer\u3001Pixate\u3001Form...\uff09\uff0c\u6211\u4eec\u8be5\u5982\u4f55\u9009\u62e9\u5462\uff1f\u5bf9\u4e8e\u8fd9\u4e2a\u95ee\u9898\uff0c\u6211\u4e3b\u8981\u770b\u4e24\u4e2a\u70b9\uff1a1\u3001\u5236\u4f5c\u597d\u7684\u539f\u578b\u662f\u5426\u4fbf\u4e8e\u591a\u4eba\u5206\u4eab\u30022\u3001\u662f\u5426\u53ef\u4ee5\u76f4\u63a5\u8f93\u51fa\u53ef\u7528\u4e8e\u5f00\u53d1\u7684\u53c2\u6570\u3002
\u57fa\u4e8e\u8fd9\u4e24\u70b9\uff0c\u6211\u4e2a\u4eba\u7684\u7b2c\u4e00\u4e2a\u9009\u62e9\u662fFlash\u3002
\u7531\u4e8eApple\u7684\u539f\u56e0\uff0cFlash\u5982\u4eca\u7684\u5883\u51b5\u53ef\u7b97\u662f\u6c5f\u6cb3\u65e5\u4e0b\u3002\u4f46\u4f5c\u4e3a\u4e00\u4e2a\u52a8\u6548\u539f\u578b\u5de5\u5177\uff0c\u5b83\u5374\u6709\u4e00\u4e9b\u72ec\u7279\u7684\u4f18\u52bf\u3002
\u4f18\u52bf1\uff1a\u53ef\u4ee5\u76f4\u63a5\u5bfc\u5165AE\u751f\u6210\u7684\u5e8f\u5217\u5e27\u7d20\u6750\u3002
\u5bf9\u4e8e\u6211\u8fd9\u79cd\u4ee5AE\u4f5c\u4e3a\u52a8\u6548\u8bbe\u8ba1\u8d77\u59cb\u7684\u4eba\u6765\u8bf4\uff0c\u8fd9\u70b9\u592a\u91cd\u8981\u4e86\u3002\u5b83\u610f\u5473\u7740\u65e0\u9700\u4efb\u4f55\u91cd\u590d\u52b3\u52a8\uff0c\u53ea\u9700\u8981\u5728Flash\u4e2d\u6dfb\u52a0\u4e00\u4e9b\u57fa\u4e8eAS3.0\u7684\u4ea4\u4e92\u4ee3\u7801\uff0c\u5c31\u53ef\u4ee5\u5b8c\u6210\u539f\u578b\u7684\u5236\u4f5c\uff0c\u5e76\u4fdd\u8bc1\u81ea\u5df1\u6700\u521d\u7684\u8bbe\u8ba1\u601d\u8def\u5728\u539f\u578b\u9636\u6bb5\u4e0d\u6253\u6298\u6263\u7684\u5b9e\u73b0\u3002
\u4f18\u52bf2\uff1a\u53ef\u4ee5\u5bfc\u51fa.apk\u6216.ipa\u7684\u5b89\u88c5\u5305\uff0c\u5171\u4eab\u7ed9\u4efb\u4f55\u6709\u624b\u673a\u7684\u4eba\u3002
\u7531\u4e8e\u672c\u4eba\u7684\u5de5\u4f5c\u7ecf\u5e38\u9700\u8981\u5f02\u5730\u6c9f\u901a\uff0c\u539f\u578b\u7684\u53ef\u4f20\u9012\u6027\u5c31\u662f\u4e2a\u5f88\u5173\u952e\u7684\u9700\u6c42\u4e86\uff08\u603b\u4e0d\u80fd\u628a\u7535\u8111\u5feb\u9012\u8fc7\u53bb\u7ed9\u4eba\u5bb6\u770b\u5427...\uff09\u3002Flash\u7684\u6253\u5305\u53d1\u5e03\u529f\u80fd\uff0c\u8fd9\u65f6\u5c31\u6d3e\u4e0a\u4e86\u7528\u573a\u3002\u505a\u597d\u7684\u539f\u578b\u901a\u8fc7Air for Android\u6253\u5305\u4e00\u4e2aapk\u6587\u4ef6\uff0c\u90ae\u4ef6\u53d1\u8fc7\u53bb\u5b89\u88c5\u5728\u5bf9\u65b9\u624b\u673a\u4e0a\uff0c\u8f7b\u677e\u53c8\u6109\u5feb\u3002
\u53e6\u5916\u4e00\u4e9b\u53ef\u5173\u6ce8\u7684\u5de5\u5177\uff0c\u8fd8\u6709Pixate\u548cForm\uff0c\u5b83\u4eec\u90fd\u53ef\u4ee5\u901a\u8fc7\u5171\u4eab\u5de5\u7a0b\u6587\u4ef6\u7684\u65b9\u5f0f\u8fdc\u7a0b\u4f20\u9012\uff0c\u8fd8\u80fd\u901a\u8fc7\u5b98\u65b9App\u5c06\u539f\u578b\u6295\u5c04\u5728\u624b\u673a\u4e0a\u5b9e\u65f6\u9884\u89c8\uff0c\u7f3a\u70b9\u662f\u53ea\u80fd\u505a\u4e00\u4e9b\u57fa\u7840\u7684\u6548\u679c\uff0c\u521b\u65b0\u4e00\u70b9\u513f\u7684\u5c31\u641e\u4e0d\u5b9a\u4e86\uff0c\u4e0d\u8fc7\u4ed6\u4eec\u90fd\u5728\u4e0d\u65ad\u5730\u8fed\u4ee3\u66f4\u65b0\uff0c\u5c24\u5176\u662f\u540e\u8005\uff0c\u521a\u88abGoogle\u6536\u8d2d\uff0c\u672a\u6765\u8bf4\u4e0d\u5b9a\u4f1a\u6709\u5feb\u901f\u7684\u53d1\u5c55\u3002
\u6211\u4e2a\u4eba\u7684\u7b2c\u4e8c\u4e2a\u5de5\u5177\u9009\u62e9\uff0c\u662fFramer Studio\u3002\u5f53\u6211\u628a\u5236\u4f5c\u597d\u7684\u539f\u578b\u62ff\u7ed9\u5de5\u7a0b\u5e08\u770b\u7684\u65f6\u5019\uff0c\u7ecf\u5e38\u88ab\u95ee\u5230\u8fd9\u6837\u4e00\u4e2a\u95ee\u9898\uff1a\u201c\u80fd\u4e0d\u80fd\u628a\u6e90\u7801\u7ed9\u6211\u4eec\u770b\u4e00\u4e0b\uff1f\u201d\u8fd9\u65f6\u6c14\u6c1b\u901a\u5e38\u4f1a\u6bd4\u8f83\u5c34\u5c2c\uff0c\u56e0\u4e3aFlash\u4e5f\u597dForm\u4e5f\u7f62\uff0c\u5b83\u4eec\u5236\u4f5c\u7684\u539f\u578b\u53ea\u80fd\u8d77\u5230\u6f14\u793a\u7684\u4f5c\u7528\uff0c\u800c\u65e0\u6cd5\u76f4\u63a5\u751f\u6210\u5bf9\u5f00\u53d1\u6709\u5e2e\u52a9\u7684\u4ee3\u7801\u3002\u6b64\u65f6\uff0c\u9664\u4e86\u62a5\u73ed\u73b0\u5b66Android\u6216iOS\u5f00\u53d1\u5916\uff0c\u8fd8\u6709\u6ca1\u6709\u522b\u7684\u529e\u6cd5\u5462\uff1f\u7b54\u6848\u662f\uff1a\u201c\u6709\uff01\u201d Framer Studio\u7ed9\u4e86\u6211\u4eec\u4e00\u7ebf\u66d9\u5149\u3002
Framer Studio\u662f\u4e00\u4e2a\u7eaf\u7f16\u7a0b\u5b9e\u73b0\u7684\u539f\u578b\u5236\u4f5c\u5de5\u5177\uff0c\u6709\u5f88\u5f3a\u7684\u52a8\u6548\u5b9e\u73b0\u80fd\u529b\uff0c\u5b83\u7684\u8bed\u8a00\u662f\u57fa\u4e8eJavas cript\u884d\u751f\u51fa\u7684Coffees cript\u3002\u867d\u7136\u8bed\u6cd5\u4e0eAndroid\iOS\u6709\u4e0d\u5c0f\u7684\u533a\u522b\uff0c\u4f46\u4ec5\u5c31\u52a8\u6548\u8fd9\u5757\uff0c\u5f88\u591a\u903b\u8f91\u662f\u53ef\u4ee5\u5171\u901a\u7684\u3002
\u5f53\u7136\uff0c\u5b83\u7684\u5b66\u4e60\u6210\u672c\u4e5f\u4f1a\u9ad8\u4e00\u4e9b\uff0c\u4e0d\u8fc7\u5f53\u4f60\u62ff\u7740\u4e00\u6bb5Framer\u7684\u6e90\u7801\u7ed9\u5de5\u7a0b\u5e08\u770b\u7684\u8bdd\uff0c\u5f53\u4e2d\u7684\u4e00\u4e9b\u52a8\u753b\u53c2\u6570\u548c\u5b9e\u73b0\u903b\u8f91\uff0c\u591a\u5c11\u80fd\u7ed9\u5230\u4ed6\u4eec\u4e9b\u5b9e\u9645\u7684\u5e2e\u52a9\uff0c\u6240\u4ee5\u4ed8\u51fa\u548c\u56de\u62a5\u8fd8\u662f\u6210\u6b63\u6bd4\u7684\u3002\u5173\u4e8e\u8fd0\u7528Framer\u7684\u6d41\u7a0b\uff0cTwitter\u7684\u8bbe\u8ba1\u5e08\u5206\u4eab\u4e86\u4ed6\u4eec\u7684\u7ecf\u9a8c\uff0c\u5927\u5bb6\u53ef\u4ee5\u770b\u4e0b\u8fd9\u7bc7\u6587\u7ae0\uff1a\u300aTwitter\u89c6\u9891\u529f\u80fd\u8bbe\u8ba1\u6d41\u7a0b\u5168\u7a0b\u5256\u6790\u300b
\u53e6\u5916\uff0c\u5982\u679c\u4f60\u4e13\u6ce8\u4e8eiOS\u5e73\u53f0\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5c1d\u8bd5\u4e00\u4e0bOrigami\uff0c\u8fd9\u662f\u4e2a\u7531Facebook\u56e2\u961f\u5f00\u53d1\u7684\u539f\u578b\u5de5\u5177\uff0c\u901a\u8fc7\u94fe\u63a5\u8282\u70b9\u5f0f\u7684\u64cd\u4f5c\uff0c\u65e0\u9700\u81ea\u5df1\u5199\u4ee3\u7801\uff0c\u5728\u5b83\u6700\u65b0\u7684\u66f4\u65b0\u4e2d\uff0c\u5df2\u7ecf\u652f\u6301\u5bfc\u51fa\u53ef\u4f9biOS\u548cAndroid\u4f7f\u7528\u7684\u4ee3\u7801\uff0c\u8fd9\u7bc7\u6587\u7ae0\u505a\u4e86\u4ecb\uff1a\u300aIntroducing Origami Live\u300b
\u4e09\u3001\u534f\u52a9\u5f00\u53d1\uff1a\u53c2\u6570\u6587\u6863
\u6709\u4e86\u89c6\u9891Demo\uff0c\u6709\u4e86\u4ea4\u4e92\u539f\u578b\uff0c\u76f8\u4fe1\u5de5\u7a0b\u5e08\u4eec\u5df2\u7ecf\u7406\u89e3\u4f60\u8981\u505a\u4ec0\u4e48\u4e86\uff0c\u90a3\u4ed6\u4eec\u662f\u5426\u5c31\u53ef\u4ee5\u6109\u5feb\u7684\u628a\u52a8\u6548\u5b9e\u73b0\u4e86\u5462\uff1f\u7b54\u6848\u662f\uff1a\u4e0d\u4e00\u5b9a\u3002\u4e00\u4e9b\u7b80\u5355\u7684\u52a8\u6548\uff0c\u5de5\u7a0b\u5e08\u6216\u8bb8\u53ef\u4ee5\u51ed\u7ecf\u9a8c\u641e\u5b9a\u3002\u5982\u679c\u4f60\u7684\u52a8\u6548\u8bbe\u8ba1\u5f88\u590d\u6742\uff0c\u6d89\u53ca\u4f17\u591a\u7684\u53c2\u6570\u4e0e\u901f\u7387\u53d8\u5316\uff0c\u90a3\u4ec5\u51ed\u4f60\u7684\u63cf\u8ff0\u4e0e\u5de5\u7a0b\u5e08\u8089\u773c\u7684\u611f\u89c9\uff0c\u6050\u6015\u8981\u51fa\u504f\u5dee\u3002\u8fd9\u65f6\uff0c\u5c31\u9700\u8981\u53c2\u6570\u6587\u6863\u7684\u5e2e\u52a9\u4e86\u3002
\u60f3\u8981\u81ea\u5df1\u7684\u8bbe\u8ba1\u80fd\u88ab\u7cbe\u786e\u7684\u5b9e\u73b0\uff0c\u5c31\u4e00\u5b9a\u8981\u5bf9\u5b9e\u73b0\u7684\u539f\u7406\u6709\u6240\u4e86\u89e3\u3002\u6839\u636e\u5b9e\u73b0\u539f\u7406\uff0c\u628a\u5bf9\u5e94\u7684\u53c2\u6570\u7cbe\u786e\u7684\u5199\u51fa\u6765\uff0c\u8fd9\u5c31\u662f\u53c2\u6570\u6587\u6863\u3002\u5bf9\u4e8e\u52a8\u6548\u6765\u8bf4\uff0c\u57fa\u672c\u53c2\u6570\u65e0\u975e\u8fd9\u4e09\u7c7b\uff1a
1\u3001\u52a8\u753b\u7684\u8d77\u59cb\u65f6\u95f4\u3001\u6301\u7eed\u65f6\u95f4\uff08duration\ offset\uff09
2\u3001\u53d8\u5316\u7684\u5c5e\u6027\uff08rotation\ position\ scale\ alpha\uff09
3\u3001\u8fd0\u52a8\u901f\u7387\uff08interpolator\uff09
iOS\u4e0eAndroid\u5404\u81ea\u7684\u7a0b\u5e8f\u8bed\u6cd5\u4e0d\u592a\u76f8\u540c\uff0c\u5927\u5bb6\u53ef\u4ee5\u53bb\u5b98\u7f51\u7ffb\u770b\u4e00\u4e0b\u5b83\u4eec\u7684\u5f00\u53d1\u8005\u6587\u6863\uff0c\u4e86\u89e3\u4e24\u8005\u5728\u52a8\u6548\u5b9e\u73b0\u4e0a\u5927\u6982\u7684\u8bed\u6cd5\u683c\u5f0f\uff0c\u7136\u540e\u5bf9\u5e94\u7740\u628a\u8fd9\u4e9b\u53c2\u6570\u6807\u597d\uff0c\u4f20\u9012\u7ed9\u5de5\u7a0b\u5e08\uff0c\u4ed6\u4eec\u5c31\u771f\u6b63\u53ef\u4ee5\u6109\u5feb\u7684\u5f00\u53d1\u4e86\u3002
\u5f53\u7136\uff0c\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u5c11\u4e0d\u4e86\u548c\u5de5\u7a0b\u5e08\u7684\u4e0d\u65ad\u6c9f\u901a\uff08\u4e00\u4e9b\u5982\u50cf\u7d20\u4f4d\u7f6e\u3001\u4e0d\u540c\u673a\u578b\u5c4f\u5e55\u6bd4\u4f8b\u7684\u7ec6\u8282\uff0c\u5305\u62ec\u53ef\u80fd\u51fa\u73b0\u7684\u8bef\u5dee\uff09\uff0c\u6362\u4f4d\u601d\u8003\uff0c\u4e0d\u80fd\u4e22\u7ed9\u4ed6\u6587\u6863\u6216demo\u4e4b\u540e\u505a\u7529\u624b\u638c\u67dc\uff0c\u90a3\u4e5f\u662f\u4e0d\u8d1f\u8d23\u4efb\u7684\u8868\u73b0\u3002
\u603b\u7ed3\uff1a
\u7b80\u5355\u7684\u8bf4\uff0c\u8981\u60f3\u51c6\u786e\u4f20\u8fbe\u81ea\u5df1\u7684\u8bbe\u8ba1\u53ef\u4ee5\u5206\u4e09\u6b65\u3002
\u7b2c\u4e00\u6b65\uff1a\u8981\u5feb\u901f\u53ef\u89c6\u5316\u3002
\u4f60\u53ef\u4ee5\u9009\u62e9\u4efb\u4f55\u7528\u7684\u987a\u624b\u7684\u5de5\u5177\uff0c\u628a\u81ea\u5df1\u7684\u60f3\u6cd5\u5feb\u901f\u51c6\u786e\u7684\u5448\u73b0\u51fa\u6765\uff0c\u5c31\u5df2\u7ecf\u662f\u6210\u529f\u7684\u4e00\u534a\u3002
\u7b2c\u4e8c\u6b65\uff1a\u6700\u5927\u9650\u5ea6\u7684\u8fd8\u539f\u4f7f\u7528\u573a\u666f\u3002
\u5982\u679c\u662fPC\u7aef\uff0c\u5c31\u5728\u7535\u8111\u4e0a\u6f14\u793a\u3002\u5982\u679c\u662f\u79fb\u52a8\u7aef\uff0c\u5c31\u5728\u624b\u673a\u4e0a\u6f14\u793a\u3002\u5982\u679c\u53ef\u64cd\u4f5c\uff0c\u90a3\u6700\u597d\u505a\u53ef\u4ea4\u4e92\u7684\u539f\u578b\uff0c\u5f53\u7136\uff0c\u662f\u5728\u65f6\u95f4\u6210\u672c\u5141\u8bb8\u7684\u6761\u4ef6\u4e0b\u3002
\u7b2c\u4e09\u6b65\uff1a\u628a\u8bbe\u8ba1\u53c2\u6570\u5316\uff0c\u5c3d\u53ef\u80fd\u51cf\u5c11\u8ba9\u5de5\u7a0b\u5e08\u51ed\u611f\u89c9\u5f00\u53d1\u7684\u60c5\u51b5\u3002
\u76f8\u4fe1\u6211\uff0c\u5982\u679c\u4f60\u4e0d\u5e0c\u671b\u5de5\u7a0b\u5e08\u51ed\u611f\u89c9\u8c03UI\u989c\u8272\uff0c\u90a3\u4e48\u52a8\u6548\u540c\u7406\u3002\u4e00\u4efd\u7cbe\u786e\u7684\u6587\u6863\uff0c\u662f\u4f60\u4e13\u4e1a\u6027\u7684\u4f53\u73b0\u3002
\u6700\u540e\u6211\u60f3\u63d0\u9192\u4e00\u4e0b\uff0c\u672c\u6587\u63d0\u5230\u4e86\u5f88\u591a\u5de5\u5177\uff0c\u800c\u5de5\u5177\u4f3c\u4e4e\u6709\u80fd\u8ba9\u4eba\u7740\u8ff7\u7684\u9b54\u529b\u3002\u6240\u4ee5\u8bf7\u6ce8\u610f\u4e86\uff0c\u5343\u4e07\u4e0d\u8981\u5728\u8ffd\u6c42\u5de5\u5177\u7684\u8fc7\u7a0b\u4e2d\u8ff7\u5931\u4e86\u8bbe\u8ba1\u7684\u672c\u6e90\u3002\u7535\u5f71\u300a\u591c\u884c\u8005\u300b\u91cc\u6709\u4e00\u53e5\u53f0\u8bcd\uff1a\u201c\u60f3\u8d62\u5f69\u7968\u7684\u8bdd\uff0c\u4f60\u5f97\u5148\u8d5a\u591f\u4e70\u5f69\u7968\u7684\u94b1\u3002\u201d\u540c\u6837\uff0c\u6211\u4eec\u662f\u8bbe\u8ba1\u5e08\uff0c\u60f3\u8981\u5de5\u7a0b\u5e08\u5b9e\u73b0\u51fa\u9177\u70ab\u7684\u52a8\u6548\uff0c\u4f60\u5f97\u5148\u628a\u5b83\u9177\u70ab\u7684\u8bbe\u8ba1\u51fa\u6765\u3002\u6293\u4f4f\u4e00\u5207\u673a\u4f1a\u63d0\u5347\u81ea\u5df1\u7684\u8bbe\u8ba1\u80fd\u529b\u5427\uff01\u90a3\u624d\u662f\u4f60\u6700\u5b9d\u8d35\u7684\u4e1c\u897f\u3002
另外值得一提的是，苹果自家的开发者工具 Quartz Composer(简称 QC) 虽然已经存在了多年，但除了苹果员工自己用，在外界一直默默无闻，直到 Facebook Home 的发布，国内外设计师和开发者学习 QC 的热情才渐渐变得无比高涨，网上视频教程，相关网站也多了起来，甚至 Facebook 还推出了针对它的框架 Origami，以及 IDEO 最近发布的 Avocado，一下子让 QC 成为了炙手可热的原型交互工具了。不知道这次 Framer.js 和 Framer Studio 的出现会不会让它成为这一领域的又一大阵营呢？
移动设备这些年的发展，手机上的交互创新越来越多，而随着 iOS 7 的日渐普及，手机厂商都渐渐走向了扁平化，交互设计为主，视觉设计为辅的路线，于是设计师们发现，之前的生产工具已经不能为移动平台的应用创造更好的交互设计了，所以才导致了现在这类工具的大规模爆发。
最后说说我自己对这两种工具的使用经验吧，虽然它们都很有前途社区支持也很强大，并且都和 Facebook 渊源很深，但作为设计师，还是感觉这两种工具的学习成本太高了，Framer.js
由于是需要手写代码来实现交互效果的，对于单纯只做设计的设计师可能很难上手，而且它的代码是 CoffeeScript，这让设计师尤其是交互设计师学习的成本更大了…而 QC 呢，虽然它不需要写代码，但是使用起来还是过于复杂，而且最大的弊病是，做出来的东西可复用性和可维护性都太差了。
扩展阅读：女忍最后の战争2.2 ... firebox studio ... furry幻想酒馆怎么进入 ... paperpass免费入口 ... fap ninja下载 ... studiofow的全部资源 ... myfreecams荷兰女神forest ... vore油管视频 ... forest nymph海岛视频 ...
