鎽╂墭杞﹁鍧 - 涓浗鎽╂墭杩风綉
鎮ㄨ闂殑椤甸潰涓嶅瓨鍦紒 璇锋寜鐓т互涓嬪煙鍚嶅垪琛ㄨ闂 - 涓浗鎽╂墭杩风綉
Welcome to Motorfans 锛分享一份自己曾经做过竞品分析。&br&这是一份关于图片类应用的竞品分析；当时正在应聘百度的暑期实习，也是凭借它拿到了百度的offer；虽然最终因为另外的原因没有去，但依然感谢那个曾经朝一个方向拼命努力的自己；&br&&br&&br&回归正题，通常竞品分析可以从下面几个维度作为切入点：&br&1.战略层（产品定位、用户需求）&br&2.范围层（主要功能）&br&3.结构层（信息架构）&br&4.框架层（交互设计）&br&5.表现层（视觉设计）&br&6.商业模式&br&（摘自《用户体验要素》一书）&br&&img src=&/2de82aac6abbaa_b.jpg& data-rawwidth=&1224& data-rawheight=&865& class=&origin_image zh-lightbox-thumb& width=&1224& data-original=&/2de82aac6abbaa_r.jpg&&&img src=&/bdca015d7feadbd5d555e0d6e351748a_b.jpg& data-rawwidth=&1221& data-rawheight=&861& class=&origin_image zh-lightbox-thumb& width=&1221& data-original=&/bdca015d7feadbd5d555e0d6e351748a_r.jpg&&&img src=&/9ed4aaa4dc_b.jpg& data-rawwidth=&1223& data-rawheight=&857& class=&origin_image zh-lightbox-thumb& width=&1223& data-original=&/9ed4aaa4dc_r.jpg&&&img src=&/845a6a3d9f7b1cfb7a08003_b.jpg& data-rawwidth=&1226& data-rawheight=&869& class=&origin_image zh-lightbox-thumb& width=&1226& data-original=&/845a6a3d9f7b1cfb7a08003_r.jpg&&&img src=&/b21797aea9e78ee19fc5cc6de03bc1d6_b.jpg& data-rawwidth=&1225& data-rawheight=&861& class=&origin_image zh-lightbox-thumb& width=&1225& data-original=&/b21797aea9e78ee19fc5cc6de03bc1d6_r.jpg&&&img src=&/dd31dfec7c_b.jpg& data-rawwidth=&1220& data-rawheight=&862& class=&origin_image zh-lightbox-thumb& width=&1220& data-original=&/dd31dfec7c_r.jpg&&&img src=&/1fb0f345d22b86da3d60e6e14dff870a_b.jpg& data-rawwidth=&1230& data-rawheight=&862& class=&origin_image zh-lightbox-thumb& width=&1230& data-original=&/1fb0f345d22b86da3d60e6e14dff870a_r.jpg&&&img src=&/977e061c738b9b0c17c43e011f9e6d90_b.jpg& data-rawwidth=&1221& data-rawheight=&861& class=&origin_image zh-lightbox-thumb& width=&1221& data-original=&/977e061c738b9b0c17c43e011f9e6d90_r.jpg&&&img src=&/6fcca3cdba0dfa_b.jpg& data-rawwidth=&1225& data-rawheight=&863& class=&origin_image zh-lightbox-thumb& width=&1225& data-original=&/6fcca3cdba0dfa_r.jpg&&&img src=&/cdea81ba3d7b_b.jpg& data-rawwidth=&1220& data-rawheight=&870& class=&origin_image zh-lightbox-thumb& width=&1220& data-original=&/cdea81ba3d7b_r.jpg&&&br&&img src=&/d947ed06ad774c8a7a09bba_b.jpg& data-rawwidth=&1342& data-rawheight=&742& class=&origin_image zh-lightbox-thumb& width=&1342& data-original=&/d947ed06ad774c8a7a09bba_r.jpg&&&br&&br&&p&&b&6.27日更：&/b&&/p&&p&回答一下问的比较多的问题：&/p&&p&&b&1. 报告是用什么做的？&/b&&/p&&p&答案是.....word.文档布局方向改为横向，插入三列的表格，边框设置为0，只需三步大功告成。使用word和（啥也没有的）风格是个人习惯问题，其实用ppt移动布局会更方便些吧。&/p&&br&&p&&b&2. 排名和月活数据哪里来的？&/b&&/p&&p&下载和排名用的都是Appannie, 下载排名是免费可以看得，月活在Usage Intelligence下面看，但是，这是要钱的要钱的要钱的。数据很全面，除了月活，还有用户使用时长，应用生命周期等等等数据。我真的不是广告党╮(╯▽╰)╭，随手截了张图：&/p&&img src=&/2a033ac7aa6bc0c23b445d7016dde3b4_b.jpg& data-rawwidth=&792& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&792& data-original=&/2a033ac7aa6bc0c23b445d7016dde3b4_r.jpg&&&br&&p&如果是要看网站排名的话推荐Alexa，也有下载量和UV，只是UV也是要钱的要钱的要钱&/p&&p&又有人想问了：不想出钱又想看数据怎么办？这个答主暂时还没有很好的办法，可以搜各种官方的报告获取想要的信息（Appannie也有报告，比较有名的互联网市场调研公司有Comscore，emarketer, kantarworldpanel），不想花钱的话就只能花时间了。&/p&&br&&p&&b&3. 结构框架的图表怎么做的？&/b&&/p&&p&思维导图软件。用的是mac版的OmniGraffle，这个功能最全最强大，其他的如Mindjet, Xmind也可以做出来。&/p&&br&&br&&br&以上。
分享一份自己曾经做过竞品分析。 这是一份关于图片类应用的竞品分析；当时正在应聘百度的暑期实习，也是凭借它拿到了百度的offer；虽然最终因为另外的原因没有去，但依然感谢那个曾经朝一个方向拼命努力的自己； 回归正题，通常竞品分析可以从下面几个维度…
&p&&b&前篇&/b&&/p&&p&竞品分析大大小小做过很多，但变成系统方法写出来真的很耗心神。&/p&&p&大部分人从思路上总结，相信题主更喜欢看实操方法步骤，这里主要就是实操。&/p&&p&以下方法都是个人不断实践总结的，大家多多交流~&/p&&br&&p&&b&正文&/b&&/p&&p&竞品分析是产品经理重要的基础技能之一。&/p&&br&&br&&p&&b&什么是竞品分析：&/b&&/p&&p&按字面意思就是“对竞争对手产品的分析”。但&b&不同职位做竞品分析的目的，角度和方法都不相同&/b&。&/p&&br&&p&&b&产品经理进行竞品分析目的：&/b&&/p&&p&了解市场，看清市场的发展趋势，找准市场切入点；&/p&&p&了解对手，他山之石可以攻玉，同时发现潜在的竞争对手；&/p&&p&了解需求，把握需求对应的功能点和界面结构，并侧面了解用户习惯。&/p&&br&&p&&b&详细的竞品分析思路（汇报的时候反着来）：&/b&&/p&&p&1.竞品分级&/p&&p&2.竞品基础结构分析&/p&&p&2.1 信息架构（IA)&/p&&p&
2.2 功能（feature）&/p&&p&
2.3 交互（interaction）&/p&&p&3.竞品核心策略分析&/p&&p&
3.1 产品定位&/p&&p&
3.2 运营策略&/p&&p&
3.3 盈利模式&/p&&p&4.产品的行业发展&分布&/p&&p&5.结合用户&市场总结整体趋势&/p&&br&&br&&p&注：也看了些别人总结的，整体思路差不多。但是有的人还会建议分析下视觉效果。这里不建议这么做，包括对交互和运营策略的分析也要把握好重点。&/p&&p&另外用户&市场分析虽然同竞品分析有交集，但属于不同方面的分析，可以互相借鉴但尽量不要混到一起。&/p&&p&竞品分析是可以更深入和拓展出去的，但过于消耗资源。这里一定要根据产品经理本身的需求合理投入。&/p&&br&&p&&b&竞品分析关键点：&/b&&/p&&br&&p&1. 竞品分析最重要原则之一就是“&b&灵活多变&/b&”，即根据目的不同，灵活选择分析重点。根据时效性，灵活选择分析深度。三根据资源不同，优化或调整分析手段等。&/p&&br&&br&&p&2.竞品分析&b&宁可无结论，也不能蒙一个错误结论&/b&，危害巨大。&/p&&br&&p&3.上面的架构是大而全的架构，实际项目中需要&b&根据具体需求进行重点分析&/b&，并不是每次竞品分析都是面面俱到的。&/p&&br&&p&&b&————————1 竞品分级————————&/b&&/p&&br&&p&竞品分析第一步就是确定竞品，然后给竞品分级。&/p&&p&可分为&b&核心竞品，重要竞品，一般竞品&/b&。&/p&&br&&p&核心竞品：一般选择标准是产品直接相关的细分市场内，第一梯队的竞争对手。对于核心竞品要一直关注和跟进。&/p&&p&重要竞品：一般选择标准是产品相关细分市场内排名第1的竞争对手。需要定期关注。重大改版要及时跟进。&/p&&p&一般竞品：一般就是产品直接和相关细分市场的其余产品。普通竞品面要全。仅需定期梳理即可，不需深入研究。以充分了解市场动向和潜在危机。&/p&&br&&p&比如小米浏览器核心竞品就是UC浏览器，QQ浏览器。重要竞品是手机百度，今日头条等。一般竞品则包括整个浏览器市场，搜索市场，甚至核心内容消费市场的相关产品。&/p&&br&&p&&b&——————2 竞品基础结构分析——————&/b&&/p&&p&竞品基础机构主要包括&b&信息架构（IA），功能（feature），交互（interaction）&/b&三个部分。&/p&&br&&p&再次说明：从个人的设计到产品的职业发展经历，建议PM在基础结构分析中，可将视觉表现融入到信息架构分析中，指导分析界面信息元素重要性和指示作用即可，不需要单独进行分析。因为视觉分析的专业性要求较高，不是每个PM都具备的，分析结论容易出现偏差，另外相距PM的核心职责较远。有种PM帮RD分析代码编写思路的感觉，不切实际。&/p&&br&&p&&b&2.1 信息架构（IA）分析，&/b&&/p&&p&又可以细分为&b&信息流程，界面层级，界面布局&/b&三大部分。&/p&&br&&p&&b&2.1.1信息流程，&/b&就是分析竞品的信息是如何逐步呈现给用户，如何引导用户获得需要的信息。好的产品架构，信息的流转应该是清晰而高效的。&/p&&br&&p&在实际操作中为提高效率，主要针对竞品核心内容的信息流转情况进行分析即可。其他次要信息流可以根据需求度进行拆解分析。&/p&&br&&p&步骤1，确定要分析的信息流程主体，比如UC小说阅读推荐信息到引导用户阅读的流程。&/p&&br&&p&步骤2，按信息元素和信息跳转流程进行梳理，形成流程图。&/p&&p&示例如下：（UC小说阅读中，推荐信息流程分析为例）&/p&&img src=&/b5a5d09f70dfb5f00f74_b.png& class=&content_image&&&br&&p&注：分析中尽量单一流程进行分析，避免线路混杂。另外除去线路示意还要有分析结论。（版面问题，示例信息可能显示不清，后续会上传相关文档）&/p&&br&&p&&b&2.1.2界面层级&/b&，界面层级是和信息流程紧密结合的，界面层级能够更直观的反映出软件设计的架构。&/p&&br&&p&步骤1， 对竞品进行全方位的截图。如下图所示：&/p&&img src=&/7d36b248c08a8f76dbf5_b.png& class=&content_image&&&p&注：截图要全面，如果有精力最好是找到竞品多个版本进行截图。如无精力可仅对最新版进行截图。经过不断积累就能够了解竞品在时间轴上的全貌。经实操该方法效率很高。&/p&&br&&p&步骤2， 根据界面进行分级，然后根据跳转关系整理到文档中。如图所示：&/p&&img src=&/a2ae967cf882e89a0ae0ec5a46ab3f14_b.png& class=&content_image&&&br&&p&&b&2.1.3界面布局&/b&，完成对整体信息结构梳理后就可以对具体页面信息和布局进行细致拆解。由于具体页面布局拆解工作量较大，所以可根据需求，拆解部分页面即可。建议首页的分析不能缺少。下面推荐三种分析方式：&/p&&br&&p&第一种页面解构方式：即并对页面元素进行标注，然后对页面元素，交互范式，展示方式等进行详细的分析，下图为曾经做过的两种样式。&/p&&img src=&/2df2d982b6_b.png& class=&content_image&&&br&&p&第二种时间轴分析方式：即按照竞品版本变化来分析其布局的调整，从而有效的发现竞品布局的思路和优缺点。&b&个人习惯是把同一页面按时间顺序添加到ppt中，然后连续播放就能发现很多信息，&/b&如下图所示&b&：&/b&&/p&&p&比如一直保留下来的布局属于经典布局，可参考学习。被干掉后有增加回来的，说明经验证是有效的布局方式等，或者临时出现某设计又很快被拿掉说明有问题等（个人很喜欢这个方式，简单高效）&/p&&img src=&/abeaa1ceee35f1909b28f_b.png& class=&content_image&&&br&&p&第三种装逼分析法，不实用但装逼效果爆棚。下图为曾经做的装逼图。&/p&&img src=&/cb8a3567346cbaf8e7d9e9_b.png& class=&content_image&&&br&&br&&p&&b&2.2功能（feature）分析&/b&，个人感觉其最重要的作用就是全方位了解竞品有哪些功能，从而指导自己产品的功能补充。至于更细致的功能交互逻辑分析，建议不要混到功能分析中，放到后面的交互分析中即可。&/p&&p&这里只推荐一个全功能列表统计方法。（个人很喜欢用）&/p&&img src=&/fdc42e8a00_b.png& class=&content_image&&&p&注：一般功能分级不要超过三级；功能梳理一定要细致全面不能丢落；功能共有率（个人发明），能侧面反映功能重要性；若某功能，或某一类功能是某一竞品独有，则可能是该竞品差异化的点；功能总数能反映产品复杂度。&/p&&br&&br&&p&这个方法能够迅速发掘同类产品核心功能是什么，以及发掘竞品的差异化功能。并凭借对功能的分析，了解用户的需求和产品打法。&/p&&br&&p&&b&2.3 交互（interaction）分析&/b&&/p&&p&本人也做过较长时间的交互设计，先简单的说下个人对交互设计的理解：&b&在技术和载体不变的情况下，通过市场快速的发展，合理的交互范式经过市场的检测和用户习惯的培养，最终会被规范下来，成为通用模式。所以在相同界面架构和相同功能定位下最优的使用路径几乎是相同的。&/b&&/p&&br&&p&这也是大家看到当今软件市场同质化日益加重的一部分原因。如今手机app交互设计的最主要的两个规范就是&b&iOS和安卓，&/b&但近年来这两个规范也越来越相近&b&。&/b&&/p&&br&&p&由于交互分析工作量较大，因此产品经理在做竞品交互分析的时候，只需要根据需求进行重点分析即可。&/p&&p&同时利用截图可以直接进行高保真的交互分析，而不必进行低保真图还原。同时高保真图能有效结合界面布局进行分析。&/p&&br&&p&示例参考如下（前几年做的界面有点老）：&/p&&img src=&/38d9b648facbec6daa353a1395fe74eb_b.png& class=&content_image&&&br&&p&交互分析的注意点：&/p&&p&1 一定要从功能入口开始分析，而不要从功能主体开始。容易错过其他入口，导致分析缺陷。比如不加入口可能是路径1，但实际可能是路径2。&/p&&img src=&/fe889adcbacd6c6a88351c5_b.png& class=&content_image&&&br&&br&&p&2 以目标操作任务为主干，避免被分支功能分散，从而导致分析结果混乱。&/p&&p&3 产品经理不是交互设计师，因此对竞品交互逻辑的分析一定要把握好度。&/p&&br&&p&&b&————————3竞品核心策略分析————————&/b&&/p&&p&该部分也可归纳为&b&产品定位，运营策略，盈利模式&/b&，三个主要部分。&/p&&br&&p&对核心策略的分析有两个难点：&/p&&p&1）策略一般是较长一段时间内的规划，并且是延续和变化的。因此对策略的分析要能了解过去，现在并且推演出将来。不能局限于一个版本或一个时间点进行分析。&/p&&br&&p&2）策略的分析是没有像基础结构分析一手资料呈现的，只能根据相关资料去分析和推测。具有不确定性。所以结论的准确性很重要。&/p&&br&&br&&p&3.1&b&产品定位分析： &/b&&/p&&p&个人喜欢借助历史版本介绍、启动引导、版本对应的用户商店评价进行分析。&/p&&br&&p&步骤1，确定版本发布情况。如图：&/p&&img src=&/c82f96c6ea120c8e7a2c27e76dae4442_b.png& class=&content_image&&&br&&p&步骤2，收集版本介绍，以及对应的启动引导页。在ppt内进行整理。并且标注不同版本下的重点功能。如图所示：&/p&&img src=&/bc89a546bf8f9ffdfe93bb7a6a681ed6_b.png& class=&content_image&&&img src=&/3b5e3ba37a51faa702930ea_b.png& class=&content_image&&&br&&p&步骤3，归纳总结产品定位走向，并分析不同产品定位下的重点功能，以及是否存在比较关键的功能点，并分析产品定位对应的利弊。&/p&&img src=&/d7d7026ffed64cff4b6c_b.png& class=&content_image&&&img src=&/f318b517bc6274e60edeee_b.png& class=&content_image&&&img src=&/ab5ff9ed98a669c_b.png& class=&content_image&&&p&&b&这个分析报告是15年4月完成的，当时浏览器行业还没有明显内容个性化，分析出趋势后，我们便开始进行准备和开发，可惜落后一步没能抢到首发。4个月后UC首先推出了个性化资讯首页。做互联网速度要快啊。&/b&&/p&&br&&p&步骤4，定位有效性评价&/p&&p&分析总结过竞品的产品定位后，需要了解产品定位对产品产生的作用，从而对自身产品提供有效参考信息。&/p&&br&&p&由于公司内能统计到竞品对应的用户活跃，时长等数据，所以是个人很喜欢的评判方式。如下图所示（数据保密，坐标隐藏）：&/p&&img src=&/ece50efe3c6f378b37ea4a42e5f4feb7_b.png& class=&content_image&&&p&注意：需要参考市场规律性波动，版本收敛速度（即新版本发布到用户升级再到对数据影响的时间过程），综合评判数据影响来自于哪个版本的影响，以及对应的产品变化。&/p&&br&&p&当然很多公司可能没有这种便利条件，因此可以从其他方面进行评估，个人推荐应用商店版本评级变化，和对应的用户评论分析。如截图：&/p&&img src=&/c22b6a2f84d9bcc984607_b.png& class=&content_image&&&p&注意：评论里有可能存在水军等，要仔细评估。除了商店评论，网上相关文章分析也可以参考。但根据以往经验水文会比较多，所以建议仅供参考。&/p&&br&&p&3.2&b&运营策略分析：&/b&&/p&&p&对竞品的运营策略分析主要侧重于对应产品定位下的运营手段，品牌策略的相互结合。&/p&&br&&br&&p&当然对运营策略的分析首先要了解运营体系和运营方法。这里暂不展开，产品运营也是产品的重要知识体系之一，后续会详细拆解。&/p&&br&&p&对于品牌运营相对好分析，收集竞品品牌语即可。&/p&&p&比如UC：&/p&&img src=&/24d39e699d35a48b0aac05_b.png& class=&content_image&&&p&“UC ，不止所见”；&/p&&p&“ UC，看片就是high” ；&/p&&p&“超快感” ； &/p&&p&“给的再多，不如懂你”&/p&&br&&p&明显看出品牌和产品定位紧密结合的，一开始功能性定位，品牌语“不止所见”；后面主推内容和性能，品牌语变成“看片就是high”，“超快感”；最近在推个性化，品牌语对应为“给的再多，不如懂你”。&b&所以品牌运营也能很好的反应产品定位。&/b&&/p&&p&结合品&b&牌代言形象，品牌广告投放形式&/b&，可以明确在不同产品定位和市场环境下，竞品想要营造的品牌形象。&/p&&br&&p&对于运营手段分析，最大的困难是回溯之前的运营方案。&/p&&p&建议可以让RD帮忙下载竞品所有官方微博，可以获得非常多的信息。如下图：&/p&&p&能够很清楚的知道运营内容，运营顺序，时间跨度，运营经过，多个运营项目是如何穿插和配合的，以及相应的活动关注人数。&/p&&p&然后对其进行归纳&总结。将其对应到对应到运营模型下，包括用户运营，内容运营，新媒体运营，活动运营，品牌运营，数据运营等。最后分析运营同产品的结合点。&/p&&br&&p&还是以UC为例，提取几条方便大家理解：&/p&&img src=&/53b05d3a3936aee0e036ce3262b2ccae_b.png& class=&content_image&&&p&会发现uc每次新版发布都会在线上进行宣传，大版本还会配合抽奖等活动，并且活动会尽可能同功能挂钩。&/p&&br&&p&对竞品运营分析的关键是要充分了解如何将产品策略和运营策略紧密结合，从而在产品功能开发之初就为后续运营做好铺垫。&/p&&p&举个例子，元旦很火的微信朋友圈红包照片活动，都必须是产品在几个版本前就要考虑到运营策略，进行功能优化和扩展性设计。&/p&&img src=&/bde5b508dd61bb6df44f_b.png& class=&content_image&&&p&经实践这个方法很有效果，在有限条件下能够获得很多有效信息，并能充分了解产品定位同运营策略之间的联系和打法，为运营框架搭建打好基础。但是工作量较大，需要运营同学一起配合。&/p&&br&&p&&b&3.3盈利模式分析：&/b&&/p&&p&一款产品首要是能够生存下去。所以产品盈利模式的构建是重中之重。&/p&&br&&p&产品获得钱的方式大体就是三种方式：&/p&&ol&&li&向投资人要钱。&/li&&li&向广告主要钱。&/li&&li&向用户要钱。&/li&&/ol&&p&向投资人要钱，就是目前产品处于第几轮融资，然后要为下轮融资做准备。这个没什么好说的。推荐个网站，能查到很多融资信息&/p&&p&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT桔子 | IT互联网公司产品数据库及商业信息服务&i class=&icon-external&&&/i&&/a&&/p&&br&&p&向广告主要钱，&b&首先&/b&收集软件内的广告位，&b&其次&/b&统计广告位上出现的品牌广告&效果广告的比例。&b&最后&/b&看广告投放是来自于广告代理还是自己平台投放。&/p&&p&如下图：如果是代理一般可以快速查询到代理平台&/p&&img src=&/e84c5cf747b7d4a21dcc1_b.png& class=&content_image&&&p&向用户要钱，对某些产品是有两个终端的如淘宝，滴滴，有卖家和买家。对卖家可以抽成或者入住费。对买家可以是会员服务或者产品直销，比如游戏会员，金融产品（金融产品的盈利要复杂得多）。这些一般可以通过服务声明快速了解相关情况。&/p&&br&&p&同时若竞品的公司已经上市，&b&财报是非常有利的分析资料&/b&。通过财报可以很清楚了解竞品公司的各方面营收&支出能力。可以对竞品进行辅助分析。&/p&&br&&p&&b&————————4 该类产品的行业发展&分布————————&/b&&/p&&br&&br&&p&对产品行业发展和分布的分析，主要有两个目的：&/p&&p&一个是充分了解行业发展的竞争情况。&/p&&p&一个是寻找新的发展机会或者市场切入点。&/p&&br&&p&其实对行业的把控是日积月累的基本功，要学会随时关注整个行业动向，而不能依赖于一次两次的竞品分析。&/p&&br&&p&在竞品分析中对行业发展和分布的分析，个人习惯是先遍历AppStore排行榜。&/p&&p&比如当初在做便签竞品分析，粗略统计了便签产品共计5000多项。&/p&&p&然后提取前200个便签，依次统计产品说明的关键点，并下载后统计主要功能。&/p&&p&之后提取行业的细分点，然后将竞品归纳到相应的细分定位上。&/p&&p&从而直观的了解行业的分布，和目前各个分布的竞争情况。&/p&&p&这里&b&借用我们同事做的一个母婴行业的分析&/b&，采用的也是类似的方法，给大家感受下：&/p&&img src=&/181d38f0ad4e4aa648e9a4f_b.png& class=&content_image&&&br&&p&&b&————————5 结合用户&市场总结整体趋势————————&/b&&/p&&br&&br&&p&竞品分析一般还会和相应的用户分析报告，市场分析报告，进行综合分析，相互佐证。&/p&&p&关于用户分析和市场分析是产品另外的两个基本功，也都是比较大的题目。在后面有机会再进行详解。&/p&&br&&p&-------&/p&&br&&p&关于最后第4点“对行业的分析”以及第5点“对市场和用户的综合分析”需要明确一下。&/p&&br&&p&这是一个产品必须不断积累的基本功。需要通过持续的关注和积累了解其发展的脉络和动向。并通过累月的锻炼才能提高自身的敏感度和判断力。&/p&&p&最后再分享下个人下打磨基本功的方法：&/p&&p&1 每天特定关注几个互联网资讯站，及时把握互联网内的大事件和发展动向。&/p&&p&2 定期看相关的互联网数据，尤其如果有条件看竞品的数据，一定要每天关注下。&/p&&p&3 定期做下用户分析，了解用户属性和用户数据。&/p&&p&4 培养每天看新app和做相关简单分析记录的习惯。&/p&&br&&p&分享下个人不断收集的网站：&/p&&img src=&/5fae12ceb82be7ea23d03cf9f896a24d_b.png& class=&content_image&&&img src=&/120aea47dac65_b.png& class=&content_image&&&img src=&/92a9ff303f0f5afa0baf9adaca26816d_b.png& class=&content_image&&&br&&p&以及个人收集app的习惯示意：&/p&&img src=&/a20d1c9e60b4ce9261f4d_b.png& class=&content_image&&&br&&p&&b&————————最后总结————————&/b&&/p&&p&没想到会写这么长，一下子把几年的积累都拿出来了，最后再总结下：&/p&&p&&b&关于竞品分析：&/b&&/p&&p&方法思路要灵活（根据需求，合理选择资源投入，分析深度以及分析方法）&/p&&p&分析结论要准确（宁可结论含糊或者无结论，也不要错误结论）&/p&&p&分析是从基础到架构再到多维度综合分析，但&b&汇报要反过来&/b&。&/p&&p&拆解竞品分级和竞品基础结构分析。这部分偏基础性，分析方法和素材都有迹可循，此部分偏重方式和效率。&/p&&p&拆解产品策略，产品行业等进行分析。这部分偏策略，素材获取结论总结都相对模糊，此部分偏重分析和判断。&/p&&br&&br&&p&&b&关于产品经理基本功：&/b&&/p&&p&每个行业都有每个行业的素质要求，虽然产品门槛貌似很低，但也有很多基本功的要求。竞品分析就是其一，但在竞品分析之下是日积月累的经验积累。&/p&&br&&p&&b&关于文章：&/b&&/p&&p&竞品分析就先说到这。仅是对之前总结的方法的汇总。后面随着经验的增加，有新的方法时也会再拿出来分析。&/p&&br&&br&&br&&p&----------------------------------&/p&&p&大家提问的很多，这里更新几个大家关心的问题：&/p&&p&1 分析软件：&/p&&p&Excel，Keynote，illustrator，Photoshop（话说Keynote甩开ppt好几条街啊）&/p&&br&&p&2 竞品以前的版本怎么办：&/p&&p&a 日益月累的收集，作为公司来讲收集竞品apk是必须的工作。&/p&&p&b &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ASO100 - 专业App Store数据平台丨ASO优化专家平台丨iOS榜单排行榜查询工具&i class=&icon-external&&&/i&&/a& 等网站&/p&&p&c 各种应用市场进行搜索。&/p&&p&d 找朋友托关系要。&/p&&br&&p&3 各种分析的详细报告：&/p&&p&工作文档需要保密，恕不能提供原稿。不过不要执着于形式，不同的情况有不同的分析方法和思路，关键是要找到自己习惯和有效的方式。对于我个人而言各种分析方式也不断迭代更新中。&/p&&br&&p&4 另外我的公共账号的二维码无法上传呢？求大神解答&/p&&br&&p&&b&个人其他回答链接，大家的鼓励是继续写下去的动力~~&/b&&/p&&p&&a href=&/question//answer/& class=&internal&&有大公司 offer 却选择了小公司是为什么？ - 大禹的回答&/a&&/p&&p&&a href=&/question//answer/& class=&internal&&怎么评价产品经理拿数据说话这回事？如何做数据分析？ - 大禹的回答&/a&&/p&&p&&a href=&/question//answer/& class=&internal&&如何有效地进行头脑风暴产生IDEA？ - 大禹的回答&/a&&/p&&p&&a href=&/question//answer/& class=&internal&&用户研究需要注意哪些问题呢？怎样做好用户研究呢？ - 大禹的回答&/a&&/p&&p&&a href=&/question//answer/& class=&internal&&互联网思维是一种什么样的思维？ - 大禹的回答 - 知乎&/a& &/p&&br&&br&&br&&p&&b&多谢大家捧场，写文章不容易，喜欢的点个赞吧。个人微信公共号“真实的互联网” gh_37dac85b8f9e。会定期分享个人心得，欢迎大家关注&/b&&/p&
前篇竞品分析大大小小做过很多，但变成系统方法写出来真的很耗心神。大部分人从思路上总结，相信题主更喜欢看实操方法步骤，这里主要就是实操。以下方法都是个人不断实践总结的，大家多多交流~ 正文竞品分析是产品经理重要的基础技能之一。 什么是竞品分析：…
收藏同时别忘点赞~~&br&&br&前段时间，关注互联网行业的朋友应该在朋友圈都刷到了《2016，UI设计失业潮来了！》（&a href=&///?target=http%3A//mp./s%3F__biz%3DMjM5NzA2Nzc0OA%3D%3D%26mid%3Didx%3D1%26sn%3Dfe7ac167b75a6e8e19c7ae%263rd%3DMzA3MDU4NTYzMw%3D%3D%26scene%3D6%23rd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2016，UI设计失业潮要来了?&i class=&icon-external&&&/i&&/a&）这篇文章，大致意思是说纯界面设计的UI的市场已经趋于饱和，如果想要成为offer收割机，只精通页面设计并不够。虽然文章有些标题党，但说的却是大实话，其实不只是设计行业，现在每个行业都更欢迎复合型人才，想自学成为UI设计师，也需要多方面的储备知识。&br&&br&&br&&p&&b&1&/b&&b&、UI&/b&&b&设计师是什么？&/b&&/p&&p&不说UI设计师，就连设计师，很多人都以为只是P图的美工，这里有必要先明确一下UI设计师的概念。&/p&&p&维基百科对于UI定义：&/p&&blockquote&UI，也即用户界面（User
Interface，简称UI，亦称使用者界面）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。&/blockquote&&p&因此，UI设计师也就是设计用户界面的人。&/p&&p&毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、App、网上店铺等）的颜值。无论产品的质量怎样，用户接触产品的第一幕，就是UI设计师给产品设计的这张脸，而像我这种“颜狗”，一旦产品的颜值达不到我的标准，下一步就是关闭/卸载。&/p&&p&一个好的UI设计师，能润物于无声，在浑然天成的设计中为产品注入新的价值，绝不是普通的打杂美工。&/p&&p&&b&2&/b&&b&、UI&/b&&b&设计师的基础修养&/b&&/p&&p&&b&·设计总体认知&/b&&/p&&p&在进入一个未知的领域前，我总倾向于先梳理这个领域的架构，待有了比较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。学习UI设计也是一样，先对整个设计专业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整，如果有条件，可以尝试了解一个新的互联网产品出炉的工作流程。这样，在局部学习前，就能对重难点、课程框架都心中有数。&/p&&p&&b&·技术基础&/b&&/p&&p&如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。&/p&&p&不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。&/p&&p&&b&·画图基础&/b&&/p&&p&有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。&/p&&p&临摹的内容，可以有两方面选择：一种是系统自带的图标，比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。&/p&&p&&b&·各平台设计规则&/b&&/p&&p&iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。这里贴一个之前看到的iOS和Android的平台规范，整理的比较全面、规范：&a href=&///?target=http%3A///p/67ab63723e54& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS和Android的app界面设计规范&i class=&icon-external&&&/i&&/a&。其他平台的设计规则，在搜索引擎上也都能被检索到。&/p&&p&&b&·理解能力&/b&&/p&&p&作为设计的上游，产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们最爱合作的设计师了。&/p&&p&&b&3&/b&&b&、UI&/b&&b&设计师的进阶修养&/b&&/p&&p&&b&·审美意识&/b&&/p&&p&先来看两个肥肠火热地知乎问题：&/p&&p&国内有哪些非常有设计感的 App？&a href=&/question/& class=&internal&&国内有哪些非常有设计感的 App？ - 应用（软件）&/a&&/p&&p&国外有哪些非常有设计感的 app？&a href=&/question/& class=&internal&&国外有哪些非常有设计感的 app？ - 应用（软件）&/a&&/p&&p&为什么我们青睐每日故宫、榫卯、网易云音乐这类应用？除了应用本身生产的优质内容外，设计感是很重要的一点，君不见多少用户赞美良心设计。&/p&&p&→_→那么，什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了。&/p&&p&至于审美意识要如何培养、提高，这就跟你去问文学家要如何提高写作能力一样，他大概也是懵逼的。日积月累地浏览、学习、思考、联系，大概就是逐渐提升的可能途径吧。&/p&&p&&b&·用户体验&/b&&/p&&p&从前，除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题，但如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式（用户研究以缜密的逻辑发展，而UI设计则更加追求审美）。&/p&&p&&b&·交互设计&/b&&/p&&p&分不清交互和UI的人，可能一抓一大把，事实上，这还是有区别的。从一般意义上说，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。&/p&&p&但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。&/p&&p&&b&·代码能力&/b&&/p&&p&这几年互联网产品最火的推广方式是什么？&/p&&p&自然是H5！&/p&&p&那么如果一个设计师既能做好设计，又能完善布局前端代码，那么只要有一个简单idea，经过你的手就能完全实现。这种复合型人才是多少公司争抢的对象呢？不过这些都是进一步的要求了。&/p&&p&&b&4&/b&&b&、资料&/b&&/p&&p&说了很多，下面推荐一些适合入门的书籍与网络资源，以供参考。&/p&&p&&b&·书籍&/b&&/p&&p&&b&《Don’t Make
Me Think&/b&&b&》（点石成金）&/b&&/p&&p&这本书已经了好几版了，能这样一遍遍修订出版的，除了学生用的教材，就是业界的圣经了。这本书主要讲的是如何通过网站设计来提高网站的可用性，除了网页设计外，也包括了一些用户心理研究等内容，语句晓畅，读起来十分轻松。里面的案例虽然有点久了，但经典的案例永远不会过时。作为初入学者，能从一本书里看到整个领域的大局，也有逐渐养成设计师的思维，是入门启迪型书籍。&/p&&p&&b&《写给大家看的设计书》&/b&&/p&&p&一本Robin Williams大师写的老生常谈，本书主要围绕对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)四个设计基本原则展开，短短200页，门外汉读起来也不费力，但读完这本书你会明白设计的重要性。另外，这本书的排版、文字编排也很有设计感，读起来更加舒服。&/p&&p&&b&《破茧成蝶：用户体验设计师的成长之路》&/b&&/p&&p&前面的书是理论型的，这本是则比较注重实践，结合本土互联网公司案例解释了很多落地的问题，甚至还有具体岗位介绍，面试细节，工作流程等，可以作为工作的工具书。&/p&&p&&b&《设计之下》&/b&&/p&&p&通过搜狐新闻客户端UED团队的设计过程，完整展现真实的设计流程。全书分为三个部分，第一部分为“交互设计”，主要总结了大局观、操作流程简捷、形式新颖且统一、各种特殊情况等交互设计要点。第二部分为“视觉设计”，阐述了界面、颜色、图标、质感、动画、等具体方法。第三部分为“他们眼中的优秀设计师”，通过产品经理、程序员、运营、市场经理的视角，阐述了如何成为一名优秀的设计师，同样是1-2岁的设计师学习的好书。&/p&&p&&b&·网络资源&/b&&/p&&p&&b&李涛的PS&/b&&b&课程：&/b&&/p&&p&试图学习过PS的同学应该都知道李涛，讲课深入浅出、旁征博引，节奏也合适，听几节课下来对PS会有不少新的见解，比自己一个人闷头搜索效率高多了。&/p&&p&良知塾李涛：Photoshop小技巧：&/p&&p&&a href=&///?target=http%3A///course/introduction/317001.htm%23/courseDetail& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&良知塾李涛：Photoshop小技巧&i class=&icon-external&&&/i&&/a&&/p&&p&李涛Photoshop高手之路基础篇：&/p&&p&&a href=&///?target=http%3A///course/introduction.htm%3FcourseId%3D/courseDetail& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛Photoshop高手之路基础篇&i class=&icon-external&&&/i&&/a&&/p&&p&李涛Photoshop高手之路提高篇：&/p&&p&&a href=&///?target=http%3A///course/introduction.htm%3FcourseId%3D/courseDetail& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛Photoshop高手之路提高篇&i class=&icon-external&&&/i&&/a&&/p&&p&这三门网易云课堂上的课程是李涛免费的PS课程，从基础到提高都有，还比较全面，学的人也都有个几万，评价蛮好。&/p&&p&另外，李涛自己也和别人一起创办了一个在线学习网站：高高手，在他的个人主页上也有他的课程，部分收费：&a href=&///?target=http%3A///teacher/index/5/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛 - 高高手&i class=&icon-external&&&/i&&/a&&/p&&p&&b&完整的设计课程：&/b&&/p&&p&从头开始学的可以考虑网易云课堂和浙大一起推出的《UI设计师》（&a href=&///?target=http%3A//mooc./smartSpec/detail/.htm%3Futm_source%3Dutm_medium%3Dcps%26utm_campaign%3Daffiliate& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&mooc./smar&/span&&span class=&invisible&&tSpec/detail/.htm?utm_source=2045618&utm_medium=cps&utm_campaign=affiliate&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）&/p&&p&和《交互设计师》微专业（&a href=&///?target=http%3A//mooc./smartSpec/detail/.htm%3Futm_source%3Dutm_medium%3Dcps%26utm_campaign%3Daffiliate& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&mooc./smar&/span&&span class=&invisible&&tSpec/detail/.htm?utm_source=2045618&utm_medium=cps&utm_campaign=affiliate&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）。相比线下培训班动辄几万的价格和固定时间学习，在线学习更加方便点，而且说真的，网易出的那些App，像网易云音乐、LOFTER还都挺有设计感的，挺欣赏他们对产品认真打磨的态度，所以不自觉的就对他们出的设计课程抱有好感。&/p&&p&外语不错的也可以去Coursera上学英语授课英文字幕的《interaction-design》交互设计（&a href=&///?target=https%3A//www.coursera.org/specializations/interaction-design& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Specialization&i class=&icon-external&&&/i&&/a&）的微型课程，同样学完七门课和一个毕业设计后可以拿到证书。&/p&&p&&b&理论性课程：&/b&&/p&&p&《Design Thinking》（设计思维：&a href=&///?target=https%3A//iversity.org/en/courses/design-thinking-2nd-iteration& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&iversity.org/en/courses&/span&&span class=&invisible&&/design-thinking-2nd-iteration&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）是德国MOOC平台上的iversity的一门设计课程，比较注重理论性通识类课程，实践内容几乎为零，整体启发性较强，不过只有英文作为课程语言。&/p&&p&&b&优质网站：&/b&&/p&&p&Dribbble：&a href=&///?target=https%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&Behance：&a href=&///?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a&&/p&&p&站酷：&a href=&///?target=http%3A//.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷 (ZCOOL)&i class=&icon-external&&&/i&&/a&&/p&&p&花瓣：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网_陪你做生活的设计师（发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等）&i class=&icon-external&&&/i&&/a&&/p&&p&这类网站就像是设计师的脸书/人人网，大牛设计师都在上面注册并发表自己的作品，灵感枯竭的时候，觉得自己审美不够的时候，都可以去上面逛逛，寻找灵感，提高审美，陶冶情操，和谐生活。&/p&&p&另外，真心推荐互联网公司UED部门博客，干货很多，值得学习。&/p&&p&腾讯CDC：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯CDC&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯ISUX ：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯ISUX – 社交用户体验设计&i class=&icon-external&&&/i&&/a&&/p&&p&淘宝UED ：&a href=&///?target=http%3A//ued.taobao.org/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TaoBaoUED | 做地球上最好的 UED&i class=&icon-external&&&/i&&/a&&/p&&p&阿里巴巴UED ：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队&i class=&icon-external&&&/i&&/a&&/p&&p&网易用户体验设计中心UEDC：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易用户体验设计中心&i class=&icon-external&&&/i&&/a&&/p&&p&&b&·各类App&/b&&b&：&/b&&/p&&p&各种榜单、推荐应用的账号上新出来的App都可以关注，App集邮能力，就是你资历的一部分，很多超越也是在巨人的肩膀上改出来的。&/p&&p&&b&4&/b&&b&、练手&/b&&/p&&p&光说不练假把式啦~&/p&&p&&b&·参加比赛：&/b&&/p&&p&现在手机主题设计、App皮肤设计各种比赛到处都是，有一定寄出之后适当参加比赛，都是锻炼人能力，崭露头角的好地方，运气好就直接拿到offer了。&/p&&p&&b&·接私活：&/b&&/p&&p&虽然听上去有点微妙，但临摹能力、技术能力，这些都能在接私活中慢慢培养起来，而且还有真实收入。很有可能，你之后面试的作品就是私活带来的。&/p&&p&&b&·实习：&/b&&/p&&p&既然要入行，当然要去里面自己体会下个中滋味，如果有幸去了大公司，很好你就能熟悉一套规范的设计工作流程；如果去的是小公司，那你可能就要成为独当一面的全能手了。总之，出去历练，是走向社会的第一步。&/p&&p&&b&5&/b&&b&、偶尔提神醒脑&/b&&/p&&p&&b&初入行的你和年薪XX&/b&&b&万的高级设计师之间有多少差距？&/b&&/p&&p&这里贴上facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章，三个对比图，简单明了但发人深省，自我感觉良好的时候，可以上来看两眼醒醒脑。&/p&&p&从工作流程上来看，初级设计师就像亢奋的小精灵；高级设计师则在疯狂中有规则。&/p&&img src=&/ddce9ae017dac_b.jpg& data-rawwidth=&712& data-rawheight=&840& class=&origin_image zh-lightbox-thumb& width=&712& data-original=&/ddce9ae017dac_r.jpg&&&p&在设计追求上，初级设计师追求设计美感；高级设计师则创造新的价值。&/p&&img src=&/61e14bd28abd_b.jpg& data-rawwidth=&592& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&592& data-original=&/61e14bd28abd_r.jpg&&&p&在解决问题上，初级设计师往往脱离实际；高级设计师则更贴近产品实际。&/p&&img src=&/9ceba8cd0bd41_b.jpg& data-rawwidth=&754& data-rawheight=&907& class=&origin_image zh-lightbox-thumb& width=&754& data-original=&/9ceba8cd0bd41_r.jpg&&&p&原文地址：&/p&&p&&a href=&///?target=https%3A///the-year-of-the-looking-glass/junior-designers-vs-senior-designers-fbe483d3b51e%23.5y6zz67yj& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Junior Designers vs. Senior Designers ?EUR” The Year of the Looking Glass&i class=&icon-external&&&/i&&/a&&/p&&p&最后说点自己的看法&/p&&br&&p&很多人说互联网寒冬来了，眼看着找不到工作的学弟学妹逃离北上广，缩招裁员越来越明显，就极力游说周围的人别再从事程序员、设计师、产品经理等与互联网相关的岗位。&/p&&p&其实我始终不太赞同这个观点，这只是前几年互联网过度乐观膨胀发展后终于回归理性而已。&/p&&p&回归理性，意味着已经过了人有多大胆，地有多大产的时代。&/p&&p&回归理性，意味着行业从野蛮生长逐渐转向遵循市场规律。&/p&&p&回归理性，意味着企业对人才需求仍在，但要求渐高。&/p&&br&&p&所以，做一个不那么恰当的比喻，&/p&&br&&p&&b&多才多艺的设计师就像一线城市的房价，尽管开价很高但还是供不应求。&/b&&/p&&p&&b&学艺不精的设计师就像十八线城市的房价，在一路下跌的颓势再也硬不起来。&/b&&/p&&br&&p&&b&核心技能点是人才流通市场上永远的硬通货。&/b&&/p&&br&&p&鸡汤一碗，与君共勉。&/p&&br&&p&PS：欢迎爱学习爱生活的各位关注我的微信公众号：naogustudy&br&&/p&&p&&a href=&///?target=http%3A///r/ITjv91vEoAbfrR_U920z& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/r/ITjv91v&/span&&span class=&invisible&&EoAbfrR_U920z&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&
收藏同时别忘点赞~~ 前段时间，关注互联网行业的朋友应该在朋友圈都刷到了《2016，UI设计失业潮来了！》（）这篇文章，大致意思是说纯界面设计的UI的市场已经趋于饱和，如果想要成为offer收割机，只精通页面设计并不够。虽然文章…
&p&我觉得已有问题没真正提供有效的帮助，楼上各位给题主提供的心得，本质上和鸡汤一样，只能解渴不能果腹。下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对题主和其他新人有益。&/p&&p& --------------------------------分割线-----------------------------------&/p&&p&这两年有些新的感触，在公众号里重新更新了一遍这篇文章！把很多错误修改和校对了一下~~欢迎大家关注我的公众号查看更新的内容吧~~&/p&&p&以后新文章都会整理在这里，有疑问可以在这里和我提，尽可能回复&/p&&br&&p&公众号ID：&b&超人的电话亭&/b&&/p&&br&&p&&a href=&///?target=http%3A///r/gTru9lzEAgF9rRiV92_T& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/r/gTru9lz&/span&&span class=&invisible&&EAgF9rRiV92_T&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&&p&--------------------------------分割线-----------------------------------&/p&&br&&p&&b&第一点：学习准备——启蒙&/b&&/p&&p&学习一项技能，尤其是已经有一定沉淀并在各行各业有广泛应用的技能，就一定要对它先有充分的认知。在开始正式学习前，你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。UI作为平面设计的一部分，再往上又从属与美术学这一大类。因此，首先要先去了解整个美术史的发展。从人类起源各个阶段中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。
在今天的UI设计群体中，我们作为专业的设计人员，可以和别人侃侃而谈雷军的创业心得，罗胖子的工匠情怀，滴滴快滴的商业模式以及BAT在传统行业的布局等等，各种其实并不太相干的话题，却说不出半点艺术见解。
我们看不懂博物馆展览那些画作，不知道梵高画了什么作品，抽象派到底在闹腾些什么，更甚者连扁平化的推动有什么深层次的原因都不明白。如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性，那么设计师无法理解前人艺术成就是绝对的悲哀，无法去辩驳的事实。
&b&了解美术史，学会入门的美术鉴赏，目的是以正视听&/b&。学会用多个纬度去思考美学，学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，你才能更客观的去理解UI的发展历程。这些知识和思想，将为你的职业生涯做出启蒙，才更容易成为一个有内涵有深度的设计师，这当中还有诸多优点，就得靠你们自己慢慢体会。
下面推荐书目：&/p&&p&&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《艺术的故事》([英]贡布里希)&i class=&icon-external&&&/i&&/a&（重点）
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《西方美术简史》(（美）亨德里克?威廉?房龙)&i class=&icon-external&&&/i&&/a&
近代设计史 （一下搜不到这书的地址，回头我拍张照片）
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计心理学3:情感设计》&i class=&icon-external&&&/i&&/a& （有1.2.3，都得看）&/p&&p&以上是我目前看过能想到的最基础书目，如果有朋友觉得还有合适的请给我留言补充上来。
哲学有三大哲学问题，“你是谁？”“你从哪里来？”“你要到哪里去？”，构成了哲人在探索人世真理时的基础框架。我们也一样，要在阶段给自己提出三个问题，并花至少一个月的时间寻找答案：
&b&设计是什么？设计是如何产生的？设计可以做什么？&/b&&/p&&br&&p&&b&第二点：绘画技巧——洞察&/b&&/p&&p&这个点更新了一片回答~~可以参照这个！&/p&&a href=&/question//answer/& class=&internal&&学手绘对于UI设计师的意义是什么？ - 酸梅干超人的回答 - 知乎&/a&&p&曾经和很多同行争论过，UI设计，到底需不需要手绘训练。想必大家都知道，目前国内知名的UI设计师，站酷、&a href=&///?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&、追波上的大神们，很多都是草根出身，从其它行业空降来的，他们的出色是有目共睹的，似乎从某种层面上证实，不需要有绘画基础，也可以做好UI，也可以当大神？&/p&&p&图样拿衣服！我们来说说绘画的问题。&/p&&p&美术高考主要考的三大项：&b&素描、速写、色彩&/b&。就是绘画入门的三大基础课题，我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍，就会知道，学习基础绘画的过程中，我们在纸张上对现实世界的物体进行细致准确的描绘，也就需要我们更仔细的观察事物。光照射的角度是如何的，在对应的形状中表现出什么明暗分布，在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛，你会对所有设计和形体做出本能的反应，分析它们的美丑，找出核心所在。&/p&&p&我们看看下面这样的案例：&/p&&img src=&/9af459b66f006d8b2ced_b.jpg& class=&content_image&&&p&这是一个很简洁的小鸟，只用几个细节就轻松的表现出来，但我相信，如果要原图照抄，有90%以上的UI设计师是画不出精髓的（不信你们试试）。越是这般简单的图形，在弧度、头身比、重心偏向这类细节上就越关键，如果你没有良好的观察能力，那么就连抄也抄不像，你只能做出曲线都歪歪扭扭的贝西货并自己洋洋得意的四处上传设计媒体求赞求认可。&/p&&p&前面提到的这批国内的大神，其实就是在远超常人的勤奋中积累了观察的经验，以此可以复制一定的风格，并能发现设计中的细节而不断做出改正。但这就完了么？当然不是。&/p&&p&你们可以仔细去观察这些没有绘画能力的UI设计师，他们的作品存在着很强的局限性，虽然可以很好完成熟悉领域和流行风格的设计，但是形势是很单一，并且缺乏真正的创造力。强大的手绘能力，除了提高洞察力以外，就是为你将来创作的多元化提供更多可能，看下面案例：&/p&&img src=&/8e8a3c3e04afc980c1fa8c218a0bf765_b.jpg& class=&content_image&&&p&比如绘制这样的图形，私以为没有手绘技能无异于天方夜谭，而GAME UI的最大门槛就在这里。你的绘画技巧会支撑你跨过更多的门槛，在设计的道路上有更多的选择和可能，也会支撑你走的更远。&/p&&p&那么学习绘画要到什么程度呢？&b&直到你觉得可以正确绘出静物为止&/b&。推荐去报一些高考培训的机构，和高三孩纸们一块儿学画，你会提升的相当快，这个过程只需要两三个月的时间。不要觉得可以跳过，将来成为出色设计师的成本将远低于不学习绘画的其他人。&/p&&p&还有，最重点要掌握的一个绘画技能，我觉得是&b&结构素描&/b&。&/p&&img src=&/e49a5c6bd607ac597cc9a34_b.jpg& class=&content_image&&&p&你就可以在纸张上对想绘制的图形做出快速、准确的打稿，效率和延展性远胜上机鼠绘。
手绘将贯穿你整个职业生涯，在今后的学习工作中要保持这个习惯，相信我，每到一个合适的时机，它总会给你带来意想不到的惊喜。&/p&&p&&b&第三点：掌握软件——手段&/b&&/p&&p&这一步就正式开始进入学习软件的步骤。如果学习的是UI，那么以下几种软件是必不可少的：
PS、AI、DW、Sketch……其余的根据爱好自己补充
这里要先和大家谈谈，我们都知道美工对于设计师来说已经成为具有侮辱性的贬义词，设计师们喜欢反驳，你丫才是美工，你全家都是美工。有点小理想的有志青年们都对这个称谓充满鄙夷，但我得给大多数人泼冷水，因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓，有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧，这就是当前设计行业所需要面对的事实。很多设计师没有经过前两个步骤的熏陶的，所以在学习软件的过程中很容易自满，明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次（哎呀，好像在说我自己！）。他们的视角是狭隘的，只认为学会了PS这些工具，就学会了设计，也忽略了自己远远没有达到美工门槛的界限。下面我来谈谈怎么学习这些软件。&/p&&p&首先看李涛视频的前三课：&a href=&///?target=http%3A///content/11/58.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛PS教程（全集）&i class=&icon-external&&&/i&&/a&&/p&&p&只看前三课！重复强调一遍，先只看前三课，并且做好笔记把所有内容都背到滚瓜烂熟为止（我看了至少五遍以上）。这是整个UI设计行业里最基础的知识点，光、色、分辨率、色彩模式，连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。&/p&&p&然后你就开始去看别的视频教程，这时候可以去淘宝买：&a href=&///?target=http%3A///search%3Fq%3DPS%25E6%E7%25A8%258B%26commend%3Dall%26ssid%3Ds5-e%26search_type%3Ditem%26sourceId%3Dtb.index%26spm%3D1.%26initiative_id%3Dtbindexz_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS教程&i class=&icon-external&&&/i&&/a&&/p&&p&几块钱就有一打的高清入门视频，不要浪费时间在搜索免费的低质量视频上。入门教程基本都是相同的，你要完整的看完和跟着学习几个新手教程，直至对软件使用有了初步的理解，然后再返回去看李涛的视频剩下的内容。&/p&&p&那软件要学到什么程度？学到你可以用它临摹出任何使用这种软件设计的图形。一定要记住，设计软件只是我们用来实现设计的一种手段，过渡沉迷在软件的研究中是本末倒置的，但如果你使用软件连抄都抄不出来，那就是一种不需要反驳的耻辱。例如下图：&/p&&img src=&/357a0b35caa6f0cafdaf2b71_b.jpg& class=&content_image&&&p&这样的作品，你有了足够的观察力，靠对软件的掌握度就可以轻松临摹，但很多已经从业数年时间的设计师连这种临摹都做不到，原因在哪里你们自己好好想想。软件的掌握是为你实现更多设计方案提供可能性，不要让软件熟悉度这件最简单容易的技能变成自己的短板，至少我们要成为一个&b&合格的美工&/b&！经常自己做一些练习来测试自己对软件掌握度在哪里，就很容易发现问题，然后自己去查资料做研究。下面就是一个我很久以前做的软件练习（要点开大图，大神轻拍= =！）：&/p&&img src=&/dbb8f1e19de7f_b.jpg& class=&content_image&&&br&&p&好好去理解每个软件可以实现什么，优势是什么，极限在哪里。然后你就再！也！不！会！跑去大神评论区里问：&b&好牛逼，请问这是PS做的吗？&/b&请和我默念这是本世纪设计界里最愚蠢的评论，不要让它们发生在自己身上。
再唠叨一次&b&，软件只是一种手段，你还并不懂设计，少吹牛逼！&/b&&/p&&p&&b&第四点：设计理论——实践&/b&&/p&&p&广义上来说，到这步才是真正开始学习设计，也是让一、二两点作用开始充分发挥的时候。
因为看过艺术史，所以你会知道，每个时代流行的艺术创作有各自的手法特点，有共性，所以可以被归纳和总结，也就可以教授，培养出相同的作家。换句话说，&b&美术家是可以被量产的&/b&。在理论不断被完善的今天，要做出好的设计一样是可以通过理论学习——实践产生，一定不要认为这是天赋上的差距，别人比自己就更有艺术细胞。那些能被历史铭记的艺术大师，之所以伟大，是因为他们的开创性或者作品所包含的人文精神和伟大的灵魂，而不只是一幅出色的图画。
前面的几点都为你提供了足够的实践基础，所以在这部才能让你正确看待自己的潜力，不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋，而成为一个优秀的设计师靠的是努力。&b&设计是勤行，不是设计人，不入设计门&/b&。
那么理论知识我们该学习什么呢？首先是基础中的基础：&a href=&///?target=http%3A///link%3Furl%3DpYdICyHf-KBKW6cWKOu0-PYGeKXGmc61bT1x_XJCeAFwtVUEmzY6JPbpQDs2FBo_5pikwNUTmuyIQAGglJXPja& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&三大构成（基础含义）&i class=&icon-external&&&/i&&/a&
每个方向都需要阅读相应的教材，重要性无以复加，你需要在观看的时候一边做练习。然后才是具体设计类的书籍，记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略，本来想单当一个步骤说得，后来想想还是归纳到这里来，那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏，尤其在扁平化盛行的今天，字体的作用更加突出。只有掌握了字体的奥义，才能设计出有力的排版，才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例：&a href=&///?target=http%3A///mumuyi2013%3Fgid%3Dfrom%3DReblogNewFeed%26ref%3Dhotnewsfeed%26sfet%3D3711%26fin%3D0%26fid%3D%26ff_id%3Dplatform%3D0%26expose_time%3D%26checked%3Dtrue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&日本二十四节气网站&i class=&icon-external&&&/i&&/a&（原网站好像打不开了，只有图）。推荐书目：
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《商业字体设计》(方茜)（&i class=&icon-external&&&/i&&/a&一定要看！！）
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《好字体》(向玫玫)&i class=&icon-external&&&/i&&/a& &a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《文字设计的原理》([日]伊达千代，内藤孝彦)&i class=&icon-external&&&/i&&/a&&/p&&p&接着就是关乎排版，&a href=&///?target=http%3A///link%3Furl%3DAKQt41LBwBxzdwCqKl6xR6oQCsknHpwifuXT7mqjOpe2q3CJrQ8yT0jpLAyfGuazBUOnEjYmM1X_wRJlHMsmxq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&栅格化_百度百科&i class=&icon-external&&&/i&&/a&、&a href=&///?target=http%3A///blog/tech/1986.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传统网页布局栅格化设计分析&i class=&icon-external&&&/i&&/a&，这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解，就可以设计出足够安全而和谐的页面，下面书目：
栅格排版法（找不到了，我回去翻翻）
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《版面设计的原理》([日]伊达千代，内藤孝彦)&i class=&icon-external&&&/i&&/a& &a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德（John McWade）)&i class=&icon-external&&&/i&&/a&&/p&&p&还有一些相关的基础推荐书籍，太困，记不起来，希望知友推荐：
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《形式感+：网页视觉设计创意拓展与快速表现》(晋小彦)（&i class=&icon-external&&&/i&&/a&重点推荐）
&a href=&///?target=http%3A///.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《在你身边，为你设计：腾讯的用户体验设计之道》&i class=&icon-external&&&/i&&/a&&/p&&p&设计的理论书籍教会你怎么设计，你需要在不断接受知识的同时，马上对它们做实验，不停的练习，不停的产生问题并解决。在你的设计观念足够成熟前，绝对不要没事上网看设计的XX法则，如何做好网页设计你需要掌握的XX个技巧，完全就是设计界的鸡汤文，它们看着其实挺有道理，但完全没办法给新人提供实践指南，是用来遗忘的，即使看再多这类鸡汤文，你也做不好设计。举个本题内的例子：&/p&&img src=&/7f5be3f2917650cfdbd1d_b.jpg& class=&content_image&&&p&这样的回答实际上可有给你提供详细的帮助？没有（无意冒犯）！你的学习过程在每个方面都要系统而有调理，书籍比零碎的阅读可以给你带来更多的帮助和进步。&/p&&p&&b&第五点：逻辑取舍——平衡&/b&
在我这个回答：&a href=&/question//answer/?group_id=723264& class=&internal&&视觉设计师是怎样让前端工程师 100% 实现设计效果的？ - 酸梅干超人的回答&/a&
已经说很详细了，作为UI设计师，是必须掌握前端的对应技能的，这不是可以完全无限制的发挥设计技艺的地方，你就要有取舍，要跟的上前端开发的逻辑，做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门，安卓、IOS的实现规范！&/p&&p&&b&第六点：鉴赏模仿——超越&/b&
特地把这点放到后面，也是有理由的，前面的步奏都是一个设计师基础素养的实现，而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。
你要学会如何辨别优秀的作品，可以从多个渠道收集优秀作品和案例，首推使用：
&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a& &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网&i class=&icon-external&&&/i&&/a& （又到了求粉的季节，懒惰的可以只看我的花瓣 &a href=&///?target=http%3A///uncle-superman/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&死翘翘的超人的花瓣个人主页&i class=&icon-external&&&/i&&/a&）
&a href=&///?target=https%3A///search/%3Fq%3Dweb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a& &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDC设计师网址导航&i class=&icon-external&&&/i&&/a& （其它的可以在导航里逛）&/p&&p&学会看优秀的案例，用它们给你提供设计的燃料，然后你要做的就是抄！抄！抄！用你学过的设计理论在实现中对案例进行分析，只有发现了它们的优点并自己动手实践实现了，才对你的提升有实际帮助。你每天抄一个案例，BANNER、ICON、APP界面，那么不出几个月，你就能对现有的设计形式套路了如指掌，可以设计出安全不会有太大毛病的UI设计稿，你可以轻松完成这样的：&/p&&img src=&/e7a26cfcd011b71f65aca60_b.jpg& class=&content_image&&&br&&p&而不会做出这样的：&/p&&img src=&/68c1cef882ebc_b.jpg& class=&content_image&&&p&同时，必须提醒一点就是，我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的，这是一个坑，需要有足够的经验去判断什么样的设计已经足够了，什么样的是过度设计，没有实际意义。你不止要在网上搜索优秀的案例，一定要持续关注这些那些最简单，但是最受欢迎的网站和应用。例如：知乎、INS、微信、淘宝等等。去不断讨论、查阅，来理解为什么是当前的呈现式样，而不如自己的预期。比如我写的另一个回答的思考方式：
&a href=&/question//answer/& class=&internal&&为什么国内电商APP设计五花八门，界面那么繁杂？ - 酸梅干超人的回答&/a&
你要在练习和思考中进步，不要盲目的追求视觉表现，这样的UI设计师是很难真正的成长起来。
&b&设计的终极目的是解决问题&/b&，而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站：&b&&a href=&///?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&、追波&/b&等等。
当前主流设计平台的趋势就是，少数大神驱动庞大的底端设计群体，如果你已经在前几个步奏得到提升，那么这些网站的多数设计师已经在思想上没法和你并驾齐驱，不要去这些地方混迹。这些网站不会有真正有价值对等的交流和见解，只有设计师在自己圈子里找自信刷存在感的证明，你去扫两眼评论，就知道不会有“落霞与孤鹜齐飞，秋水共长天一色”这种回答，只有“哎呀，我草，牛逼”，“请问这是用数位板画的吗？”，“请问这是AI做的吗？”。这些大神的飞机稿和普通练习的迅速流传，很可能会产生诸多的不良印象。
就拿我深深唾弃的追波来说，大量的作品没有任何实践价值，尤其为了吸引同行关注而过分秀技巧，秀动效。于是动效的风气马上在国内圈子弥漫开，明明是连基础排版、配色都做不好，PS都还没捂热，就追着赶着学习AE，开始玩转交高大上交互特效了。具体请看下文：
&a href=&///?target=http%3A///zh-hans/the-dribbblisation-of-design.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[ISUX转译]设计追波风&i class=&icon-external&&&/i&&/a&&/p&&p&当你抄了两三个月案例，就已经有足够多的作品集了，你已经可以打包做简历去应聘了。届时你的水准将超越绝大多有数年经验的设计师了！&/p&&p&&b&第七点：阅读思考——扩展&/b&
整个UI设计圈，还有一个很致命的缺点，就是对其它行业知识的排斥，科班毕业生尤甚。因为学生时代大多讨厌学习，有艺术生这个庇护伞，就可以&b&合理安慰自己不学习不念书那是放荡不羁爱自由&/b&。&b&屎丢皮啊！！&/b&
艺术史还要教会你们的一点就是，真正的大师绝对不会只是孤陋寡闻而只专注在手中的笔杆和油墨，他们不断在认识世界，不断在研究感兴趣的知识和见解，这也就是知乎存在所要满足的需求。不要做一个只知有设计，不知有数理化的蟾蜍，只能在你自己的井里蹦跶。
成熟的设计不只是你个性技巧的表达，还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅，症状也在这里。不要只用设计的角度去看世界，去涉猎更多的专业，让眼界更宽广，有更多的角度去理解世界，得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺，在正确的方法下，越积累越成熟，老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段！
……………………
===================================================
设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度，而开始追赶潮流，轻视正统和法则。这整个流程需要或许需要1整年的时间，但我相信，只要有足够的耐心，是可以让一个新手成长成为一名合格的UI设计师，请放慢你的角度不要急于求成。&/p&&br&&p&更新下QQ群：5537969，有时间会在这里讲解下设计过程~~&/p&
我觉得已有问题没真正提供有效的帮助，楼上各位给题主提供的心得，本质上和鸡汤一样，只能解渴不能果腹。下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对题主和其他新人有益。 --------------------------------分割线---…
&img src=&/50/v2-6dc5210232afd24256edb3_b.jpg& data-rawwidth=&1024& data-rawheight=&597& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/50/v2-6dc5210232afd24256edb3_r.jpg&&&p&【update】被小伙伴指出根本就一张图都没有正常显示，真是给知乎跪了。。。我辛苦做的gif图呀。已更新&/p&** 好久没有上知乎了，新年忙着憋了几个大招，不知道之前邀请Hololens设计师Amit来跟我们聊mixed reality的公开课大家有没有来捏？之后我们还会邀请更多业界真正的大神们来跟大家做分享，秉持着免费公开的原则，给大家带来更多的干货。&p&**另外今天上了看到了很多私信，不好意思很久没上有些信息没法一一回复了。想要联系我的小伙伴可以发邮件到，随时聊起来。&/p&&p&下面进入正题，这篇文章首发在了UXOFFER的公众号上，最近有点小反思所以做了一些更新，跟大家分享几个你必须知道的神器。&/p&&br&&blockquote&&b&第一类：设计的快&/b&&p&前两天UXOFFER的几个小伙伴在硅谷线下参加了一个Hackthon活动，好好的爽了一把的同时，回来就问了我们：为什么其他设计师手下功夫都那么快？一天就能出一整套设计方案呢。&/p&&p&对于设计师来说，我们每天的工作在理想情况下，大概80%是创意性工作而20%都是简单重复性劳动。那么怎么保证我们的设计不那么简单重复呢？ - 当然要好好的借助外在资源。下面是三个让你爽到不行的&/p&&/blockquote&&ul&&li&&b&No 1. &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vecteezy&i class=&icon-external&&&/i&&/a& - 可以编辑的素材大全&/b&&/li&&/ul&&p&要想手快，纯靠自己一点一点的做素材肯定不行；都是一堆PSD文件一个图层一个图层抠肯定也不行。尤其是出初稿的时候，往往只是传达一个产品概念供内部讨论，那么这时候所有的asset都自己一笔一笔的画显然有点划不来。&/p&&p&Vecteezy是各种矢量图的集合站，虽然有些资源要付费，但是免费资源就已经非常给力了，你们感受一下：&/p&&p&&img src=&/v2-fb16bacc6a9d558f1f149_b.png& data-rawwidth=&1940& data-rawheight=&1440& class=&origin_image zh-lightbox-thumb& width=&1940& data-original=&/v2-fb16bacc6a9d558f1f149_r.png&&很多资源都提供eps模式，可以直接导入sketch呀Figma呀等快手神器，快速生成你想要的界面。在面对必须快速搞定的初稿的时候，Vecteezy绝对会让你如有神助。不过使用了Vecteezy上的资源，&b&一定要记得添加你的引用哦&/b&。&/p&&br&&br&&ul&&li&&b&No 2. &a href=&/?target=http%3A///colors/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ColorClaim&i class=&icon-external&&&/i&&/a& - 让你选颜色不再纠结&/b&&br&&/li&&/ul&&br&&p&Tobias是我去年粉上的大神，他把自己从2012年做过的产品的上百种配色方案总结到了一起，起名叫ColorClaim。个人认为比colourlover等各大色盘分享网站都靠谱，毕竟是大神开过光的，基本都是拿来既用的。自从有了ColorClaim，我就告别了颜色选择疑难症。&/p&&img src=&/v2-ccb99aa8db1bff15c4d453a_b.jpg& data-rawwidth=&2294& data-rawheight=&3833& class=&origin_image zh-lightbox-thumb& width=&2294& data-original=&/v2-ccb99aa8db1bff15c4d453a_r.jpg&&&br&&br&&ul&&li&&b&No 3. 让最终稿不再单调- &a href=&/?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GraphicBurger&i class=&icon-external&&&/i&&/a&&/b&&br&&/li&&/ul&&br&&p&就连我们公司的PM们，都学会了给CEO或者其他团队作报告的时候，把线框图放到一个macbook或者iphone里面，感觉视觉效果瞬间高大上了许多。试问你在做作品集做演示做报告的时候，难道还没有开始使用这一招？那你就out啦。&/p&&img src=&/v2-e3d18f2bb64e279f063ee5a37f35b700_b.jpg& data-rawwidth=&600& data-rawheight=&1161& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-e3d18f2bb64e279f063ee5a37f35b700_r.jpg&&&br&&p&GraphicBurger上提供各种PSD资源，刚才说的各种好看的设备容器（比如下图）只是其中的一小部分。仔细挖掘你会看到很多让你激动不已的好资源的。&/p&&p&不过再次唠叨下，&b&可要记得给原作者credit呀。&/b&&/p&&br&&br&&blockquote&&p&第二类：设计的周到&/p&&p&刚才说我们设计师，每天大概80%创意性工作而20%是简单重复性工作，那么从另一个角度来说，设计师其实做的也是一个充满细节的工作。比如今天选用了2017流行色美美的翠绿当做背景，明天就被老板批评没有考虑到accessibility完全不考虑红绿不分的小伙伴崩溃的内心。如何让设计面面俱到？下面是几个法宝：&/p&&/blockquote&&br&&ul&&li&&b&No. 4 流程辅助神器 - &a href=&/?target=https%3A//uxchecklist.github.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UX Project Checklist&i class=&icon-external&&&/i&&/a&&/b&&br&&/li&&/ul&&br&&p&UX Project Checklist是一个完善的关于UX你需要完成的各个步骤的checklist，虽然不是每一步都是必须的，但是能够帮助你更有流程化，不忘记设计步骤中的小细节。&/p&&img src=&/v2-25a389cdc646c0b16c0fbb457a06c037_b.png& data-rawwidth=&2246& data-rawheight=&1448& class=&origin_image zh-lightbox-thumb& width=&2246& data-original=&/v2-25a389cdc646c0b16c0fbb457a06c037_r.png&&&br&&ul&&li&&b&No.5 做一个对对比度敏感的设计师 - &a href=&/?target=http%3A//webaim.org/resources/contrastchecker/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebAIM Contrast Checker&i class=&icon-external&&&/i&&/a&&/b&&/li&&/ul&&p&Accessibility这个概念越炒越热。对于我们做交互的小伙伴，在没吃过accessibility的亏的时候，基本大家都是怎么美怎么来，可是一旦产品真的被一部分用户所不能使用的时候，你一定会意识到作为设计师你身上的重担的。比如我有一个设计师朋友，在产品上线之后，客服接到了不计其数的红绿视觉障碍的用户打来的电话，说根本看不清按钮的状态，产品团队不得不几天的时间从重新设计到发布新版本，忙了个底朝天。&/p&&p&其实很多时候，最浅层次的accessibility不足，都是&b&对比度不足&/b&搞的鬼。下图中的字也许你都看得清，但是对于很多视觉上略有障碍的用户来说，前两行都是不合格的对比度呢。&/p&&img src=&/v2-c725efcf52c0b02eab5d_b.jpg& data-rawwidth=&620& data-rawheight=&542& class=&origin_image zh-lightbox-thumb& width=&620& data-original=&/v2-c725efcf52c0b02eab5d_r.jpg&&&p&Image credit: &a href=&/?target=http%3A///author/jvisockyogrady/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jvisockyogrady/&i class=&icon-external&&&/i&&/a&&/p&&br&&p&那么具体查看对比度的工具，我最爱用的是WebAIM自带的对比度查询器，只需要贴入颜色的Hex码就会给你答案。下图是第二行第一个Type和背景色的对比度测试结果,可怜的对比度只有&b&1.14：1&/b&，怪不得用户看不清呢。&/p&&img src=&/v2-1a68a70fff8c89c27ce5_b.jpg& data-rawwidth=&754& data-rawheight=&568& class=&origin_image zh-lightbox-thumb& width=&754& data-original=&/v2-1a68a70fff8c89c27ce5_r.jpg&&&br&&br&&ul&&li&&b&No. 6 和程序员无缝沟通的sketch插件 - &a href=&/?target=https%3A///tudou527/marketch& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Marketch&i class=&icon-external&&&/i&&/a&&/b&&br&&/li&&/ul&&br&&p&当在GitHub发现这个神器，紧接着又发现了其中的中文，我的内心是激动不已的。中国人做出的良心好插件，如果五星是满分我真的好想打七星啊。如果你用过Zepline或是Markman或是InVision Inspect，那么你对Marketch的创意一定不陌生。想想在这些工具诞生之前，每周花费在给程序员哥哥们出spec上的时间，真是不能更推荐这个插件。生成的spec是HTML格式的，点击一个设计组件就会显示这个组件的详细设计信息，不信请看下图：&/p&&img src=&/v2-2a5b24c190b9aecbffc5e8cdc476627a_b.png& data-rawwidth=&1816& data-rawheight=&1912& class=&origin_image zh-lightbox-thumb& width=&1816& data-original=&/v2-2a5b24c190b9aecbffc5e8cdc476627a_r.png&&&br&&br&&blockquote&&p&&b&第三类：设计的自信&/b&&/p&&p&User Centered Design这个概念可以说一直支撑着我们应该怎样做用户体验。从用户出发的设计，理论上来说应该能让我们的得到更自信的设计结果，但是也免不了经常会被产品经理或者其他设计师质疑我们的设计决策的时候。如何设计的更自信？下面是几个好工具：&/p&&/blockquote&&ul&&li&&b&No 7. 启发性法则一网打尽 - &a href=&/?target=http%3A//www.uxcheck.co/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UX Check&i class=&icon-external&&&/i&&/a&&/b&&br&&/li&&/ul&&br&&p&不知道小伙伴们做设计师的时候会不会有一步去评估下自己的设计有没有符合Neilsen老爷子的十大启发性原则。（什么你并没有听说过启发性原则？请留言给我，我将负责派出跟Neilsen老爷子并肩作战的的大神助理一枚给你划重点）&/p&&p&每一次做heuristic review的时候，其实很难善始又善终，因为十条大法则加设计上几十上百个元素，做到一半就饿了是难免的（并不是吃货）。那么UX Check就是为了解决这个问题的，直接内嵌在浏览器里面，让你像批改作业一样对自己的设计元素进行评测，是不是棒棒哒？&/p&&img src=&/v2-b2fe838fedeadc476f192dc_b.jpg& data-rawwidth=&1069& data-rawheight=&691& class=&origin_image zh-lightbox-thumb& width=&1069& data-original=&/v2-b2fe838fedeadc476f192dc_r.jpg&&&p&&i&点到哪里就review哪里&/i&&/p&&br&&img src=&/v2-6509bdbfc00fa3cdb32e66a_b.png& data-rawwidth=&2116& data-rawheight=&1202& class=&origin_image zh-lightbox-thumb& width=&2116& data-original=&/v2-6509bdbfc00fa3cdb32e66a_r.png&&&br&&p&&i&所有review直接生成列表并有图片&/i&&/p&&br&&br&&ul&&li&&b&No 8. 各种快速用户体验测试 - &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Usability Hub&i class=&icon-external&&&/i&&/a&&/b&&/li&&/ul&&p&纠结症的设计瑡们，是不是有时候难免选择疑难？或是聚在一起就讨论起来了：你说我这个按钮都做这么大了，为什么用户就不知道点呢？&/p&&p&其实在产品发布之前，我们除了做复杂的用户测试，很多其他的小测试也辅助我们做好涉及决策。比如你现在设计了如下两种图标，想要知道哪个用户更喜欢，你只需要三分钟就可以在Usability Hub搭建好你的测试。&/p&&img src=&/v2-a8ac65e526a_b.png& data-rawwidth=&1602& data-rawheight=&1294& class=&origin_image zh-lightbox-thumb& width=&1602& data-original=&/v2-a8ac65e526a_r.png&&&p&而用户将会看到以下界面进行测试：&/p&&img src=&/v2-11ccf80fb6da7fc0afdc_b.jpg& data-rawwidth=&912& data-rawheight=&737& class=&origin_image zh-lightbox-thumb& width=&912& data-original=&/v2-11ccf80fb6da7fc0afdc_r.jpg&&&p&当收集一段时间的用户反馈之后，你就可以用数据来做最终的设计决策了。是不是很赞？&/p&&br&&img src=&/v2-5569be6ccbf95ab8cc37_b.png& data-rawwidth=&1668& data-rawheight=&1192& class=&origin_image zh-lightbox-thumb& width=&1668& data-original=&/v2-5569be6ccbf95ab8cc37_r.png&&&br&&p&最后，第九个超赞资源，当然是我们UXOFFER的公众号了（捂脸奔走）。我们这一群在硅谷的设计瑡致力于给大家传递最新最前沿的设计知识，分享设计资源。最近将会请到另一位美国本土的设计大咖，跟大家做分享，敬请继续关注。&/p&&p&&br&你喜欢用的好工具有哪些？欢迎一起交流。&/p&&p&** 封面Image credit：&a href=&/?target=https%3A///blog/15-ux-design-tools-for-web-designers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&EVAN BROWN &i class=&icon-external&&&/i&&/a&&/p&
【update】被小伙伴指出根本就一张图都没有正常显示，真是给知乎跪了。。。我辛苦做的gif图呀。已更新** 好久没有上知乎了，新年忙着憋了几个大招，不知道