网易游戏主策划师谈游戏策划
策划，是玩家接触游戏开发中最经常提到的名词，这个掌控了游戏诞生的职业，在许多玩家的眼里是最神圣也是最令人向往的游戏开发职位。同时，由于对游戏开发的不了解，策划也是受到玩家指责最多的职务，我们经常可以在论坛上和评论中看到玩家针对策划发表的种种对立，甚至是攻击的言论。而这，也往往导致玩家和游戏开发人员之间产生严重的信任危机。　　对于策划行业还同时存有策划简单论和复杂论两种说法，前者认为策划是一个非常容易胜任的职业，所做无非是写写文案而已；而后者又特别强调了策划在游戏开发中的地位，形容成为神一样的存在，可以操控游戏的生死。这两种说法都各有各的道理，并不能绝对意义上说谁对谁错。&　　主题1：怎样成为游戏策划？优秀游戏策划又是如何炼成的？&　　首先，我们发现在许多玩家的心里中存在着一个这样的概念：要想进入游戏行业，而又没有美术、程序这样的专业技能，那么你可以去当策划。策划是否是这样一个门槛很低的职位？它是否是并不具备专业技能的玩家进入网游开发行业的门票？　　叶航：我觉得，游戏策划是一门易学难精的职业。它确实不用要求像美术、程序那样必须具备某几项指定的专业技能，可能你只要玩过一些游戏，对游戏有一定的概念和理解，你就可能可以进来做一名策划，但这仅仅是能达到策划这个职位的最低底限而已。真正要成为一名合格的或者优秀的策划，要具备的技能其实甚至要超过美术或程序。　　作为一名优秀的策划，他必须既要有理性的一面，也需要有感性的一面。必须具备对游戏的热爱这种感性的理念，也必须统筹全局，平衡各方这样一个理性的逻辑思维能力。而理性和感性是对立的两极，要想在一个人身上同时具备理性和感性的平衡是非常难的。　　现在有许多年轻策划进入这个行业，凭的是对游戏的一腔热血，而在进入开发公司后，他需要在保持着对游戏的高度热情的情况下，通过对一些技能的学习和经历的累积，来提升自己的内在涵养，也就是理性的一面。为什么说策划&难精&就是因为技能是可以培养的，而涵养是需要长期累积的，并随着个人的人生经历不同而产生差异。像日本、欧美等一些著名的游戏策划和制作人，他们一般的年龄都达到了40~50岁，因为不经历那么长的时间，无法达到那么长的社会积淀和人生阅历，来支撑自己的设计思想。所以我认为，策划是一个入门比较容易，而精深很难的一个职业。策划这个职业入门容易，精深难　　你提到了个人涵养是无法向学习技能那样快速得到的，那么如果想成为一名优秀的策划，你认为他可能需要学习哪些知识可以帮助他更快更好的积淀个人涵养？　　叶航：我个人认为，一般情况下，我们说一个合格的策划，他可能需要了解社会经济学、心理学、市场营销等方面的知识，同时考虑到所处公司的公司项目的异同可能还需要对某些区域和时间段的历史、文化要有所涉猎。比如网易公司的策划，可能要求更多具备中国古代文化的知识，而一个做西方奇幻题材的公司，对理解西方文学系统的要求可能就要更高一些。这些方面的书是可以最直接帮助年轻策划们提升自身策划能力的。　　而如果需要更加深一步的话，那么有一些表面上看起来可能直接用处不是很大的知识，例如对社会机构的认识，对人文关系的理解，国际国内的一些政治、经济、文化等这些方面的认知都会对加深你的人生阅历起到很好的作用，当然还有一些大家都认同的丰富人生阅历的方法，比如通过旅游了解各地风俗、民情、文化、地理、景观等一些自然方面的知识也可以很好的帮助你累积自己的阅历。这里面，我觉得还有最难达到的一点就是，在长时间的人生过程中，经历的各种喜怒哀乐、悲欢离合等情感波折，能够使人更加理智，全面的看待问题，这个方面的积累并不是通过短时间的学习可以掌握的，他必须实实在在的通过你的人生去丰富它。
分享这篇日志的人也喜欢
你们的小可爱已上线?
吃可爱多长大的
GROUNDSHOW之夜时装周闭幕式
王霏霏独家专访
热门日志推荐
人人最热标签
北京千橡网景科技发展有限公司：
文网文[号··京公网安备号·甲测资字
文化部监督电子邮箱：wlwh@··
文明办网文明上网举报电话： 举报邮箱：&&&&&&&&&&&&
请输入手机号，完成注册
请输入验证码
密码必须由6-20个字符组成
下载人人客户端
品评校花校草，体验校园广场游戏策划的软件与工具a year ago赞赏还没有人赞赏，快来当第一个赞赏的人吧！5收藏分享举报文章被以下专栏收录「体验设计」的刷怪练级之路推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&分享我在「游戏\u002F交互」副本中的捡到的各类战利品（经验丹、怪物图鉴、装备以及不值钱的灰色物品）&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&「体验设计」的刷怪练级之路&,&urlToken&:&UXplayer&,&id&:18896,&imagePath&:&v2-56cf1f55c7dceeb3fefe0d.jpg&,&slug&:&UXplayer&,&applyReason&:&0&,&name&:&PlayUX&,&title&:&PlayUX&,&url&:&https:\u002F\\u002FUXplayer&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:42,&avatar&:{&id&:&v2-56cf1f55c7dceeb3fefe0d&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002Fv2-56cf1f55c7dceeb3fefe0d_l.jpg&,&articlesCount&:7},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\\u002Fv2-285d8cb3bb884facf661c46ecce689a1_r.png&,&lastUpdated&:,&imagePath&:&v2-285d8cb3bb884facf661c46ecce689a1.png&,&permission&:&ARTICLE_PUBLIC&,&topics&:[],&summary&:&Axure界面示意图\u002F流程图制作软件大前提：Windows系统、无法直连外网Mac系统的话，sketch、principle之类的选择太多了如果可以直连外网，还有墨刀之类的在线编辑工具可选可以自定义控件库一般软件里自带的控件都是基本的web控件或app控件，而游戏里常用的界…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T11:21:23+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:1386524,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&游戏策划的软件与工具&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:18896,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\\u002Fv2-285d8cb3bb884facf661c46ecce689a1_r.png&,&author&:{&bio&:null,&isFollowing&:false,&hash&:&e3f0edf9f528eaee2744&,&uid&:175360,&isOrg&:false,&slug&:&uxplayer&,&isFollowed&:false,&description&:&无节操的游戏策划，有情怀的交互设计师&,&name&:&UXplayer&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fuxplayer&,&avatar&:{&id&:&v2-45d9dbe5d5e5e796f4a7ee3aad3044d5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:450946}],&title&:&游戏策划的软件与工具&,&author&:&uxplayer&,&content&:&\u003Ch4\u003EAxure\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E界面示意图\u002F流程图制作软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E大前提：Windows系统、无法直连外网\u003Cul\u003E\u003Cli\u003EMac系统的话，sketch、principle之类的选择太多了\u003C\u002Fli\u003E\u003Cli\u003E如果可以直连外网，还有墨刀之类的在线编辑工具可选\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003Cli\u003E可以自定义控件库\u003Cul\u003E\u003Cli\u003E一般软件里自带的控件都是基本的web控件或app控件，而游戏里常用的界面元素要远多于这些基础控件，因此提前制作一套适合自己游戏的自定义控件可以在之后的工作中节省不少时间，还能保持统一性。\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d2811a1dbfce34ff0d158_b.png\& data-rawwidth=\&415\& data-rawheight=\&346\& class=\&content_image\& width=\&415\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='415'%20height='346'&&\u002Fsvg&\& data-rawwidth=\&415\& data-rawheight=\&346\& class=\&content_image lazy\& width=\&415\& data-actualsrc=\&https:\u002F\\u002Fv2-d2811a1dbfce34ff0d158_b.png\&\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003Cli\u003E可以创建交互效果、并且便于分享\u003Cul\u003E\u003Cli\u003E理论上可以制作各种复杂的交互效果、高保真原型，但是从时间投入考虑性价比不高，因此一般我只会创建「点击 – 跳转页面」这一种事件，来简单模拟整个系统的操作流程\u003C\u002Fli\u003E\u003Cli\u003EAxure生成的原型都是HTML网页，系统自带的IE就能打开\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003Cli\u003E作为流程图软件时\u003Cul\u003E\u003Cli\u003E如果是界面关系流程图，可以关联已创建的界面，生成HTML网页后，点击流程图可以直接跳到对应的界面，便于讲解流程时的细节展开。\u003C\u002Fli\u003E\u003Cli\u003E如果是一般操作逻辑流程图，axure并没有明显的优点，但也没太大的缺点，中规中矩\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003ESublimeText\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E万能编辑器，所有的配置文件都推荐用这个软件编辑（xls之类二进制文件除外）\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E鼠标中键可以直接多行选择，非常实用！\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-78f947b62093ba27cde8_b.png\& data-rawwidth=\&596\& data-rawheight=\&203\& class=\&origin_image zh-lightbox-thumb\& width=\&596\& data-original=\&https:\u002F\\u002Fv2-78f947b62093ba27cde8_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='596'%20height='203'&&\u002Fsvg&\& data-rawwidth=\&596\& data-rawheight=\&203\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&596\& data-original=\&https:\u002F\\u002Fv2-78f947b62093ba27cde8_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-78f947b62093ba27cde8_b.png\&\u003E\u003C\u002Fli\u003E\u003Cli\u003E针对整个目录的全局搜索\u002F替换，速度极快。\u003C\u002Fli\u003E\u003Cli\u003ESublimeText的强大远不止于此，这只是编辑配置文件时最实用的两点 。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EXMLSpy\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E专业的XML编辑软件。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E用这个软件主要就为了一点：\u003Cul\u003E\u003Cli\u003E在网格模式下，可以直接把Excel里计算好的成百上千行数据粘贴过去，大大提升效率\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-1c3fe5ad00_b.png\& data-rawwidth=\&473\& data-rawheight=\&386\& class=\&origin_image zh-lightbox-thumb\& width=\&473\& data-original=\&https:\u002F\\u002Fv2-1c3fe5ad00_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='473'%20height='386'&&\u002Fsvg&\& data-rawwidth=\&473\& data-rawheight=\&386\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&473\& data-original=\&https:\u002F\\u002Fv2-1c3fe5ad00_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-1c3fe5ad00_b.png\&\u003E\u003Cul\u003E\u003Cli\u003E当然这个软件也有很大的缺点：运行慢、占内存。所以要配合SublimeText来使用，XMLSpy主要是用来粘贴大量数据时用的，轻量的编辑还是采用SublimeText更高效。\u003C\u002Fli\u003E\u003Cli\u003E不要再用用UltraEdit、Notepad++ 甚至记事本来编辑XML了！\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EMindManger\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E脑图软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E我见过用Excel、Word、Visio来画脑图的（确切的说不是脑图，只是想法收集整理的文档）\u003C\u002Fli\u003E\u003Cli\u003E然而，还是用专门的脑图软件好一些\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003E Q-Dir\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E资源管理器窗口布局软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E配置一个系统要涉及好多个目录：设定表、客户端配置、服务端配置、美术资源等等……\u003C\u002Fli\u003E\u003Cli\u003E这个软件可以在一个窗口中分多栏、同时打开多个目录（最多分四栏）\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-5aaf519ad5b833de6d5d2f_b.png\& data-rawwidth=\&961\& data-rawheight=\&585\& class=\&origin_image zh-lightbox-thumb\& width=\&961\& data-original=\&https:\u002F\\u002Fv2-5aaf519ad5b833de6d5d2f_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='961'%20height='585'&&\u002Fsvg&\& data-rawwidth=\&961\& data-rawheight=\&585\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&961\& data-original=\&https:\u002F\\u002Fv2-5aaf519ad5b833de6d5d2f_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-5aaf519ad5b833de6d5d2f_b.png\&\u003E\u003C\u002Fli\u003E\u003Cli\u003E还可以保存分栏的布局模式和对应打开的目录，以便之后编辑。\u003C\u002Fli\u003E\u003Cli\u003E我给那些配置复杂的系统，各保存设置了一套布局摆在桌面上，再也不用改一个系统打开4个资源管理器窗口、一层一层找目录了。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EBulk Rename Utility\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E批量重命名文件的软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E能用软件解决的事情，我都不想人工操作；\u003C\u002Fli\u003E\u003Cli\u003E就算不会用正则表达式，光是基础的替换、加前后缀都足以节省很多无意义的手工劳动。\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-79a9dbf1960c3_b.png\& data-rawwidth=\&934\& data-rawheight=\&673\& class=\&origin_image zh-lightbox-thumb\& width=\&934\& data-original=\&https:\u002F\\u002Fv2-79a9dbf1960c3_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='934'%20height='673'&&\u002Fsvg&\& data-rawwidth=\&934\& data-rawheight=\&673\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&934\& data-original=\&https:\u002F\\u002Fv2-79a9dbf1960c3_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-79a9dbf1960c3_b.png\&\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EPNGOUT\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003Epng图片无损压缩\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003EPS直接存保存的png图片经常比容量较大，用工具压缩一下可以节省很多容量。\u003C\u002Fli\u003E\u003Cli\u003E这类图片压缩工具有很多，PNGOUT未必是最出色的一个，但胜在操作简单。\u003C\u002Fli\u003E\u003Cli\u003E我一般会在每个大版本前夜，把所有图标都扔进去压一遍。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d2dcaa15a21b8_b.png\& data-rawwidth=\&1177\& data-rawheight=\&650\& class=\&origin_image zh-lightbox-thumb\& width=\&1177\& data-original=\&https:\u002F\\u002Fv2-d2dcaa15a21b8_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1177'%20height='650'&&\u002Fsvg&\& data-rawwidth=\&1177\& data-rawheight=\&650\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1177\& data-original=\&https:\u002F\\u002Fv2-d2dcaa15a21b8_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-d2dcaa15a21b8_b.png\&\u003E\u003Ch4\u003EEverything\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E文件搜索\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E那么多文档素材，就算目录结构再清晰也难免有找不到某个文件的时候，\u003Cbr\u003E而Windows系统自身的搜索实在太慢，用这个软件试一下吧，搜索速度极速提升。\u003C\u002Fp\u003E\u003Ch4\u003EKKCapture\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E视频录制软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E之前研究其他游戏（页游）的引导流程时，用这个录了几十个游戏的视频，\u003Cbr\u003E不过后来做手游后感觉最好是能用Mac的QuickTime直接录屏——60fps高清无码。\u003C\u002Fp\u003E\u003Ch4\u003EBeyondCompare\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E文件对比软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E我们一定会遇到需要比对一个文件的不同版本、检查配置错误的时候。\u003C\u002Fli\u003E\u003Cli\u003E这个软件，绝对比SVN、CVS自带比对功能好用。\u003C\u002Fli\u003E\u003Cli\u003E还有一个连Git都没有的最大优点——可以对比Excel文件，绝对神器！\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-1c8e97a2bb_b.png\& data-rawwidth=\&837\& data-rawheight=\&522\& class=\&origin_image zh-lightbox-thumb\& width=\&837\& data-original=\&https:\u002F\\u002Fv2-1c8e97a2bb_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='837'%20height='522'&&\u002Fsvg&\& data-rawwidth=\&837\& data-rawheight=\&522\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&837\& data-original=\&https:\u002F\\u002Fv2-1c8e97a2bb_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-1c8e97a2bb_b.png\&\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003ESothink SWF Decompiler\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003ESWF反编译软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E以前做页游项目时，总觉得我们美术做的动画素材容量太大，因此用这个软件去破解了其他游戏的素材，寻找动画制作、压缩方面的技巧，还算有点帮助。\u003C\u002Fli\u003E\u003Cli\u003E不过现在flash都快被淘汰了，以后可能用不到了。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EFontCreatorSetup\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E字体编辑软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E美术选用了一个字体专门用于等级、数值等，因此只需要用到英文字母、数字和少量标-点。\u003C\u002Fli\u003E\u003Cli\u003E由于这是一个中文字体，ttf文件有10MB多。\u003C\u002Fli\u003E\u003Cli\u003E这个软件可以编辑字体文件的字库，删除不需要的文字，达到压缩字体文件的目的。\u003C\u002Fli\u003E\u003Cli\u003E最终处理过后的字体文件从10MB压到了几十KB。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-e919eaf7bdb9c_b.png\& data-rawwidth=\&1041\& data-rawheight=\&545\& class=\&origin_image zh-lightbox-thumb\& width=\&1041\& data-original=\&https:\u002F\\u002Fv2-e919eaf7bdb9c_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1041'%20height='545'&&\u002Fsvg&\& data-rawwidth=\&1041\& data-rawheight=\&545\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1041\& data-original=\&https:\u002F\\u002Fv2-e919eaf7bdb9c_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-e919eaf7bdb9c_b.png\&\u003E\u003Ch4\u003E格式工厂\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E视频音频格式转换软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E宣传视频的原始输出太大，需要转个格式压缩一下……\u003C\u002Fli\u003E\u003Cli\u003ECocos引擎下音频都需要转成MP3格式……\u003C\u002Fli\u003E\u003Cli\u003E一个团队里总要有人做这些事情。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003EGoldWave\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E音频编辑软件\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E网上扒来的背景音乐音量不一致，用这个调整一下音量\u003Cul\u003E\u003Cli\u003E这个要特殊申明一下，我们游戏正式上线之前音乐音效都会外包。只是测试体验期间需要先有素材来代替，同时还能充当外包需求的「效果图」\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003Cli\u003E再加一下渐入渐出，让音乐的出现不会很突兀\u003C\u002Fli\u003E\u003Cli\u003E这种级别的音频编辑并不需要什么专业的音乐素养，都是简单的软件操作，以淡入淡出为例：\u003Cul\u003E\u003Cli\u003E选择一段音频 - 点淡入按钮 - 选个预设的淡入模式 - 确定\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-8afbe936b3dc6e9a49f424c186bde604_b.png\& data-rawwidth=\&1150\& data-rawheight=\&718\& class=\&origin_image zh-lightbox-thumb\& width=\&1150\& data-original=\&https:\u002F\\u002Fv2-8afbe936b3dc6e9a49f424c186bde604_r.png\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1150'%20height='718'&&\u002Fsvg&\& data-rawwidth=\&1150\& data-rawheight=\&718\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1150\& data-original=\&https:\u002F\\u002Fv2-8afbe936b3dc6e9a49f424c186bde604_r.png\& data-actualsrc=\&https:\u002F\\u002Fv2-8afbe936b3dc6e9a49f424c186bde604_b.png\&\u003E\u003Cbr\u003E\u003Ch4\u003EChrome\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003E浏览器\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E主要目的是为了文章题图的矩阵布局，增加一个图标凑数用。\u003C\u002Fli\u003E\u003Cli\u003E例行黑百度，我也不算小白用户了，安装软件时都会自己检查各种不起眼的勾选项，但Chrome首页居然一度被篡改成了百度系的hao123，真是防不胜防。FuckBaidu！\u003C\u002Fli\u003E\u003Cli\u003E页游的一些资源加载问题可以通过在F12的调试窗口里初步检查，判断问题属于程序还是运维部门。\u003C\u002Fli\u003E\u003Cli\u003E当然我也确实见过一些新人是用IE、360的，还是要介绍一下世界上存在Chrome这么个浏览器。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003E其他\u003C\u002Fh4\u003E\u003Cblockquote\u003E\u003Cp\u003EAdobe大家族、Office大家族\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cul\u003E\u003Cli\u003E\u003Cp\u003EAdobe系列，当你想点美术系天赋时，自然会用到其中一些。\u003Cbr\u003E不过说实话，对于策划来说，那些基本的功能，尤其是简单的批量操作，美图秀秀确实会比PS的脚本更方便。\u003Cbr\u003E不考虑逼格问题的话，还是可以考虑装一个美图秀秀（我装了，没截在图里而已）。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003EOffice系列就不介绍了，只可能不熟练，不可能不知道。\u003Cbr\u003E只提醒一点：多研究一下Excel的函数公式，能用公式填表就不要手填\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch4\u003E最后\u003C\u002Fh4\u003E\u003Cul\u003E\u003Cli\u003E有些新人总是会认为：这个不是应该美术做？那个不是应该程序做？\u003C\u002Fli\u003E\u003Cli\u003E我的观点是，作为什么都不会的策划，只有什么都会才能活下去。\u003C\u002Fli\u003E\u003C\u002Ful\u003E&,&updated&:new Date(&T03:21:23.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:0,&collapsedCount&:0,&likeCount&:5,&state&:&published&,&isLiked&:false,&slug&:&&,&lastestTipjarors&:[],&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fv2-285d8cb3bb884facf661c46ecce689a1_r.png&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&游戏策划&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&工具软件&}],&adminClosedComment&:false,&titleImageSize&:{&width&:419,&height&:425},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&UXplayer&,&name&:&PlayUX&},&tipjarState&:&activated&,&tipjarTagLine&:&工欲善其事，必先利其器&,&sourceUrl&:&&,&pageCommentsCount&:0,&tipjarorCount&:0,&annotationAction&:[],&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T11:21:23+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&物理学在读&,&isFollowing&:false,&hash&:&714cdad77bb&,&uid&:917300,&isOrg&:false,&slug&:&ye-lu-si-ku-56&,&isFollowed&:false,&description&:&&,&name&:&夜露死苦&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fye-lu-si-ku-56&,&avatar&:{&id&:&6fe5ade988b443e4ad0bf&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&我不玩王者荣耀请不要邀请我回答王者内的问题&,&isFollowing&:false,&hash&:&69fe07e01a&,&uid&:92,&isOrg&:false,&slug&:&bai-he-chou-53&,&isFollowed&:false,&description&:&城主离不离开都是城主&,&name&:&白河愁&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fbai-he-chou-53&,&avatar&:{&id&:&d7fdef928f807bf272d2397&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&http:\u002F\u002FASC8384.top\u002F&,&isFollowing&:false,&hash&:&6d90d26332dea263750bba&,&uid&:669600,&isOrg&:false,&slug&:&ASC_8384&,&isFollowed&:false,&description&:&ASC_8384\n个人网站 http:\u002F\u002FASC8384.top\u002F&,&name&:&ASC8384&,&profileUrl&:&https:\u002F\\u002Fpeople\u002FASC_8384&,&avatar&:{&id&:&v2-ccd625ee2f830abe69fa8eb6&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&建筑设计&,&isFollowing&:false,&hash&:&721a8f0d007efee54deb&,&uid&:36,&isOrg&:false,&slug&:&shui-xian-sheng-11&,&isFollowed&:false,&description&:&&,&name&:&水先生&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fshui-xian-sheng-11&,&avatar&:{&id&:&cb064bc8debcab65fd38ad9e03c4db46&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&安卓爱好者&,&isFollowing&:false,&hash&:&371da187bcced82ac0652eae9c2936be&,&uid&:32,&isOrg&:false,&slug&:&ying-man-ji&,&isFollowed&:false,&description&:&&,&name&:&樱满集&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fying-man-ji&,&avatar&:{&id&:&221a36d24&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&https:\u002F\\u002Fv2-1c3fe5ad00_200x112.png\& data-rawwidth=\&473\& data-rawheight=\&386\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\\u002Fv2-1c3fe5ad00_r.png\&\u003EAxure界面示意图\u002F流程图制作软件大前提：Windows系统、无法直连外网Mac系统的话，sketch、principle之类的选择太多了如果可以直连外网，还有墨刀之类的在线编辑工具可选可以自定义控件库一般软件里自带的控件都是基本的web控件或app控件，而游戏里常用的界…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fbe7ec4350b79_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&产品经理&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&游戏策划&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&交互设计&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:null,&isFollowing&:false,&hash&:&e3f0edf9f528eaee2744&,&uid&:175360,&isOrg&:false,&slug&:&uxplayer&,&isFollowed&:false,&description&:&无节操的游戏策划，有情怀的交互设计师&,&name&:&UXplayer&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fuxplayer&,&avatar&:{&id&:&v2-45d9dbe5d5e5e796f4a7ee3aad3044d5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&UXplayer&,&name&:&PlayUX&},&content&:&\u003Cp\u003E作为一个什么都要做的打杂游戏策划（类似PM+UX），平日里有大量时间都需要和程序、美术讨（撕）论（哔）。经过常年累月的实战经验与理论总结，目前的胜率差不多有80%左右。分享一些个人经验，虽然没法保证百战百胜，但是对于提高胜率，应该还是能够做一些微小的贡献。\u003C\u002Fp\u003E\u003Ch3\u003EVS 程序\u003C\u002Fh3\u003E\u003Cp\u003E\u003Cb\u003E与程序PK，要能用程序语言与之沟通\u003C\u002Fb\u003E\u003Cbr\u003E了解程序语言，并不是说要会写代码，只是为了能听懂程序们在说什么。\u003Cbr\u003E据本人不完全观察，对于一些策划新人，程序经常会以类似「这没法讨论了，根本不在同一个频道上」这样的话宣告一次PK的结束。\u003Cbr\u003E这种鸡同鸭讲的情况，双方的内心都是一样的崩溃。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E内心几乎是崩溃的\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E如果把程序语言比作汉语这种一般意义上的语言。我们只需要拥有旧社会文盲的水平就足够，而程序员就好比是那些能写文章的读书人。\u003Cbr\u003E厉害点的程序员属于新概念作文大赛得奖的水平，Torvalds(写Linux的)、Wozniak(写Apple的)这种神级程序员就好比诺贝尔奖得住。\u003Cbr\u003E我们作为文盲，虽然写不了文章、看不懂文章，但是正常交流没有问题，即使对方偶尔会说些我们听不懂的成语、典故，但只要不是满口晦涩的文言文，并不会对沟通造成太大的障碍。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E那么问题来了，如何学习用于沟通的程序语言？个人觉得自己捣腾下个人网站是全面了解程序语言的有效方式。我靠着高中里搞论坛的那一年多经验，吃老本吃到现在。鉴于我时至今日仍是只会改不会写的初级水平，对程序的理解肯定不够深刻，不敢妄谈如何学习，就简单说一下各种程序语言对我的一些实际帮助吧。\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EHTML&CSS\u003C\u002Fb\u003E\u003Cbr\u003E\u003Cb\u003E了解各种页面元素都有哪些属性可以设置，各元素之间的相对位置关系、对齐方式\u003C\u002Fb\u003E\u003Cbr\u003E关于这些，其实更多是属于程序和美术之间的交流鸿沟。相对坐标还是绝对坐标？相对于屏幕对齐还是相对于其他元素对齐？当美术不了解程序语言的时候，只有我们这种既不会美术又不会程序的中间岗位来翻译了。\u003Cblockquote\u003E\u003Cp\u003E扩展阅读 \u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\.cn\u002Fhtml\u002Findex.asp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHTML&CSS系列教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003EJavaScript\u003C\u002Fb\u003E\u003Cbr\u003E\u003Cb\u003E了解各种操作事件的具体差异\u003C\u002Fb\u003E\u003Cbr\u003E就以最简单的「点击一下鼠标」，对程序而言，可能需要确定具体是click、down还是up事件，会不会有额外的hold事件。\u003Cblockquote\u003E\u003Cp\u003E扩展阅读 \u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\.cn\u002Fjsref\u002Fdom_obj_event.asp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHTML DOM Event 对象\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003ESQL\u003C\u002Fb\u003E\u003Cbr\u003E\u003Cb\u003E了解了基本的数据结构，以及读写、查询等数据处理方式。 \u003C\u002Fb\u003E\u003Cbr\u003E写系统规则时先自己建立好表结构，即使不是最优解，程序也更能理解，讨论时也不至于空谈。\u003Cbr\u003E一个界面里的列表用select写一遍，排序规则对程序而言就一目了然，用人话来写反而太啰嗦\u003Cblockquote\u003E\u003Cp\u003E扩展阅读 \u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\.cn\u002Fsql\u002Findex.asp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESQL 教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E当然，还有很多其他的一些基本的概念，比如遍历、析构之类等等，都在后来工作中慢慢积累的「新单词」。\u003Cbr\u003E对于懂程序的人来说，这些都是非常非常浅显的入门级别。不过日常工作中的讨论沟通，也大多为这些鸡毛蒜皮的小事，惊天动地的跨服架构一款游戏能有几次？\u003Cbr\u003E了解一些程序语言，避免与程序沟通时一脸茫然、二脸懵逼的窘境。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Ch3\u003EVS 美术\u003C\u002Fh3\u003E\u003Cp\u003E\u003Cb\u003E与美术PK，要强调目的、不要说具体方式\u003C\u002Fb\u003E\u003Cbr\u003E在我刚工作时，虽然是新人，但是连色值都想要自己定（然而并不是因为自己NB，这和土老板要求大红配大绿的脑残性质其实是一样的），当然结果并不理想。\u003Cbr\u003E后来接触了很多UX\u002FUI方面设计书籍和文章，再加上确实没有精力事无巨细的什么都管。遍逐渐开始「不管」美术效果，只看是否满足功能需求。\u003Cbr\u003E在收到美术的第一版效果图后，通常第一件事是检查一下我的线框图里所列的各种状态和边缘情况是否齐全。\u003Cbr\u003E大部分情况下美术都会漏一些状态，或者发现在某些状态下很不好看。（这里不是黑美术同学，但在设计感性的美观时，确实比较容易忽略掉纯理性的状态逻辑）。\u003Cbr\u003E然后再看看各个界面各个元素之间的组合关系和主次关系，是否和规则匹配。\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E如果你想把一个图标移到一个文字旁边，可以改成“我希望这个图标和这个文字之间的关联性更强一些”。\u003C\u002Fli\u003E\u003Cli\u003E如果你觉得一段文字太小、想放大，可以改成“我希望这段文字再醒目、突出一些”。\u003Cbr\u003E\u003Cbr\u003E说目的、而非具体方式\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E你在提出一个具体的改动意见或是建议时，必然是有一个更深层的实际目的需求，要找到这个实际的需求告诉美术。\u003Cbr\u003E只提这些理性、客观的需求，尽量少提主管的审美意见，美观的问题完全交给美术（以及美术老大）。\u003Cbr\u003E不过，还是有一些列外情况下，我还是会干预美观问题：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003E各种没对齐\u003C\u002Fb\u003E\u003Cbr\u003E标尺一量就知道对不对，完全不需要撕。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003E资源浪费\u003C\u002Fb\u003E\u003Cbr\u003E游戏界面的特殊性，比如增加了一个很难复用又很大的图片素材，一般都会让美术换成更经济的方式，或者做成更通用的素材。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003E风格不统一\u003C\u002Fb\u003E\u003Cbr\u003E因为有的项目不只有1个UI人员，难免会有差异，虽说可以由最后UI主管、主美什么去把握，但毕竟我更早接触，发现了还是会先提出。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003E美术主动要求建议\u003C\u002Fb\u003E\u003Cbr\u003E就像我们有时也会征询其他部门的建议、做简单的用户调研一样。这时候就尽情的发表主观的看法吧，但是会强调「仅供参考、不必采纳」。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E审美这玩意儿，没有什么绝对的标准，还是让更专业的美术去掌握。如果真觉得美术做的不忍直视，那也是应该考虑更换美术人员。我们还是专注精力在逻辑规则上。\u003C\u002Fp\u003E\u003Ch3\u003EVS 老板\u003C\u002Fh3\u003E\u003Cp\u003E\u003Cb\u003E与老板PK，把老板当普通用户\u003C\u002Fb\u003E\u003Cbr\u003E我们的老板在程序和策划方面都很厉害，因此大部分意见和建议都是很靠谱的。\u003Cbr\u003E但是毕竟老板更多考虑的是战略，并非奋战在第一线，因此对于战术细节不会非常深入的了解。\u003Cbr\u003E因此我更倾向于把老板当做一个重要的核心用户来看待。\u003Cbr\u003E核心用户提的意见肯定不能忽视，但也决不能无脑接受，要去发掘意见背后的真实诉求。\u003Cbr\u003E特别是当老板的建议会导致增加大量的工作量时，可以一方面威逼（说清楚关联改动牵扯甚多、可能会造成进度延期），另一方面利诱（提供一个相对简单、但也能部分解决问题的代替方案）。\u003Cbr\u003E由于老板的诉求已经得到了一定的反馈，加上延期这种事情是老板非常不愿意看到的。一般都会同意那个折中的方案。\u003Cbr\u003E当然，这都建立在老板是讲道理的前提上。\u003Cbr\u003E老板就是不讲道理怎么办？炒他鱿鱼！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Ch3\u003EVS 自己\u003C\u002Fh3\u003E\u003Cp\u003E\u003Cb\u003EPK之前，自己的分内工作一定要先做到位\u003C\u002Fb\u003E\u003Cbr\u003E如果你的文档、示意图都非常马虎，别人问起来都是“没想过、随便放的”，那无论与谁PK都是毫无胜算。\u003Cbr\u003E只有双方实力接近时才有PK技巧可言。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E假设对手是巴西男足，并不是一定要意大利、德国这种强队才能出战。\u003Cbr\u003E只要能达到中国男足的水平就有资格同场竞技，说不定可以进一球、得一分。\u003Cbr\u003E但倘若派出的是益民食品厂代表队，那真的只有依赖膜法才能获胜了。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E回顾一下我战败的那些情况。通常原因只有一个：\u003Cb\u003E逻辑不够严密，考虑不够周祥。\u003C\u002Fb\u003E\u003Cbr\u003E前面说我与程序的胜率有80%，其实是排除了我与我们那个变态主程的战绩，和他的胜率最多只有50%。\u003Cbr\u003E由于主程负责的通常都是大系统，几乎每次都会被他的一连串「极端边缘情况如何处理」的连击给打到。\u003Cbr\u003E面对这种失败，除了继续提高自己的姿势水平，只能微微一笑、无可奈何。\u003C\u002Fp\u003E\u003Ch3\u003E最后\u003C\u002Fh3\u003E\u003Cp\u003E一次又一次撕哔之战，目的是什么？不是为了争输赢，最重要的是为了\u003Cb\u003E推动项目\u003C\u002Fb\u003E。\u003Cbr\u003E切莫本末倒置，为了赢而赢。\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T13:14:07+08:00&,&url&:&\u002Fp\u002F&,&title&:&如何在与撕哔之战中战胜程序、美术及老板。&,&summary&:&作为一个什么都要做的打杂游戏策划（类似PM+UX），平日里有大量时间都需要和程序、美术讨（撕）论（哔）。经过常年累月的实战经验与理论总结，目前的胜率差不多有80%左右。分享一些个人经验，虽然没法保证百战百胜，但是对于提高胜率，应该还是能够做一些微…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:4,&likesCount&:6},&next&:{&isTitleImageFullScreen&:true,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-04a2eadef713fc8d2d63_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&Sketch&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&设计工具&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&用户界面设计&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:null,&isFollowing&:false,&hash&:&e3f0edf9f528eaee2744&,&uid&:175360,&isOrg&:false,&slug&:&uxplayer&,&isFollowed&:false,&description&:&无节操的游戏策划，有情怀的交互设计师&,&name&:&UXplayer&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fuxplayer&,&avatar&:{&id&:&v2-45d9dbe5d5e5e796f4a7ee3aad3044d5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&content&:&\u003Cp\u003E时至今日，开发一款移动端App仍然是一个\u003Cb\u003E缓慢又繁琐的过程\u003C\u002Fb\u003E。先要做出设计，之后写代码时若想高度还原设计还需要再花费许多人力。这样做有必要吗？显然没必要！\u003C\u002Fp\u003E\u003Cp\u003E下面让我们隆重介绍 Supernova 登场，一款可以\u003Cb\u003E完美消除设计师与工程师之间鸿沟\u003C\u002Fb\u003E的原生开发工具。它可以帮助设计师直接创建出可运行的原生 App（不是原型哦），或是帮助工程师们大大减少花费在拼 UI 上的时间消耗。\u003C\u002Fp\u003E\u003Cp\u003ESupernova 作为一款全能型工具，可以帮你自动实现以下功能：\u003Cbr\u003E? 将设计图层转化为原生控件 ?\u003Cbr\u003E? 生成控件的样式\u003Cbr\u003E? 创建导航的关系链\u003Cbr\u003E? 全自动生成响应式布局 ?\u003Cbr\u003E? 资源的检测与导出（无需切图）\u003Cbr\u003E? 创建基础动效或高级动效\u003Cbr\u003E? 导出代码、资源、项目、字体、界面等 iOS、Android 或 React（即将支持）原生项目所需要的一切 ?\u003Cbr\u003E? 除此之外还支持：浅、深两套 UI 模式\u003C\u002Fp\u003E\u003Cp\u003E还有更厉害的，任何（整理过的）移动设计稿都能适用。好了，让我们继续深入了解吧。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ca class=\&video-box\& href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Fvideo\u002Fav2F\& target=\&_blank\& data-video-id=\&805888\& data-video-playable=\&true\& data-name=\&Supernova Studio - Turn Sketch into native apps in minutes\& data-poster=\&https:\u002F\\u002Fv2-9faf3a1af06902ecd0a6.jpg\& data-lens-id=\&\&\u003E
\u003Cimg class=\&thumbnail\& src=\&https:\u002F\\u002Fv2-9faf3a1af06902ecd0a6.jpg\&\u003E
\u003Cspan class=\&content\&\u003E
\u003Cspan class=\&title\&\u003ESupernova Studio - Turn Sketch into native apps in minutes\u003Cspan class=\&z-ico-extern-gray\&\u003E\u003C\u002Fspan\u003E\u003Cspan class=\&z-ico-extern-blue\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E
\u003Cspan class=\&url\&\u003E\u003Cspan class=\&z-ico-video\&\u003E\u003C\u002Fspan\u003Ehttps:\u002F\\u002Fvideo\u002Fav2F\u003C\u002Fspan\u003E
\u003C\u002Fspan\u003E
\u003C\u002Fa\u003E
\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E从 Sketch 到 Supernova\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003ESketch 中的图层导入 Supernova 后，会被\u003Cb\u003E转换成适用于各种App的基本开发模块\u003C\u002Fb\u003E——图片、文本以及视图，当然会保留所有设计信息。\u003Cbr\u003E不仅如此，它还会\u003Cb\u003E优化设计\u003C\u002Fb\u003E。比如移除冗余元素、修正颜色及透明度、创建或智能合并路径、导出图片资源、运用遮罩等等，就是那些各种原先需要工程师们手动去做的事。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-6d0adad21d8e7dc6490b1edeb76c5ad8_b.gif\& data-rawwidth=\&800\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-6d0adad21d8e7dc6490b1edeb76c5ad8_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-6d0adad21d8e7dc6490b1edeb76c5ad8_r.gif\&\u003E\u003Cp\u003E\u003Ci\u003E导入 Sketch 文件后创建出 App 所有页面——瞬间就能完成优化\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E原生控件 & 交互式预览\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E在大多数情况下，基本的开发模块还不够，我们需要更复杂的控件组来提供额外的功能，比如滚动、加载数据、点击事件等。Supernova 支持\u003Cb\u003E在各种控件组之间无缝切换\u003C\u002Fb\u003E，或是将多个控件和合并成诸如表格这类更复杂的元素。\u003Cbr\u003E为了展现这些变化以及App的表现行为，Supernova拥有独特的\u003Cb\u003E实时预览\u003C\u002Fb\u003E功能——当你完成编辑之后，只需要点击「Interactive」切换到交互式预览模式，就可以看到整个App\u003Cb\u003E实际展现给用户的面貌\u003C\u002Fb\u003E。在这个预览模式中会模拟所有的控件行为、动效、交互事件等，当然也包括响应式布局。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-a01da867cae6b_b.gif\& data-rawwidth=\&800\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-a01da867cae6b_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-a01da867cae6b_r.gif\&\u003E\u003Cp\u003E\u003Ci\u003E将图层转换成复杂的控件——按钮、文本框、表格等\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003EStarlight——响应式布局的自动生成引擎\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E以当今的标准而言，\u003Cb\u003E做一个支持各种尺寸的响应 App\u003C\u002Fb\u003E 已经是必须的基本要求了。\u003Cbr\u003E因此，我们已经为大家实现了自动布局功能。\u003Cbr\u003ESupernova 允许你使用与 iOS 或 Android 一样的自动布局系统来实现布局，并且已经为你去除了最复杂的那部分工作——\u003Cb\u003E计算各种约束限制\u003C\u002Fb\u003E。我们会根据各种位置信息、外边距、控件类型、样式以及内容等等，自动为你计算好。\u003Cbr\u003E在你创建了按钮、表格之类的控件之后，只需点击「Solve screen」，自动布局就完成了。再切换到「Interactive」模式，就可以在\u003Cb\u003E各种尺寸的设备上预览\u003C\u002Fb\u003E了。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-1d5cb26f21c30cbfa1821c1_b.gif\& data-rawwidth=\&800\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-1d5cb26f21c30cbfa1821c1_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-1d5cb26f21c30cbfa1821c1_r.gif\&\u003E\u003Cp\u003E\u003Ci\u003E“Solve screen”选项会为你创建好各种约束限制\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E动效\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E制作优秀的动效是非常复杂的，如果还要靠人工去把动效调至恰到好处更是一件几乎不可能的事情。为了缓解这个创造过程中的痛苦，Supernova 提供了一套\u003Cb\u003E完善的动效引擎\u003C\u002Fb\u003E，它已经为你考虑好了一切，可以直接将设计转换成原生代码。\u003Cbr\u003E你可以\u003Cb\u003E在动效面板中实时预览你所创建的动效\u003C\u002Fb\u003E。可以手动设计或是直接使用预设模板，关键帧、缓动动效（spring animations）这些基本功能都包含在内。所有这些动效及其交互效果都会立即直观地展现在你面前。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-9e09de00cc38caf4dde35c8ed552cc5c_b.gif\& data-rawwidth=\&800\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-9e09de00cc38caf4dde35c8ed552cc5c_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-9e09de00cc38caf4dde35c8ed552cc5c_r.gif\&\u003E\u003Cp\u003E\u003Ci\u003E动效让按钮更鲜活\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E导航关系链\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003ESupernova 支持\u003Cb\u003E可视化连接各个页面并创建导航关系图\u003C\u002Fb\u003E。\u003Cbr\u003E创建导航时能够以按钮、表格、单元格、控件组等作为起点，连接至其他页面，或者你也可以先直接将页面连接起来，然后再去代码中做进一步调整。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-48b3a6e5cbb0d647ad19e6db440c29e8_b.png\& data-rawwidth=\&800\& data-rawheight=\&500\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-48b3a6e5cbb0d647ad19e6db440c29e8_r.png\&\u003E\u003Cp\u003E\u003Ci\u003E创建导航关系图\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E原生导出\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E如果你对在Supernova中创建的这一切已经非常满意了，那是时候导出为 \u003Cb\u003EiOS 或 Android 项目\u003C\u002Fb\u003E了（即将支持 React Native）。根据你的具体设置和导出平台，会自动生成：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E最新版本的源代码（Swift, Java, Kotlin）\u003C\u002Fli\u003E\u003Cli\u003EUI框架及布局的定义 (Storyboards, XMLs)\u003C\u002Fli\u003E\u003Cli\u003E各个分辨率的资源\u003C\u002Fli\u003E\u003Cli\u003E所需字体\u003C\u002Fli\u003E\u003Cli\u003E可修改的项目工程，包括所有的关联文件和相关配置\u003C\u002Fli\u003E\u003Cli\u003E更能凭借这股黑魔法，吸引各路小伙伴们的注意力?\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-53d01b6c052d69f98c62_b.gif\& data-rawwidth=\&800\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-53d01b6c052d69f98c62_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-53d01b6c052d69f98c62_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E欢迎使用公开Beta测试版——免费开放中\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E在经历了数年的开发和数月的内测之后，我们怀着万分激动的心情，终于发布了这一版可以面向大众的\u003Cbr\u003ESupernova。\u003Cb\u003E你现在可以免费下载并在整个Beta测试阶段中尽情使用\u003C\u002Fb\u003E。\u003Cbr\u003E（Supernova 目前需要 OS X 10.12 以上的操作系统，将来会支持 Windows 系统）\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E邮箱注册\u003C\u002Fb\u003E以获取下载链接: \u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fsupernova.studio\u002Fsubscribe\u002F\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Esupernova.studio\u002Fsubscr\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Eibe\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E \u003Cb\u003E官方网站\u003C\u002Fb\u003E：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fsupernova.studio\u002F\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Esupernova.studio\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E \u003Cb\u003E教程文档\u003C\u002Fb\u003E：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fdocs.supernova.studio\u002F\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Edocs.supernova.studio\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E或加入我们的 \u003Cb\u003E\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Fsupernovaapp\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFacebook\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fb\u003E 和 \u003Cb\u003E\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fapi.supernova.studio\u002Fslack\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESlack\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fb\u003E 一起讨论你想了解的内容、查看即将发布的新功能，比如 React 支持、创建网络、服务整合、插件等等。\u003C\u002Fp\u003E\u003Cp\u003E期待你立即尝试体验我们的Beta测试版，\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fsupernova.studio\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESupernova\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 欢迎你?\u003C\u002Fp\u003E\u003Cblockquote\u003E译者：\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\\u002Fu\u002Fd0a228c18929\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EUXplayer\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E原文链接： \u003Ca href=\&http:\u002F\\u002F?target=https%3A\\u002F%40appsupernova\u002Fintroducing-supernova-fe\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EIntroducing Supernova\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E本译文已获得开发者授权，欢迎转载，转载请保留此段信息。\u003C\u002Fblockquote\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T10:01:23+08:00&,&url&:&\u002Fp\u002F&,&title&:&UI 超新星 Supernova —— 只需 10 分钟，Sketch 文件变 App&,&summary&:&时至今日，开发一款移动端App仍然是一个\u003Cb\u003E缓慢又繁琐的过程\u003C\u002Fb\u003E。先要做出设计，之后写代码时若想高度还原设计还需要再花费许多人力。这样做有必要吗？显然没必要！下面让我们隆重介绍 Supernova 登场，一款可以\u003Cb\u003E完美消除设计师与工程师之间鸿沟\u003C\u002Fb\u003E的原生开发工具。它…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:6,&likesCount&:2}},&annotationDetail&:null,&commentsCount&:0,&likesCount&:5,&FULLINFO&:true}},&User&:{&uxplayer&:{&isFollowed&:false,&name&:&UXplayer&,&headline&:&无节操的游戏策划，有情怀的交互设计师&,&avatarUrl&:&https:\u002F\\u002F50\u002Fv2-45d9dbe5d5e5e796f4a7ee3aad3044d5_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&uxplayer&,&bio&:null,&hash&:&e3f0edf9f528eaee2744&,&uid&:175360,&isOrg&:false,&description&:&无节操的游戏策划，有情怀的交互设计师&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\\u002Fpeople\u002Fuxplayer&,&avatar&:{&id&:&v2-45d9dbe5d5e5e796f4a7ee3aad3044d5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&androidPassThroughPush&:&all&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&searchHybridTabs&:&without-tabs&,&isOffice&:&false&,&homeUi2&:&default&,&answerRelatedReadings&:&qa_recommend_with_ads_and_article&,&remixOneKeyPlayButton&:&headerButton&,&asdfadsf&:&asdfad&,&marketTab&:&market_tab_old&,&qrcodeLogin&:&qrcode&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&iOSNewestVersion&:&4.2.0&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&default&}},&columns&:{&next&:{},&UXplayer&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002FUXplayer&,&name&:&PlayUX&,&creator&:{&slug&:&uxplayer&},&url&:&\u002FUXplayer&,&slug&:&UXplayer&,&avatar&:{&id&:&v2-56cf1f55c7dceeb3fefe0d&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}