7个步骤让你成为UI&UX设计师7 months ago赞赏还没有人赞赏，快来当第一个赞赏的人吧！4收藏分享举报文章被以下专栏收录{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\u002Fpay.zhihu.com\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&:&&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&&,&urlToken&:&c_&,&id&:36284,&imagePath&:&v2-548a44f608b24dfe78a6e20.jpg&,&slug&:&c_&,&applyReason&:&0&,&name&:&玲珑设计&,&title&:&玲珑设计&,&url&:&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fc_&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:69,&avatar&:{&id&:&v2-548a44f608b24dfe78a6e20&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-548a44f608b24dfe78a6e20_l.jpg&,&articlesCount&:70},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-317b826c40ba_r.jpg&,&lastUpdated&:,&imagePath&:&v2-317b826c40ba.jpg&,&permission&:&ARTICLE_PUBLIC&,&topics&:[,664],&summary&:&原文：7 steps to become a UI\u002FUX designer原文地址：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fblog.prototypr.io\u002F7-steps-to-become-a-ui-ux-designer-8beed7639a95\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eblog.prototypr.io\u002F7-ste\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Eps-to-become-a-ui-ux-designer-8beed3C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E作者：Nicole Saidy翻译：Johnson在之前，我收到一些人提出的简单问题 我怎么样才能更多深入了解UI&UX我是一名程序猿、销售经理、社交媒体经营者，我想更多知道关于设计这方面的知…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T21:52:03+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:3258679,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&7个步骤让你成为UI&UX设计师&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:36284,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-317b826c40ba_r.jpg&,&author&:{&bio&:&公众号：Sophia的玲珑阁&,&isFollowing&:false,&hash&:&0a2ebdff030f7c2af593e8db3be30cd4&,&uid&:287500,&isOrg&:false,&slug&:&mu-mu-mu-mu-mu-25&,&isFollowed&:false,&description&:&踏实干活的交互设计师，提供设计干货，设计类书籍读后感与总结，设计方法论等各方面的知识。微信公众号：Sophia的玲珑阁\n&,&name&:&Sophia的玲珑阁&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fmu-mu-mu-mu-mu-25&,&avatar&:{&id&:&v2-83d84f1ebc9feee54c020a&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:705118}],&title&:&7个步骤让你成为UI&UX设计师&,&author&:&mu-mu-mu-mu-mu-25&,&content&:&\u003Cp\u003E原文：7 steps to become a UI\u002FUX designer\u003C\u002Fp\u003E\u003Cp\u003E原文地址：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fblog.prototypr.io\u002F7-steps-to-become-a-ui-ux-designer-8beed7639a95\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eblog.prototypr.io\u002F7-ste\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Eps-to-become-a-ui-ux-designer-8beed3C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E作者：Nicole Saidy\u003C\u002Fp\u003E\u003Cp\u003E翻译：Johnson\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&293\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='293'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&293\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E在之前，我收到一些人提出的简单问题\u003C\u002Fp\u003E\u003Cbr\u003E\u003Col\u003E\u003Cli\u003E\u003Cp\u003E我怎么样才能更多深入了解UI&UX\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E我是一名程序猿、销售经理、社交媒体经营者，我想更多知道关于设计这方面的知识，要从哪里开始做起？\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E你是如何知道一个设计作品的好与坏？\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E我要做什么才能成为一名设计师？\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Ch2\u003E『我该怎么开始』\u003C\u002Fh2\u003E\u003Cp\u003E这个问题让我回到我开始第一份工作的时候。7年之前，在我第一个设计工作上的第一天，我坐在一台iMac前面，上面有一个空白的Photoshop档案。我尝试去理解我的主管对我的任务所说的简单任务。我没有一点想法该如何开始，一片空白。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c528faabaaf0ce923aed_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&315\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c528faabaaf0ce923aed_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='315'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&315\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c528faabaaf0ce923aed_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c528faabaaf0ce923aed_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E我只从大学毕业，并且有一个多媒体学位。所以，为什么我不知道关于设计的任何东西？大学并没有教我们实际性的设计。大部分的大学课程只会教我们理论，有时候就教我们如何使用设计工具，像是Adobe的一套工具。但是这是远远不够的——差远了。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E『让你成为一个好的设计师的唯一方法，就是实践与学习』\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E自学了7年之后，我现在是一名设计老师和国际会议演讲者。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E第一件事你应该要知道：\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E你并不是与设计一同出生的\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E设计是关于解决问题\u003C\u002Fstrong\u003E。这是一个不断地发现问题并解决他们的过程。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E这里有很多关于设计的领域：UI，UX，产品设计者，动态设计师，交互设计师，信息架构师等等。首先你要搞清楚哪一个是你特别有兴趣的。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E现在，让我们专注在最常见的类型：一个混合了界面与体验的职业：\u003Cstrong\u003EUI\u002FUX设计师\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E1.熟悉你自己和UI原则\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bea3d2b5eef2_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&400\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bea3d2b5eef2_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='400'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&400\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bea3d2b5eef2_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bea3d2b5eef2_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E在练习设计之前，你需要知道的第一件事就是学习一些设计原则。从这开始，你将要进入设计的世界，并开始思考『创造性』。你要学习设计的心理学方面知识：为什么这个作品看起来很棒和为什么它会失败。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E这里有一些你要应该要知道的基本原则。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E颜色\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E颜色词汇，颜色的基本知识和心理学。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E平衡\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E对称性和不对称性\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E对比\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E使用对比去组织信息，建立等级制度和创建焦点。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E排版\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在网页中选择字体和创建浅显易懂的文本\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E统一性\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是最重要的原则，创建直观的和可用的设计。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E2.学习创造性UX流程\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E下一件事是要理解创造性的流程以及步骤。UI\u002FUX设计是一个每一个拥有创造性的人们所要经历的详细阶段的过程。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-55accc8ef77a30_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&502\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-55accc8ef77a30_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='502'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&502\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-55accc8ef77a30_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-55accc8ef77a30_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E分成四个不同的阶段——发现，定义，开发和产生——『\u003Cstrong\u003E双钻石\u003C\u002Fstrong\u003E』（即策略+解决方案的执行）是一个设计过程中简单清晰可见的地图。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E发现\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是项目的开始。设计师开始搜寻，获取灵感和收集点子。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E定义\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是一个定义的阶段，在这个阶段，设计师们要从发现阶段中定义出一个方案，一个清晰的创意方案的简介。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E开发\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在这里是解决问题或者是概念将会被创建，做成原型，用来测试或者迭代。这个尝试和发现错误的过程，它将有助于设计师改进和完善他们的想法。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E产生\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E最后一个阶段是产生的步骤，在这里最后的项目将要完成，并进行加工与推出。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E3.为设计进化你的双眼\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E熟知设计原则是很棒的，但是有时候这是远远不够的。你也不得不训练你的眼睛去看好的设计和坏的设计，并在他们中辨别出长处和短处。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E最有影响力的方式就是通过\u003Cstrong\u003E灵感\u003C\u002Fstrong\u003E来训练你的眼睛。在打开空白的档案之前，先看着他一个小时，知道只能通过寻找来创造。有时候，脑袋不能自己创造想法，你不得不第一时间去参考其他设计作品来开始创造你自己的想法，尤其当你是一个初学者。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-83c39dac8b9c1b34c475_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&332\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-83c39dac8b9c1b34c475_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='332'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&332\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-83c39dac8b9c1b34c475_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-83c39dac8b9c1b34c475_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E所以，在Dribbble翻阅其他设计师的作品时，无论何时遇到漂亮的设计，或是与你作品相关的东西，马上将它保存在你的笔记本，你可以评论一下你喜欢他什么，你也可以直接用屏幕快照来进行截取。你将从这个方法中，开始拥有有一系列的灵感。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E以下是我最喜欢用来收集灵感的一些网址。\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fonepagelove.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eonepagelove.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E 为你的网页设计提供灵感\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fawwwards.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eawwwards.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E
\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fdribbble.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Edribbble.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E
不用多说，设计师必备网站\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fpttrns.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Epttrns.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E
移动设计的一系列\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fuimovement.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Euimovement.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E 最棒的UI设计灵感，每天都有\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E4.每天阅读设计文章\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E让我们自己熟悉设计的最好方法就是每天读一些有关设计的文章。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E养成每天阅读设计新闻或者博客的习惯，有数以百万计的在线文章可供我们发现新设计趋势，范例与教程。我们所要做的就是找到它们。 没有什么比从别人的经验中去学习更好的方法了。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-900f7bf5a60e7d7e87866_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&426\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-900f7bf5a60e7d7e87866_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='426'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&426\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-900f7bf5a60e7d7e87866_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-900f7bf5a60e7d7e87866_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E所以，从一杯咖啡和一些鼓舞人心的文章等或极好的杂志，开始你的一天吧。 早上学习新事物，将拓宽你的思想，早上也是在一天中创造思维最活跃的时间段。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E然后，在阅读一段时间后，可以休息一下，以便阅读效率更好。 好的休息对于创造力来说非常重要，特别是当你陷入困境并且感到无助时。 将你喜欢的网站作为浏览器主页收藏或订阅设计的新闻简报。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E以下是我最喜欢用来浏览设计的博客和新闻网页：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fblog.marvelapp.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eblog.marvelapp.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fmedium.com\u002Fdesign\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Emedium.com\u002Fdesign\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fsmashingmagazine.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Esmashingmagazine.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwebdesignernews.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Ewebdesignernews.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fsitepoint.com\u002Fdesign-ux\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Esitepoint.com\u002Fdesign-ux\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fblockquote\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E5.设计虚拟项目\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E实践会变得完美。 我们都知道，没有经验，我们无法获得客户以及工作。 但没有工作或项目，我们就不能练习了，是吧？\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E但是我们可以通过自己的实践来打破这个循环，通过创造虚拟项目来获得乐趣！ Dribbble上充满了这些项目。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-7c78bfb04eea4d69b2235_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&367\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-7c78bfb04eea4d69b2235_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='367'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&367\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-7c78bfb04eea4d69b2235_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-7c78bfb04eea4d69b2235_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E有时间你可以选择已经使用的网站或应用程序并重新设计他们。 它可以是任何你认为可以更好的东西。 你还可以设计自己的app。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E从此，你将建立你的设计作品集，你将会持续练习设计。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E6.学习最常用的网页设计工具\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E这里有大量的设计工具，但你不需要知道所有的设计工具。 在这里了解最好的，选择你的最喜欢，并保持更新与最新的功能和趋势。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E这里有我设计过程中所常用的工具：\u003C\u002Fp\u003E\u003Cp\u003ESketch\u003C\u002Fp\u003E\u003Cp\u003EBalsamiq\u003C\u002Fp\u003E\u003Cp\u003EAdobe XD\u003C\u002Fp\u003E\u003Cp\u003EMarvel APP\u003C\u002Fp\u003E\u003Cp\u003EInvision App\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E7.导师指导\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E另外一个学习设计的好方法就是找到一个设计导师或者设计师朋友，他们将会帮助你。他们也将帮助你加速学习的进程。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E设计师们会审查你的工作，并尽可能提出意见。 这就像一个捷径， 咱们可以从他们的经验中学到一些提示和技巧。 所以，请发送电子邮件给设计师，提出问题并说出你的疑虑。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-c7ff7f8ab906d4f96b2a40_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&359\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-c7ff7f8ab906d4f96b2a40_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='359'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&359\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-c7ff7f8ab906d4f96b2a40_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-c7ff7f8ab906d4f96b2a40_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E另外，从教设计和前端的几年来看，我学到的不仅仅是我所教导的。 当你准备开始与人交谈设计时，你可以指导或教育某人关于设计。 你将学习从不同的角度看待它，将遇到你以前从未想过的反馈和问题。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E每当你与其他人谈论设计时，你的头脑都将始终处于“头脑风暴”模式，也将发现自己对设计，越来越感兴趣。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-dad1ab74caaa9fcfd92b_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&346\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-dad1ab74caaa9fcfd92b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='346'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&346\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-dad1ab74caaa9fcfd92b_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-dad1ab74caaa9fcfd92b_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E文章中老生常谈的几种方法，确实在实际工作中也是很有效果的。后台小伙伴问得最多的就是没有工作经验，怎样拿作品去面试。正如文章中所说，任何一个你觉得设计得不好的作品你都可以进行改善，当成你自己的作品集去进行设计，积累多了，作品集也就有了。当然在国内也可在猪八戒等等网上去进行投标，说不定还可以赚一点零花钱。\u003C\u002Fp\u003E\u003Cp\u003E给不了你许多感动， 但我会陪你很久
\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E职场设计教程抢先看～一枚爱折腾、爱健身的设计师妹纸~\u003Cbr\u003E详情请关注微信公众号：Sophia的玲珑阁，获取更多有关交互、健身及其它相关信息。\u003C\u002Fb\u003E\u003C\u002Fh2\u003E&,&updated&:new Date(&T13:52:03.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:0,&collapsedCount&:0,&likeCount&:4,&state&:&published&,&isLiked&:false,&slug&:&&,&lastestTipjarors&:[],&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-317b826c40ba_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&用户界面设计师&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&交互设计&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&设计师&}],&adminClosedComment&:false,&titleImageSize&:{&width&:900,&height&:500},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&c_&,&name&:&玲珑设计&},&tipjarState&:&activated&,&tipjarTagLine&:&给不了你许多感动， 但我会陪你很久&,&sourceUrl&:&&,&pageCommentsCount&:0,&tipjarorCount&:0,&annotationAction&:[],&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T21:52:03+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&1&,&isFollowing&:false,&hash&:&9da99ce6ff3abd5933b7&,&uid&:80,&isOrg&:false,&slug&:&pavementt&,&isFollowed&:false,&description&:&&,&name&:&PAVEMENT&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fpavementt&,&avatar&:{&id&:&ceed0&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&即将有的自己努力&,&isFollowing&:false,&hash&:&f5b353c01c3af7ba6648ea&,&uid&:994000,&isOrg&:false,&slug&:&guoguoguo-2&,&isFollowed&:false,&description&:&&,&name&:&当个美丽的程序媛&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fguoguoguo-2&,&avatar&:{&id&:&v2-d3fa429f26eee&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:null,&isFollowing&:false,&hash&:&daa8caec9ee7b46edc34c&,&uid&:713200,&isOrg&:false,&slug&:&liu-wen-ying-81&,&isFollowed&:false,&description&:&&,&name&:&文英&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fliu-wen-ying-81&,&avatar&:{&id&:&v2-e260e1fcaca162c82ef028c&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&交互设计\u002F UI设计\u002F转技术\u002F新垣结衣最后一任男友&,&isFollowing&:false,&hash&:&9c5ab6ebe60fc3aa10c9&,&uid&:24,&isOrg&:false,&slug&:&tu-xiao-feng-76&,&isFollowed&:false,&description&:&工业设计小学生&,&name&:&耳朵不大的涂涂&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Ftu-xiao-feng-76&,&avatar&:{&id&:&v2-1fd0bc1c9b86f50f226e&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_200x112.jpg\& data-rawwidth=\&640\& data-rawheight=\&293\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c8c5a1ca289e8e24e3db98_r.jpg\&\u003E原文：7 steps to become a UI\u002FUX designer原文地址：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fblog.prototypr.io\u002F7-steps-to-become-a-ui-ux-designer-8beed7639a95\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Eblog.prototypr.io\u002F7-ste\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Eps-to-become-a-ui-ux-designer-8beed3C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E作者：Nicole Saidy翻译：Johnson在之前，我收到一些人提出的简单问题 我怎么样才能更多深入了解UI&UX我是一名程序猿、销售经理、社交媒体经营者，我想更多知道关于设计这方面的知…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic3.zhimg.com\u002F50\u002Fv2-756f1d7a86bd14b_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&创业公司&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&设计师&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&APP设计&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&公众号：Sophia的玲珑阁&,&isFollowing&:false,&hash&:&0a2ebdff030f7c2af593e8db3be30cd4&,&uid&:287500,&isOrg&:false,&slug&:&mu-mu-mu-mu-mu-25&,&isFollowed&:false,&description&:&踏实干活的交互设计师，提供设计干货，设计类书籍读后感与总结，设计方法论等各方面的知识。微信公众号：Sophia的玲珑阁\n&,&name&:&Sophia的玲珑阁&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fmu-mu-mu-mu-mu-25&,&avatar&:{&id&:&v2-83d84f1ebc9feee54c020a&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&玲珑设计&},&content&:&\u003Cp\u003E系列文章第六篇，收到许多读者的反馈，大多数是正面的，一部分读者给楼主提意见，想让楼主再写细致一点。这也在楼主的计划之中，\u003Cb\u003E先是概述整个设计的过程，接着针对过程中遇到的每一个小点进行细致地扣，从整体到局部，从概述到细节，从表象到本质\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E一方面是让读者有更多的收获，另一方面是整理自己的思维，逼着自己将事情做到极致，而不是差不多的程度。所以，小伙伴们耐心等待一下楼主的更文~\u003C\u002Fp\u003E\u003Cp\u003E言归正传，今天说说APP的视觉规范整理完成之后，接下来，设计师的主要任务吧。视觉规范整理之后，咱们要针对现在完成度比较高的\u003Cb\u003E文件进行整理、图片资源的输出、和开发人员的项目对接\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E文件整理\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E整理的目的一方面是为了让自己和团队查找文件更加方便；二是让自己的思维更有逻辑性，工作更加高效；三是楼主有属于设计师的强迫症（开个玩笑，可以忽略）~\u003C\u002Fp\u003E\u003Cp\u003E文件的整理分为\u003Cb\u003E文件夹和最终Sketch文件的整理\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E先说\u003Cb\u003E文件夹\u003C\u002Fb\u003E吧，一个项目建立起来时，楼主会根据项目进展的时间顺序，将文件夹分为以上几个大的分类。\u003Cbr\u003E\u003Cb\u003E01 Wireframe\u003C\u002Fb\u003E即low-fi文件的地址，\u003Cbr\u003E\u003Cb\u003E02 Visual Flow\u003C\u002Fb\u003E是Hi-fi地址，\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic4.zhimg.com\u002Fv2-6d9bf1de03cf94057f78ff_b.png\& data-rawwidth=\&227\& data-rawheight=\&145\& class=\&content_image\& width=\&227\&\u003E\u003C\u002Ffigure\u003E01与02里面的分类又有相似的地方，可根据版本再进行一次分类，不需要迭代的可以单独使用一个文件夹，如下图。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-076c7b8e810cd8bbe194_b.png\& data-rawwidth=\&1062\& data-rawheight=\&398\& class=\&origin_image zh-lightbox-thumb\& width=\&1062\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-076c7b8e810cd8bbe194_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cb\u003E03 UI Kits\u003C\u002Fb\u003E是图片资源输出的地址（比如说icon）\u003Cbr\u003E\u003Cb\u003E04 Documents\u003C\u002Fb\u003E并不是产品文档，而是APP里面需要的一些文档，比方说《服务条款》等；\u003Cbr\u003E\u003Cb\u003E05 App icon\u003C\u002Fb\u003E即APP的icon在各个平台上需要的尺寸图和它的源文件，尺寸常备px，512x512px，167x167px，152x152px，120x120px，80x80px，58x58px(可以参考相关iOS规范)；\u003Cbr\u003E\u003Cb\u003E06 Video Templates\u003C\u002Fb\u003E是有视频文件的情况下放置视频；\u003Cbr\u003E\u003Cb\u003E07 AppStoreScreenShot\u003C\u002Fb\u003E专门为screenshot进行准备的，因为安卓平台实在太多了；\u003Cbr\u003E\u003Cb\u003E08 Lauch Card\u003C\u002Fb\u003E因为在UI层面上需要耗费的时间比较多，一般在改版的时候放在比较靠后的需求，所以也可以单列出来。\u003C\u002Fp\u003E\u003Cp\u003E整体文件夹的架构如下图\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-5f7b9e705ff7fed00c1c8e_b.png\& data-rawwidth=\&1210\& data-rawheight=\&1312\& class=\&origin_image zh-lightbox-thumb\& width=\&1210\& data-original=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-5f7b9e705ff7fed00c1c8e_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E大家可以看到，规律就是每个大分类的阶段性的文件都放在该版本里面需要标注版本号，除了更新频率比较低的或者说不同版本需要共用一个文件夹的地方不会区分版本号，如03和05。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cb\u003ESketch文件一般按照页面进行功能模块的分类进行整理\u003C\u002Fb\u003E，symbol是统一以上page所有控件的地方，如下图\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic4.zhimg.com\u002Fv2-09e3af90aff5fb7d604c64d_b.png\& data-rawwidth=\&246\& data-rawheight=\&261\& class=\&content_image\& width=\&246\&\u003E\u003C\u002Ffigure\u003E\u003Cblockquote\u003E\u003Cp\u003E图片资源的输出\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E图片资源的输出主要有几类，\u003Cb\u003E一是icon类，二是图片类\u003C\u002Fb\u003E。icon的大小一个APP里面尺寸是固定的几个大小，一般是\u003Cb\u003E以PNG的形式输出\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E因为在hi-fi作图的时候一般采用二倍的图，即750x1334px的大小进行icon的绘制，所以只要icon或者图片的尺寸数在设计的时候不是单数，那么放到像iPhone 7 Plus这样三倍的屏幕上也是没问题的。输出的时候开发一般2倍和3倍的图都需要。\u003C\u002Fp\u003E\u003Cp\u003E另外一个就是图片要\u003Cb\u003E注意压缩\u003C\u002Fb\u003E。因为现在一个APP的安装包很容易就到了几十兆的体积。对于用户来说当然是希望安装包越小越好，一是节约下载时间（可能也有流量），二是解压后所占手机内存更小。所以作为设计师也要配合工程师进行这方面工作的优化。将图片进行压缩，楼主一般采用软件\u003Cb\u003EImageOptim或者在线网战TinyPNG\u003C\u002Fb\u003E（适合图片透明区域比较多的情况）。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E和开发的对接\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E在hi-fi文件定下来之后，需要跟开发童鞋集体过一遍。这个时候首先要召开一下集体的会议，参会人员包括PM、设计师、开发童鞋、TPM，Boss可能也会参加。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E设计师不能松一口气，这个时候开发童鞋可能会提各方面的疑问和意见，当然产品到了这个阶段大方向是不会改变了，设计师可能在最后hi-fi的基础上补充一些细节内容。大会过后，产品就会进入开发阶段。这个时候设计师也不能完全松一口气，因为会有开发人员随时来问你一些Corner Case（也就是边缘情况）的考虑。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic4.zhimg.com\u002Fv2-e0beae6331af_b.png\& data-rawwidth=\&1240\& data-rawheight=\&555\& class=\&origin_image zh-lightbox-thumb\& width=\&1240\& data-original=\&http:\u002F\u002Fpic4.zhimg.com\u002Fv2-e0beae6331af_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E开发人员一边开发，QA（测试工程师）将完成后的代码进行测试，两者同时进行，设计师此时的精力除了要放在这个版本功能的完善之外（还包括实现效果的核对），可能要和PM（产品经理）进行下一个版本讨论的问题了。这样的工作一轮一轮不断地进行。\u003C\u002Fp\u003E\u003Cp\u003E当然在对接的过程中也会有很多细节，比方说现在楼主接收到的挑战，将统一产品线的三个APP全部统一到一个Sketch文件标注出其中的相同点和不同点，方便开发和QA童鞋进行翻阅等等问题，针对这些细节，楼主再一点点更新。\u003C\u002Fp\u003E\u003Cp\u003E总结，在Hi-fi和视觉规范整理完成后之后，设计师的任务还没有百分百完成，估计也只完成了60%，也千万不能松口气，知道等到APP真正产出的那一瞬间才是暂时阶段性完成一个任务的时期。\u003Cb\u003E设计师除了要负责好设计自己的方案之外，还需要跟踪设计方案落实到位的过程。\u003C\u002Fb\u003E当然那一时刻的成就感不亚于自己得了一个什么奖章，不信试试看！\u003C\u002Fp\u003E\u003Cp\u003ESophia的tips：\u003Cbr\u003E\u003Cb\u003E事情不分大小，每个阶段都有它自己的使命\u003C\u002Fb\u003E！\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E相关文章\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《创业公司设计师怎样从0到1设计一款APP（五）——UI规范整理》\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《创业公司设计师怎样从0到1设计一款APP（四）——Hi-fi输出（上篇）》\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《创业公司设计师怎样从0到1设计一款APP（三）——Low-fi输出》\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《创业公司设计师怎样从0到1设计一款APP（二）——立项》\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《创业公司设计师怎样从0到1设计一款APP（一）——概述》\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E职场设计教程抢先看～一枚爱折腾、爱健身的设计师妹纸~\u003Cbr\u003E详情请关注微信公众号：Sophia的玲珑阁，获取更多有关交互、健身及其它相关信息。\u003C\u002Fb\u003E\u003C\u002Fh2\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T16:15:03+08:00&,&url&:&\u002Fp\u002F&,&title&:&创业公司设计师怎样从0到1设计一款APP（六）——整理和交接工作&,&summary&:&系列文章第六篇，收到许多读者的反馈，大多数是正面的，一部分读者给楼主提意见，想让楼主再写细致一点。这也在楼主的计划之中，\u003Cb\u003E先是概述整个设计的过程，接着针对过程中遇到的每一个小点进行细致地扣，从整体到局部，从概述到细节，从表象到本质\u003C\u002Fb\u003E。一方面是…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:0,&likesCount&:0},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic2.zhimg.com\u002F50\u002Fv2-b41ccdda04171_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&新手引导&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&设计&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&UI设计师&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&公众号：Sophia的玲珑阁&,&isFollowing&:false,&hash&:&0a2ebdff030f7c2af593e8db3be30cd4&,&uid&:287500,&isOrg&:false,&slug&:&mu-mu-mu-mu-mu-25&,&isFollowed&:false,&description&:&踏实干活的交互设计师，提供设计干货，设计类书籍读后感与总结，设计方法论等各方面的知识。微信公众号：Sophia的玲珑阁\n&,&name&:&Sophia的玲珑阁&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fmu-mu-mu-mu-mu-25&,&avatar&:{&id&:&v2-83d84f1ebc9feee54c020a&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&玲珑设计&},&content&:&\u003Cp\u003E新手引导，又可称为新手帮助。对于新手引导使用最多的就是电子游戏行业，特别是国内的网络游戏行业，作用就是将规则\u003Cb\u003E以简单易懂的方式，在较短的时间内传达给娱乐活动的参与个体\u003C\u002Fb\u003E。主要形式有图片、文字、音效、视频、互动操作。\u003C\u002Fp\u003E\u003Cp\u003E今天想用5W1H的方法来分析下新手引导页面的设计。5W+1H：是对选定的项目、工序或操作，\u003Cb\u003E从原因（何因Why）、对象（何事What）、地点（何地Where）、时间（何时When）、人员（何人Who）、方法（何法How）等六个方面提出问题进行思考，串起来将就是何人在是何时何地因为什么原因做了何事，是怎样做的\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E发现在分析问题的时候，5W1H它能帮助自己理清头绪。如果不知道从哪里入手就将这些因素罗列出来一个个进行分析。\u003C\u002Fp\u003E\u003Cp\u003E一般情况下，在APP主功能设计完成之后，我们会花很一些精力去做新手引导，一方面是将APP的功能介绍给用户，另一方面是想教会用户使用APP或者展示出某些功能的入口等。在工作中听到一位资深的开发人员说到一句话深感赞同，就是，\u003Cb\u003E最好的APP设计就是不需要新手引导\u003C\u002Fb\u003E。也许这种说法偏了极端了一点，很少有人能在自己没有多少经验的前提下就做到这样完美，所以合适的新手引导还是有它存在的必要。\u003C\u002Fp\u003E\u003Cp\u003E不得不承认在现在市面上各种新手引导中，除了极个别的能让自己停下来逗留一会，自己的第一反应不是好好看它，二是马上、快速、厌烦地跳过或者叉掉，更多的是觉得多此一举。而那些极个别的当然也有它的能跳出来的特点，待会一一细讲。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E新手引导的常见做法\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E1\u003Cb\u003E.黑色蒙版overlay在app最顶端，highlignt出来视线集中的地方，用白色的字进行标注和解释。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-c1611fde7c74ae2b03a713a4b1f8f46b_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E2.\u003Cb\u003E一小卡片的方式进行简单的提示\u003C\u002Fb\u003E，这个程度上比第一种要亲切，让用户接触到真实的APP的界面更多。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-90e7c4edae7c14a1dcb09b_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E3.\u003Cb\u003E在合适的时候弹出的popup（弹窗）\u003C\u002Fb\u003E。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-d9da276d01dd61c7bb3352dfadc2c9a5_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E以上三种做法是最常见的新手引导，效果是有的，但咱们在此基础上如果能改善一些，效果会更好~\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E改善方法：还是从5W1H的原则出发，一个个点进行击破\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E1.\u003Cb\u003E何人Who\u003C\u002Fb\u003E。在设计的时候经常听到一句话叫做“从用户出发”。首先我们需要分清楚用户是哪些人，是一类人还是多类人。一类人的话就开始分析这些人有什么特点，能接受什么样的APP设计风格，多类用户的话怎样进行分类。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E最常见的多类用户就是\u003Cb\u003E个人与团队，VIP与非VIP\u003C\u002Fb\u003E的身份不同。用户群分开之后，针对性就更强。咱们在这一点需要讨论的是，要有这个分类的步骤，如下图。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c5aff569f35bba032faaab8_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E2.\u003Cb\u003E何时When\u003C\u002Fb\u003E。需要的时候才进行引导，不在不恰当的时候给用户添麻烦，也不完全不吭声进行隐藏。\u003C\u002Fp\u003E\u003Cp\u003E比方说，咱们在用某宝进行购物的时候，选东西和找东西是一个步骤，期间花费的时间可能是几分钟，几小时，甚至是几天，而填写收货地址又是另一个任务，倘若一股脑在APP打开的瞬间全部抛来，用户没有精力看，就算看了也记不住，还会引起反感。可当用户在选完商品之后填写收货地址时，这个时候再进行引导，不仅新手引导起了作用帮助用户完成任务，同时也能让用户感到贴心，增加用户对产品的好感。\u003C\u002Fp\u003E\u003Cp\u003E同一件事，在不同的时间去做会产生两种完全不同的效果，重点在于，在当时的场景下，用户真正需要的是什么，跟谈恋爱是不是也是一个道理？\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E3.\u003Cb\u003E何地Where\u003C\u002Fb\u003E。APP的新手引导除了首次打开APP，以及上一条所说在合适的需要的原则下，还有地方可以利用就是空状态。空状态的情况下，也可以给予用户提示去做一些任务，满足用户的需求。如下图。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-fcbec7f097867_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E4.\u003Cb\u003E何因Why\u003C\u002Fb\u003E。解释清楚为什么要做这一步，这一步可以为用户带来什么样的好处，而不是给企业或者APP本身带来什么样的好。文字进行简洁，控制在一句话之内。如下图。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cda2ec9174fa45efad640_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&534\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E5.\u003Cb\u003E何事What\u003C\u002Fb\u003E。即用户所要做的事情，在前面几条都铺垫完全之后，用户就会更满意地进行这个操作了。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E6.\u003Cb\u003E何法How\u003C\u002Fb\u003E。除了使用图片加步骤的引导之外，方法可以朝其他方面进行扩展。比方说弄个小型的常驻机器人或者客服窗口，进行问题回答，需要的时候再用；用趣味性的游戏的引导方式，让用户做旅客地图；或者用潮流的酷炫的视频进行引导等等。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-04c9ca86d049e1ce2d860_b.jpg\& data-rawwidth=\&300\& data-rawheight=\&493\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E解决问题的方式有很多种，5W1H只是比较常见的其中一种。在工作中，怕的不是问题如何艰巨，怕的是自己没有理清楚思绪，不知道如何下手，像这样用拆分的法则将问题进行拆分，进行一个个地解答，未尝不是一种好的思路。希望有一天，能设计出不需要新手引导的APP~望共勉~\u003C\u002Fp\u003E\u003Cp\u003E敬请期待下篇更新landing page的设计方法~\u003C\u002Fp\u003E\u003Cp\u003E其它文章\u003Cbr\u003E\u003Ca href=\&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F\& class=\&internal\&\u003E《设计背后的思维能力》\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E要在最快乐的年纪
活的精彩且迷人\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E职场设计教程抢先看～一枚爱折腾、爱健身的设计师妹纸~\u003Cbr\u003E详情请关注微信公众号：Sophia的玲珑阁，获取更多有关交互、健身及其它相关信息。\u003C\u002Fb\u003E\u003C\u002Fh2\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T19:11:02+08:00&,&url&:&\u002Fp\u002F&,&title&:&新手引导设计，这样改善太棒了！&,&summary&:&新手引导，又可称为新手帮助。对于新手引导使用最多的就是电子游戏行业，特别是国内的网络游戏行业，作用就是将规则\u003Cb\u003E以简单易懂的方式，在较短的时间内传达给娱乐活动的参与个体\u003C\u002Fb\u003E。主要形式有图片、文字、音效、视频、互动操作。今天想用5W1H的方法来分析下新…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:0,&likesCount&:2}},&annotationDetail&:null,&commentsCount&:0,&likesCount&:4,&FULLINFO&:true}},&User&:{&mu-mu-mu-mu-mu-25&:{&isFollowed&:false,&name&:&Sophia的玲珑阁&,&headline&:&踏实干活的交互设计师，提供设计干货，设计类书籍读后感与总结，设计方法论等各方面的知识。微信公众号：Sophia的玲珑阁\n&,&avatarUrl&:&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-83d84f1ebc9feee54c020a_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&mu-mu-mu-mu-mu-25&,&bio&:&公众号：Sophia的玲珑阁&,&hash&:&0a2ebdff030f7c2af593e8db3be30cd4&,&uid&:287500,&isOrg&:false,&description&:&踏实干活的交互设计师，提供设计干货，设计类书籍读后感与总结，设计方法论等各方面的知识。微信公众号：Sophia的玲珑阁\n&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fmu-mu-mu-mu-mu-25&,&avatar&:{&id&:&v2-83d84f1ebc9feee54c020a&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&growthSearch&:&s2&,&sEI&:&c&,&nwebQAGrowth&:&experiment&,&qawebRelatedReadingsContentControl&:&close&,&liveStore&:&ls_a2_b2_c1_f2&,&qawebThumbnailAbtest&:&new&,&nwebSearch&:&nweb_search_heifetz&,&rt&:&y&,&showVideoUploadAttention&:&true&,&isOffice&:&false&,&enableTtsPlay&:&post&,&newQuestionDiversion&:&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F&,&newLiveFeedMediacard&:&new&,&newMobileAppHeader&:&true&,&androidPassThroughPush&:&all&,&hybridZhmoreVideo&:&yes&,&nwebGrowthPeople&:&default&,&nwebSearchSuggest&:&default&,&qrcodeLogin&:&qrcode&,&enableVoteDownReasonMenu&:&enable&,&isf8&:&1&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&zcmLighting&:&zcm&,&androidDbFeedHashTagStyle&:&button&,&appStoreRateDialog&:&close&,&default&:&None&,&isNewNotiPanel&:&no&,&wechatShareModal&:&wechat_share_modal_show&,&growthBanner&:&default&,&androidProfilePanel&:&panel_b&}},&columns&:{&next&:{},&c_&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fc_&,&name&:&玲珑设计&,&creator&:{&slug&:&mu-mu-mu-mu-mu-25&},&url&:&\u002Fc_&,&slug&:&c_&,&avatar&:{&id&:&v2-548a44f608b24dfe78a6e20&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&switches&:{&couldSetPoster&:false},&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&:{&baidu&:false,&yidianzixun&:false,&qqnews&:false},&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,&userAgent&:{&ua&:&Mozilla\u002F5.0 (compatible, MSIE 11, Windows NT 6.3; Trident\u002F7.0; rv:11.0) like Gecko&,&browser&:{&name&:&IE&,&version&:&11&,&major&:&11&},&engine&:{&version&:&7.0&,&name&:&Trident&},&os&:{&name&:&Windows&,&version&:&8.1&},&device&:{},&cpu&:{}}},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}