物联智能家居卡上写的MP2-64V2.0和MP1-64V2.0有什么区别?
点击联系发帖人
时间：2018-07-13 08:53
&h2&&a href=&//link.zhihu.com/?target=http%3A//yoyozhou.com/post/d16a9%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&7个值得收藏的用户体验行业网站和博客&/a&&/h2&&br&&figure&&img src=&https://pic4.zhimg.com/50/895ffb3dc2a0b3d173ab_b.jpg& data-rawwidth=&948& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&948& data-original=&https://pic4.zhimg.com/50/895ffb3dc2a0b3d173ab_r.jpg&&&/figure&&p&自2012年11月开始，和一群喜欢翻译的童鞋成立了&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fcategory_name%3Dfanke& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CDC翻客&/a&, 一个提供精选原创译文的博客。由此，认识了一群富有激情的朋友，方知浮华之外，还能有人能静心阅读不同国度的文字，再悉心将这些文字转译为我们熟知的母语。&br&&/p&&p&近半年来，翻译了5篇长文，虽然译文数量不多，但每篇外文也至少是我花2小时以上，从10几个国外专业网站或博客中精选的。也许，读者阅读每篇文章花不到5分钟的时间，但对译者来说，从每篇文章的选定（2h）—初译（4.5h）—校稿（2.5h）—发布（1.5h）都是一个漫长的过程。至少对自己来说，平均花在一篇约2000字的文章应该有10小时。算完这个数字，自己都会觉得怎么这么久，但对于一个初译者来说，慢并不意味着是坏事，只有当自己亲身经历体会的时候，方知“山重水复疑无路，柳暗花明又一村”。&/p&&p&每次，文章选定都是一个漫长的过程，自己总会全部浏览一遍Google Reader订阅的10几个外文网站，当然大多数文章只看大标题和小标题。也许是经历了近半年的持续地选文，也逐步摸索出一些不错的外文网站和博客。&/p&&p&本次推荐的网站和博客，较少关注行业资讯，文章内容不似&a href=&//link.zhihu.com/?target=http%3A//www.engadget.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Engadget&/a&。本次推荐主要根据文章专业度（用户体验相关）和文章内容质量两个维度进行选定。浏览推荐的网站和博客文章，可以帮助大家了解作者的写作思路和方法。如何能写出系统全面、逻辑缜密的文章也是我们需要向国外作者学习之处。&/p&&p&如下为精选的推荐，欢迎大家推荐更多。&/p&&br&&p&&strong&推荐&/strong&&strong&1&/strong&&strong&：&/strong&&strong&Smashing Magazine&/strong&&strong&（&/strong&&strong&5&/strong&&strong&星）&/strong&&/p&&p&网站的精选文章比较综合，包括Design, Coding, Mobile, Word Press等，整体质量很高，非常适合用户体验从业人员持续关注。&/p&&p&&strong&推荐理由：&/strong&&/p&&ol&&li&&p&对于设计师而言，DESIGN,
UX DESIGN这三个tag的内容都很棒；&/p&&/li&&li&&p&文章总体质量非常高，篇幅虽长，但很成体系；&/p&&/li&&li&&p&订阅者超过1,100,000，用户活跃度高，每篇文章的回复都很专业；&/p&&/li&&li&&p&超过1,700篇原创文章，890位作者，他们均有多年从业经验；&/p&&/li&&li&&p&eBooks中很多优秀书籍免费。&/p&&figure&&img src=&https://pic3.zhimg.com/50/ca147d96_b.jpg& data-rawwidth=&500& data-rawheight=&341& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/ca147d96_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/15b97e2ee458a9abac4e00_b.jpg& data-rawwidth=&500& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/15b97e2ee458a9abac4e00_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6986& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（下篇）&/a&&/h3&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6779& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（上篇）&/a&&/h3&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6986& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（下篇）&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6779& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（上篇）&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6545& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动端App测试实用指南&/a&&/p&&br&&p&&strong&推荐&/strong&&strong&2&/strong&&strong&：&/strong&&strong&UXbooth&/strong&&strong&（&/strong&&strong&5&/strong&&strong&星）&/strong&&/p&&p&非常专业的用户体验网站。和Smashing Magazine不同在于：UXbooth更专注于用户体验设计相关方面。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章质量很高，偏于学术派、较为系统严谨，Interaction Design,
Accessibility, Visual Design 3个tag都不错；&/p&&/li&&li&&p&文章整体偏于理论探讨，少有设计前沿与趋势资讯；&/p&&/li&&li&&p&订阅者超过31,543，作者超过120位且作者均有多年从业经验。&/p&&figure&&img src=&https://pic2.zhimg.com/50/bb15d46e1e4ac645c980d6_b.jpg& data-rawwidth=&500& data-rawheight=&319& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/bb15d46e1e4ac645c980d6_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/f59b7a5d4e6f_b.jpg& data-rawwidth=&500& data-rawheight=&307& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/f59b7a5d4e6f_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6590& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&为移动而设计，第一部分：信息架构&/a&&/p&&br&&p&&strong&推荐&/strong&&strong&3&/strong&&strong&：&/strong&&strong&UX Magazine&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&文章短小精悍，善于用通俗的案例来讲解理论知识，文章推理分析有理有据。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章篇幅较短，大约1500字，但浓缩得都是精华；&/p&&/li&&li&&p&很多关于心理学与设计结合的理论探讨，文章却又很容易理解。&/p&&figure&&img src=&https://pic1.zhimg.com/50/d07db86d860d3b4cd673d75b923ae5cd_b.jpg& data-rawwidth=&500& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/d07db86d860d3b4cd673d75b923ae5cd_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D7351& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【CDC翻客】追寻点击愉悦感—提升网站平板体验的6个技巧&/a&&/h3&&br&&br&&br&&p&&strong&推荐&/strong&&strong&4&/strong&&strong&：&/strong&&strong&&a href=&//link.zhihu.com/?target=http%3A//www.lukew.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lukew&/a&&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&Lukew是一位资深的用户体验专家，是多个公司的创始人。个人头衔一大推，文章都是干货。&/p&&p&推荐理由：&/p&&ol&&li&&p&18年从业经验，1690篇文章，3本很受欢迎的书，尤其是Mobile First和 Web Form Design评价都蛮高。&/p&&/li&&li&&p&分享频率很高，平均每月10篇，作为一个身兼数职的博主，能坚持这么高效而专业的分享很赞。&/p&&/li&&li&&p&文章几乎都是干货，少有图片，文章长度适中，但阅读起来需要一定英语和专业基础。&/p&&figure&&img src=&https://pic4.zhimg.com/50/ec57c6cf6fa5b451c367c4_b.jpg& data-rawwidth=&500& data-rawheight=&305& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/ec57c6cf6fa5b451c367c4_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&5&/strong&&strong&：&/strong&&strong&Design Modo&/strong&&strong&（&/strong&&strong&5&/strong&&strong&星）&/strong&&/p&&p&最近风行的flat style在这个博客上有很多相关文章，也是因为自己最近关注flat style，所以发现了这个不错的博客。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章偏于介绍设计前沿和设计趋势，&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/inspiration/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inspiration标签&/a&中内容尤其新颖；&/p&&/li&&li&&p&&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/resources/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Resources标签&/a&中有很多小工具介绍，非常实用；&/p&&/li&&li&&p&&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/shop/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&主导航SHOP&/a&中的设计不错，非常适合有想法的原创设计师分享个人作品，设计师不仅可以将个人作品上传至Dribbble，Design Modo也很值得推荐。&/p&&figure&&img src=&https://pic2.zhimg.com/50/4ac1cb58ff3cda258379cc_b.jpg& data-rawwidth=&500& data-rawheight=&290& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/4ac1cb58ff3cda258379cc_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/5a494fa6da1_b.jpg& data-rawwidth=&500& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/5a494fa6da1_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&6&/strong&&strong&：&/strong&&strong&Web Designer Depot&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&2010年，认识这个网站是因为其优秀的视觉设计。关注一段时间后，发现网站的内容很新，较适合视觉设计相关人员持续专注。&/p&&p&推荐理由：&/p&&ol&&li&&p&每周精选互联网的优质文章，Our favorite tweets of the week 这个模块可以看到；&/p&&/li&&li&&p&每周的漫画也不错，由职业漫画家绘制，在Comics of the week模块；&/p&&/li&&li&&p&订阅者超过90,777，用户活跃度高。&/p&&figure&&img src=&https://pic4.zhimg.com/50/d9b8fdb8ed73e850b828b7_b.jpg& data-rawwidth=&500& data-rawheight=&318& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/d9b8fdb8ed73e850b828b7_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/c0e2df2aa0726ad85dfdc5_b.jpg& data-rawwidth=&500& data-rawheight=&309& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/c0e2df2aa0726ad85dfdc5_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&7&/strong&&strong&：&/strong&&strong&Net Magazine&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&Net是从实体杂志中延伸出来的在线版，其优势在于文章内容覆盖面广，适合扩宽眼界。&/p&&p&推荐理由：&/p&&ol&&li&&p&Features导航中的内容不错，面广而精。&/p&&/li&&li&&p&读者超过50,000,000，编辑超过100位，文章内容覆盖面很广。&/p&&figure&&img src=&https://pic4.zhimg.com/50/126e1c88dcd_b.jpg& data-rawwidth=&500& data-rawheight=&312& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/126e1c88dcd_r.jpg&&&/figure&&/li&&/ol&&p&&strong&后记：&/strong&&/p&&p&本次推荐的7个网站和博客可能大家都有过驻足，可能我们第一次登录觉得还可以，然后就没有然后了；可能当时我们觉得阅读起来有点吃力，就纯粹是路过。以上的情况我都有遇到，但最后也因为自己加入翻客，开始一篇一篇浏览、选定、翻译，从中渐渐有了一些感受。虽说现在翻译文章速度也不快，但至少通过这个过程有了阅读英文文章的熟悉感。&/p&&br&&p&很多时候，慢即是快。&/p&&p&(附上个人原创全文：&a href=&//link.zhihu.com/?target=http%3A//yoyozhou.com/post/d16a9%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&7个值得收藏的用户体验行业网站和博客&/a&)&/p&&p&(附上个人公共帐号，每周二会推送一篇个人读书笔记。坚持读书—Stay Hungry, Stay Foolish) &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/73ULE3HEIyxcrTVw9yD9& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/73ULE3H&/span&&span class=&invisible&&EIyxcrTVw9yD9&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
自2012年11月开始，和一群喜欢翻译的童鞋成立了, 一个提供精选原创译文的博客。由此，认识了一群富有激情的朋友，方知浮华之外，还能有人能静心阅读不同国度的文字，再悉心将这些文字转译为我们熟知的母语。 近…
“入门”是良好的动机，但是可能作用缓慢。如果你手里或者脑子里有一个项目，那么实践起来你会被目标驱动，而不会像学习模块一样慢慢学习。&br&&br&另外如果说知识体系里的每一个知识点是图里的点，依赖关系是边的话，那么这个图一定不是一个有向无环图。因为学习A的经验可以帮助你学习B。因此，你不需要学习怎么样“入门”，因为这样的“入门”点根本不存在！你需要学习的是怎么样做一个比较大的东西，在这个过程中，你会很快地学会需要学会的东西的。当然，你可以争论说需要先懂python，不然怎么学会python做爬虫呢？但是事实上，你完全可以在做这个爬虫的过程中学习python :D&br&&br&看到前面很多答案都讲的“术”——用什么软件怎么爬，那我就讲讲“道”和“术”吧——爬虫怎么工作以及怎么在python实现。&br&&br&先长话短说summarize一下：&br&你需要学习&br&&ol&&li&基本的爬虫工作原理&/li&&li&基本的http抓取工具，scrapy&/li&&li&Bloom Filter: &a href=&//link.zhihu.com/?target=http%3A//billmill.org/bloomfilter-tutorial/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bloom Filters by Example&/a&&/li&&li&如果需要大规模网页抓取，你需要学习分布式爬虫的概念。其实没那么玄乎，你只要学会怎样维护一个所有集群机器能够有效分享的分布式队列就好。最简单的实现是python-rq: &a href=&//link.zhihu.com/?target=https%3A//github.com/nvie/rq& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/nvie/rq&/span&&span class=&invisible&&&/span&&/a&&/li&&li&rq和Scrapy的结合：&a href=&//link.zhihu.com/?target=https%3A//github.com/darkrho/scrapy-redis& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&darkrho/scrapy-redis · GitHub&/a&&/li&&li&后续处理，网页析取(&a href=&//link.zhihu.com/?target=https%3A//github.com/grangier/python-goose& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&grangier/python-goose · GitHub&/a&)，存储(Mongodb)&/li&&/ol&&br&以下是短话长说：&br&&br&说说当初写的一个集群爬下整个豆瓣的经验吧。&br&&br&1）首先你要明白爬虫怎样工作。&br&想象你是一只蜘蛛，现在你被放到了互联“网”上。那么，你需要把所有的网页都看一遍。怎么办呢？没问题呀，你就随便从某个地方开始，比如说人民日报的首页，这个叫initial pages，用$表示吧。&br&&br&在人民日报的首页，你看到那个页面引向的各种链接。于是你很开心地从爬到了“国内新闻”那个页面。太好了，这样你就已经爬完了俩页面（首页和国内新闻）！暂且不用管爬下来的页面怎么处理的，你就想象你把这个页面完完整整抄成了个html放到了你身上。&br&&br&突然你发现， 在国内新闻这个页面上，有一个链接链回“首页”。作为一只聪明的蜘蛛，你肯定知道你不用爬回去的吧，因为你已经看过了啊。所以，你需要用你的脑子，存下你已经看过的页面地址。这样，每次看到一个可能需要爬的新链接，你就先查查你脑子里是不是已经去过这个页面地址。如果去过，那就别去了。&br&&br&好的，理论上如果所有的页面可以从initial page达到的话，那么可以证明你一定可以爬完所有的网页。&br&&br&那么在python里怎么实现呢？&br&很简单&br&&div class=&highlight&&&pre&&code class=&language-python&&&span class=&kn&&import&/span& &span class=&nn&&Queue&/span&
&span class=&n&&initial_page&/span& &span class=&o&&=&/span& &span class=&s&&&http://www.renminribao.com&&/span&
&span class=&n&&url_queue&/span& &span class=&o&&=&/span& &span class=&n&&Queue&/span&&span class=&o&&.&/span&&span class=&n&&Queue&/span&&span class=&p&&()&/span&
&span class=&n&&seen&/span& &span class=&o&&=&/span& &span class=&nb&&set&/span&&span class=&p&&()&/span&
&span class=&n&&seen&/span&&span class=&o&&.&/span&&span class=&n&&insert&/span&&span class=&p&&(&/span&&span class=&n&&initial_page&/span&&span class=&p&&)&/span&
&span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&initial_page&/span&&span class=&p&&)&/span&
&span class=&k&&while&/span&&span class=&p&&(&/span&&span class=&bp&&True&/span&&span class=&p&&):&/span& &span class=&c&&#一直进行直到海枯石烂&/span&
&span class=&k&&if&/span& &span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&size&/span&&span class=&p&&()&/span&&span class=&o&&&&/span&&span class=&mi&&0&/span&&span class=&p&&:&/span&
&span class=&n&¤t_url&/span& &span class=&o&&=&/span& &span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&get&/span&&span class=&p&&()&/span&
&span class=&c&&#拿出队例中第一个的url&/span&
&span class=&n&&store&/span&&span class=&p&&(&/span&&span class=&n&¤t_url&/span&&span class=&p&&)&/span&
&span class=&c&&#把这个url代表的网页存储好&/span&
&span class=&k&&for&/span& &span class=&n&&next_url&/span& &span class=&ow&&in&/span& &span class=&n&&extract_urls&/span&&span class=&p&&(&/span&&span class=&n&¤t_url&/span&&span class=&p&&):&/span& &span class=&c&&#提取把这个url里链向的url&/span&
&span class=&k&&if&/span& &span class=&n&&next_url&/span& &span class=&ow&¬&/span& &span class=&ow&&in&/span& &span class=&n&&seen&/span&&span class=&p&&:&/span&
&span class=&n&&seen&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&next_url&/span&&span class=&p&&)&/span&
&span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&next_url&/span&&span class=&p&&)&/span&
&span class=&k&&else&/span&&span class=&p&&:&/span&
&span class=&k&&break&/span&
&/code&&/pre&&/div&写得已经很伪代码了。&br&&br&所有的爬虫的backbone都在这里，下面分析一下为什么爬虫事实上是个非常复杂的东西——搜索引擎公司通常有一整个团队来维护和开发。&br&&br&2）效率&br&如果你直接加工一下上面的代码直接运行的话，你需要一整年才能爬下整个豆瓣的内容。更别说Google这样的搜索引擎需要爬下全网的内容了。&br&&br&问题出在哪呢？需要爬的网页实在太多太多了，而上面的代码太慢太慢了。设想全网有N个网站，那么分析一下判重的复杂度就是N*log(N)，因为所有网页要遍历一次，而每次判重用set的话需要log(N)的复杂度。OK，OK，我知道python的set实现是hash——不过这样还是太慢了，至少内存使用效率不高。&br&&br&通常的判重做法是怎样呢？&b&Bloom Filter&/b&. 简单讲它仍然是一种hash的方法，但是它的特点是，它可以使用固定的内存（不随url的数量而增长）以O(1)的效率判定url是否已经在set中。可惜天下没有白吃的午餐，它的唯一问题在于，如果这个url不在set中，BF可以100%确定这个url没有看过。但是如果这个url在set中，它会告诉你：这个url应该已经出现过，不过我有2%的不确定性。注意这里的不确定性在你分配的内存足够大的时候，可以变得很小很少。一个简单的教程:&a href=&//link.zhihu.com/?target=http%3A//billmill.org/bloomfilter-tutorial/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bloom Filters by Example&/a&&br&&br&注意到这个特点，url如果被看过，那么可能以小概率重复看一看（没关系，多看看不会累死）。但是如果没被看过，一定会被看一下（这个很重要，不然我们就要漏掉一些网页了！）。 [IMPORTANT: 此段有问题，请暂时略过]&br&&br&&br&好，现在已经接近处理判重最快的方法了。另外一个瓶颈——你只有一台机器。不管你的带宽有多大，只要你的机器下载网页的速度是瓶颈的话，那么你只有加快这个速度。用一台机子不够的话——用很多台吧！当然，我们假设每台机子都已经进了最大的效率——使用多线程（python的话，多进程吧）。&br&&br&3）集群化抓取&br&爬取豆瓣的时候，我总共用了100多台机器昼夜不停地运行了一个月。想象如果只用一台机子你就得运行100个月了...&br&&br&那么，假设你现在有100台机器可以用，怎么用python实现一个分布式的爬取算法呢？&br&&br&我们把这100台中的99台运算能力较小的机器叫作slave，另外一台较大的机器叫作master，那么回顾上面代码中的url_queue，如果我们能把这个queue放到这台master机器上，所有的slave都可以通过网络跟master联通，每当一个slave完成下载一个网页，就向master请求一个新的网页来抓取。而每次slave新抓到一个网页，就把这个网页上所有的链接送到master的queue里去。同样，bloom filter也放到master上，但是现在master只发送确定没有被访问过的url给slave。Bloom Filter放到master的内存里，而被访问过的url放到运行在master上的Redis里，这样保证所有操作都是O(1)。（至少平摊是O(1)，Redis的访问效率见:&a href=&//link.zhihu.com/?target=http%3A//redis.io/commands/linsert& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LINSERT – Redis&/a&)&br&&br&&br&考虑如何用python实现：&br&在各台slave上装好scrapy，那么各台机子就变成了一台有抓取能力的slave，在master上装好Redis和rq用作分布式队列。&br&&br&&br&代码于是写成&br&&div class=&highlight&&&pre&&code class=&language-text&&#slave.py
current_url = request_from_master()
to_send = []
for next_url in extract_urls(current_url):
to_send.append(next_url)
store(current_url);
send_to_master(to_send)
#master.py
distributed_queue = DistributedQueue()
bf = BloomFilter()
initial_pages = &www.renmingribao.com&
while(True):
if request == 'GET':
if distributed_queue.size()&0:
send(distributed_queue.get())
elif request == 'POST':
bf.put(request.url)
&/code&&/pre&&/div&&br&&br&好的，其实你能想到，有人已经给你写好了你需要的：&a href=&//link.zhihu.com/?target=https%3A//github.com/darkrho/scrapy-redis& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&darkrho/scrapy-redis · GitHub&/a&&br&&br&4）展望及后处理&br&虽然上面用很多“简单”，但是真正要实现一个商业规模可用的爬虫并不是一件容易的事。上面的代码用来爬一个整体的网站几乎没有太大的问题。&br&&br&但是如果附加上你需要这些后续处理，比如&br&&ol&&li&有效地存储（数据库应该怎样安排）&br&&/li&&li&有效地判重（这里指网页判重，咱可不想把人民日报和抄袭它的大民日报都爬一遍）&br&&/li&&li&有效地信息抽取（比如怎么样抽取出网页上所有的地址抽取出来，“朝阳区奋进路中华道”），搜索引擎通常不需要存储所有的信息，比如图片我存来干嘛...&br&&/li&&li&及时更新（预测这个网页多久会更新一次）&br&&/li&&/ol&&br&如你所想，这里每一个点都可以供很多研究者十数年的研究。虽然如此，&br&“路漫漫其修远兮,吾将上下而求索”。&br&&br&所以，不要问怎么入门，直接上路就好了：）
“入门”是良好的动机，但是可能作用缓慢。如果你手里或者脑子里有一个项目，那么实践起来你会被目标驱动，而不会像学习模块一样慢慢学习。 另外如果说知识体系里的每一个知识点是图里的点，依赖关系是边的话，那么这个图一定不是一个有向无环图。因为学习A…
&p&我很少会写传统意义上的产品需求文档；甚至，我连word都很少用。用惯了Axure的任意布局方式，再用word感觉非常别扭，尤其是在添加图片时，简直感到捉急。当然，这不是我不用word写需求文档的根本原因。&/p&&b&简单来谈一下，为什么软件开发项目中，需要需求文档这么个东西？&/b&&p&在稍微大一点的开发团队中，产品经理未必能向所有开发人员，传达具体的产品开发需求。这时就需要一份文档来供所有的项目参与人员阅读。而产品经理又常常爱拍脑袋、容易变卦，所以文档也是开发人员约束产品经理的一项武器。在产品上线前的测试环节，测试人员也同样会拿产品需求文档来验收产品质量。当团队进入新人时，文档也可以让新人更快地了解产品。&/p&&p&&strong&总的来说，产品需求文档有三个核心作用：&/strong&&/p&&ol&&li&&strong&传达产品开发需求；&/strong&&/li&&li&&strong&保证各部门沟通有理有据&/strong&&/li&&li&&strong&产品质量控制有具体标准&/strong&&/li&&/ol&&p&由此可见，产品需求文档是必不可少的。那一份好的需求文档，就应该能准确传达出产品的开发需求。那么产品需求文档该用什么方式写，才能更好地传达出产品开发需求呢？&/p&&p&就我所见，行业大多产品经理都是用&b&Word+Axure原型&/b&的方式组成产品需求文档。那这种方式，是否真的能方便地表达出产品需求？我问了很多程序猿，他们在开发时，一般都是看着效果图和原型图写代码，只有在遇到问题时，才会查看word文档。也就是说，开发需要一边写代码，一边看效果图，一边看原型，还要时不时查看文档。而且，大多数程序猿都不会逐字逐句去读产品经理的长篇大论。那产品经理写word真的合适吗？这样的用户体验真的好吗？花费大量时间写word真的有价值吗？在Axure画原型的同时，我们为什么不能直接在旁边标注呢？这样岂不是方便快捷很多吗？&/p&&p&其实，当下流行一种直接在原型图上标注的需求文档撰写方式。在新版的Axure8中，也已经推荐了原型加标注的需求文档样式。Axure8新增了一组部件—不干贴，就是方便产品设计人员进行功能标注。&figure&&img src=&https://pic4.zhimg.com/50/c4f6cd32ab8bd6eb7c07676_b.jpg& data-rawwidth=&240& data-rawheight=&299& class=&content_image& width=&240&&&/figure&&/p&&figure&&img src=&https://pic4.zhimg.com/50/4e6e0cade3d7ff0_b.jpg& data-rawwidth=&777& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&777& data-original=&https://pic4.zhimg.com/50/4e6e0cade3d7ff0_r.jpg&&&/figure&&br&&br&&b&重视用户体验的产品需求文档该怎么写？&/b&&p&下面我就不讲思路了，先展示我的产品需求文档的历史版本和最新版本对比。&br&&/p&&p&&strong&产品需求文档V1.0 版&/strong&&/p&&p&这是我一年前的原型加标注，只有很粗糙的标注，现在看来真的是很low啊&figure&&img src=&https://pic4.zhimg.com/50/159c43cde43f1fda53a9ea055ffa9f90_b.jpg& data-rawwidth=&806& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&806& data-original=&https://pic4.zhimg.com/50/159c43cde43f1fda53a9ea055ffa9f90_r.jpg&&&/figure&&/p&&p&&strong&产品需求文档v2.0版本&/strong&&/p&&p&这个是第二个大改版，做成了网页的形式，有一级导航，二级导航，还有版本号。左边的站点地图也进行了清晰的逻辑分组。&figure&&img src=&https://pic4.zhimg.com/50/e7b4fcd6d4ddaed65180bab_b.jpg& data-rawwidth=&1024& data-rawheight=&548& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/e7b4fcd6d4ddaed65180bab_r.jpg&&&/figure&&/p&&p&&strong&产品需求文档v3.0&/strong&&/p&&p&这是现在我用的版本，导航栏变得精致了有没有。所有标注都进行了像素级排版，所有的间距都用准确的像素测量，然后布局。&figure&&img src=&https://pic2.zhimg.com/50/55bf65cedea_b.jpg& data-rawwidth=&1024& data-rawheight=&473& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic2.zhimg.com/50/55bf65cedea_r.jpg&&&/figure&&/p&&p&随着每个版本的调整修改，其实都伴随着视觉效果提升、逻辑架构更清楚，也更加提升了用户体验。&/p&&p&--------------------------------------------------------------------------------------------------------------------------------------------&/p&下面继续来展示更多页面&p&&strong&产品简介&/strong&&/p&&p&我将PPT做的商业需求文档贴在了里面，真可谓时时刻刻不忘商业目标啊&figure&&img src=&https://pic2.zhimg.com/50/caba5ccd0f857c0d4669653_b.jpg& data-rawwidth=&1024& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic2.zhimg.com/50/caba5ccd0f857c0d4669653_r.jpg&&&/figure&&/p&&p&&strong&版本说明&/strong&&/p&&p&是非常重要的版块，整个版本所有的需求都列在这里，并且已经写好了版本升级的提示内容，市场同学可以直接拿去用。开发同学通常都是参考这里来进行工作分配，点击详情按钮，可以直接跳转到原型图页面，那里有详细的需求描述&figure&&img src=&https://pic4.zhimg.com/50/c30a13508dd_b.jpg& data-rawwidth=&1024& data-rawheight=&671& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/c30a13508dd_r.jpg&&&/figure&&/p&&p&&strong&开发周期&/strong&&/p&&p&此页面我没有进行详细丰富，其实还可以写具体什么功能，由谁负责，工期多久等内容&figure&&img src=&https://pic1.zhimg.com/50/faee33acf7c278cc7c37f4_b.jpg& data-rawwidth=&1024& data-rawheight=&384& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/faee33acf7c278cc7c37f4_r.jpg&&&/figure&&/p&&p&&strong&版本历史&/strong&&/p&&p&这个页面也是很重要的页面，所有的版本迭代都可以展示在此表格，可以清晰地看到你们团队的版本迭代周期&figure&&img src=&https://pic3.zhimg.com/50/9bc711d044b64d96a56afb066b20e5f3_b.jpg& data-rawwidth=&1024& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic3.zhimg.com/50/9bc711d044b64d96a56afb066b20e5f3_r.jpg&&&/figure&&/p&&p&&strong&修订历史&/strong&&/p&&p&此页面是非常重要的页面，虽然他是排在最后一个位置，但是，每次打开Axure文档都会先显示此页面。就拿需求文档来说，我还没遇到哪个版本不用进行修改的，所以产品经理一定要把每次文档调整的地方在这里清晰地写出来，方便文档读者观看，也方便自己记录&figure&&img src=&https://pic4.zhimg.com/50/f87ca63d42daafcfa472ea8d7ebecb83_b.jpg& data-rawwidth=&1024& data-rawheight=&543& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/f87ca63d42daafcfa472ea8d7ebecb83_r.jpg&&&/figure&&br&&/p&&p&&strong&思维导图&/strong&&/p&&p&这个版块下，全是产品相关的图表，比如产品结构图、信息结构图、流程图等。我曾经尝试用Axure自带的流程图部件来画流程图和思维导图，但得出的结论是，太耗时间，而且布局很费力。所以，这里我都是用mindmanager导出图片&figure&&img src=&https://pic1.zhimg.com/50/06792afdbca8_b.jpg& data-rawwidth=&1024& data-rawheight=&665& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/06792afdbca8_r.jpg&&&/figure&&br&&/p&&p&&strong&全局说明&/strong&&/p&&p&这个页面其实是展示整个产品的设计规范，一些很多页面通用的规则都可以在这里展示&figure&&img src=&https://pic4.zhimg.com/50/b89effab53afc_b.jpg& data-rawwidth=&1024& data-rawheight=&698& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/b89effab53afc_r.jpg&&&/figure&&/p&&p&&strong&交互原型&/strong&&/p&&p&此页面就是所有的原型+标注页面了，在这里，我会将这个页面所有的功能与跳转逻辑标注清楚，并且用红色将重要按钮凸显出来，用蓝色标记可点击的链接。而功能标注的布局我是仿照sketch的风格设计的，但比sketch更优秀的地方在于，很多地方是可以点击的，具有交互的&figure&&img src=&https://pic1.zhimg.com/50/dc368db8a89b23acf8067cd_b.jpg& data-rawwidth=&1024& data-rawheight=&610& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/dc368db8a89b23acf8067cd_r.jpg&&&/figure&&/p&&p&&strong&用例文档&/strong&&/p&&p&其实，这个用例文档的页面，是我闲的无聊时做的，并没有什么卵用，测试人员也不会使用此表，更加方便的还是Excel&figure&&img src=&https://pic1.zhimg.com/50/368f63f6a27fc73de8efbdf_b.jpg& data-rawwidth=&1024& data-rawheight=&586& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/368f63f6a27fc73de8efbdf_r.jpg&&&/figure&&/p&&p&&strong&需求卡片&/strong&&/p&&p&这个页面到现在也已经放弃了，因为对需求的整理，最好还是在Excel中&figure&&img src=&https://pic3.zhimg.com/50/c5ebb8efda394cbae5a18f383eb28e2f_b.jpg& data-rawwidth=&1024& data-rawheight=&648& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic3.zhimg.com/50/c5ebb8efda394cbae5a18f383eb28e2f_r.jpg&&&/figure&&/p&&b&结尾&/b&&p&这份需求文档是我打磨一年，所产出的。目的就是希望打造出一份易于团队协作的产品需求文档。之所以不贴出源文件的下载链接，也是希望其他产品人看到后，可以有所启发，从而做出合适自己团队的需求文档。不发任何原文件或HTML文件&/p&
我很少会写传统意义上的产品需求文档；甚至，我连word都很少用。用惯了Axure的任意布局方式，再用word感觉非常别扭，尤其是在添加图片时，简直感到捉急。当然，这不是我不用word写需求文档的根本原因。简单来谈一下，为什么软件开发项目中，需要需求文档这…
&p&这几天在“在行”卖身（&a href=&//link.zhihu.com/?target=http%3A//www.zaih.com/mentor//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&刘飞- 嘟嘟美甲联合创始人，锤子科技产品经理&/a&），给几个朋友提供了一些产品经理如何入门的建议，结合我之前几年的工作经历，跟大家分享下。&/p&&p&写在前面：&/p&&p&1.
&a class=&member_mention& href=&//www.zhihu.com/people/b4db1bfb5a1c78ffa9b09aa& data-hash=&b4db1bfb5a1c78ffa9b09aa& data-hovercard=&p$b$b4db1bfb5a1c78ffa9b09aa&&@大海&/a& 提到了很多需要具备的能力、阅读的书籍和掌握的工具，都是很赞同的。但一方面他并没有提到如何去做，另一方面大部分工具的使用和能力的掌握都应该是因地制宜的，不能盲目去学。我的回答将更侧重“如何去做”和“怎样去做”，而不是“用什么工具去做”和“查哪本攻略去做”。&/p&&p&2. 我的方法大概都能适用于中小团队，并不一定适用于有严谨流程和细致分工的大公司。要问后者怎么办，跟你的 leader 学啊，干嘛自学，如果没人带这公司就太不靠谱了，还是赶快换下家。&/p&&p&3. 产品经理最重要的就是独立思考的能力。有句话说兼听则明，偏听则暗，我是觉得产品经理不能光听，要自己想，而且能有讲道理、摆事实说服别人的能力（不是靠耍嘴皮子抖机灵说服别人）。所以记住不要把我说的（和其他任何人说的）当攻略一步一步走。&/p&&p&4. 谨以此文，感谢领我入门的学长、嘟嘟美甲创始人彪哥，感谢带我飞的锤子科技二位总监木爷、刘炯。&/p&&p&————————————————&/p&&p&&b&1. 锻炼对自己产品的理解。&/b&&/p&&p&初学者可能刚入门就会被琳琅满目的原型工具和一堆堆的案例绑架，满脑子想的是别人花哨的功能和亮瞎自己狗眼的方案，但唯独对自己产品不了解，脑子里全是别人的东西。&/p&&p&这样的 PM 平时跟别人的对话一般是：&/p&&blockquote&A（老板）：你觉得这里放四个标签页合理不合理？&br&P（PM）：当然合理，美团啊、点评啊、微信啊都这么做的。这是天下大势。&br&A：那我们页面上功能排版这样靠谱不？&br&P：没问题。现在这样的排版方式是最常见的，交互方式也保证是最流行的。唯一色调设计手法是国际上流行的设计理念 Minimal 。&br&A：额，那我们这几个功能是必需的吗？&br&P：这几个功能竞品都有了，我们没有的话不好吧？&br&A：......&/blockquote&&p&&br&&/p&&p&对自己产品的理解又分为多个方面：&/p&&ul&&li&对公司定位的理解，跟老板和投资方有关&br&&/li&&li&对用户定位的理解，跟公司的定位和市场的状况有关&/li&&li&对产品定位的理解，跟用户的定位和推出产品的初衷有关&/li&&li&对公司研发能力的理解，包括设计能力、开发能力和运营能力&/li&&li&对其他部门状况的理解，包括各部门在做的事情、大家进行的状态&/li&&li&...&/li&&/ul&&p&&br&&/p&&p&总之，你做出的每个判断必须基于对产品多方面的理解，而不是对竞品的理解、对市场的理解这零散的因素。&/p&&p&只有这样，当设计师做出你不满意的稿子时你可以说“你的这个风格可能适合年轻人，但我们的目标用户是商务人士”，而不是说“你这个不够大气，没有 feel 啊”；当你要求工程师改一个看起来不重要的 BUG 时可以说“后续运营部门计划有好几次大型活动，到时流量会瞬间暴涨，你这个 BUG 会放大 10 倍，所以很危险”，而不是说“重要不重要不是你工程师定的，是产品经理定的，你改就行啦”；当你跟老板讨论要不要加一个功能时可以说“我觉得我们这样的功能是一个重要的补充，跟下个版本要做的事情不谋而合”，而不是“竞品做了咱们不能落下啊，管它有没有用”。&/p&&p&那具体怎么去锻炼，其实是件费力又费脑的事情，你要不断地去跟老板沟通、跟同事们沟通，去跟用户聊，去做调研，同时做大量的思考和总结。你要有自己的一本词典，记录关于你名下产品相关的事无巨细的解释，每当需要查询就能随时翻阅。&/p&&p&这本词典可以记在心里，也可以整理成笔记。别人看来，它可能无关紧要，也不是那种张口“人机交互的趋势”闭口“立体化设计语言”这些可以用来装逼的术语。但没有这本词典，你每走一步都是一个坑，等走远了回来想填的时候，已经晚了。&/p&&p&&b&2. 提高分析和判断能力。&/b&&/p&&p&如果说对产品理解是第一步，那第二步就是怎样基于你的理解做出靠谱的判断。&/p&&p&说来也怪，很多 PM 除了参考别人的，也就是做用户调研，或者唯老板是从。但很多事情简单得要命，只要有生活常识、有基础的推理能力，明明是可以更靠谱的。&/p&&p&举个例子吧。&/p&&blockquote&当初 MIUI 做安卓本地化的时候，日历里加入阴历是作为主打特色之一的，也广受好评。在做 T1 的日历的时候，我们也在考虑这个问题：到底加不加阴历？&br&&br&加的话，整个界面非常满，显得丑陋；不加的话，需要看阴历的用户又会不爽。&br&&br&这是常见的一个日历界面：&/blockquote&&figure&&img src=&https://pic2.zhimg.com/50/b7ea2eccd7f9ce390352_b.jpg& data-rawwidth=&320& data-rawheight=&480& class=&content_image& width=&320&&&/figure&&p&对于重调研的 PM 来说，就做个调查问卷，规模越大越好，看哪边的用户多；对用户定位是偏高端用户或者说发烧友的 PM 来说，可能就做个开关选项，用的打开，不用的关了。&br&&br&但实际上完全可以往前推理一步：用户到底为什么需要阴历？&br&&br&大概场景就几个：春节前后用；阴历的节假日用；自己和亲友生日用。这基本囊括了所有用户的需求。&br&&br&那就简单了，我们能不能就在春节和节假日的时候显示阴历？对于生日的话，我们可以提供设置项，在用户和亲友每年生日那天显示阴历。&br&&br&这是 T1 的日历界面：&br&&/p&&figure&&img src=&https://pic4.zhimg.com/50/ed76ff3cebcbf_b.jpg& data-rawwidth=&288& data-rawheight=&421& class=&content_image& width=&288&&&/figure&&p&这样既在很大程度上防止了界面始终显示阴历的尴尬，又满足了大部分用户对阴历的需求。这种方案凭常识很快就能推断出来吧？也不用复杂的问卷调查吧？也不用复杂的产品设计吧？&/p&&p&&br&&/p&&p&你可能说，这就是个抖机灵的需求分析，况且是个小功能。我再举个例子。&/p&&blockquote&我们之前在嘟嘟美甲讨论最基本的功能和界面时，并不是参考的市面流行的 O2O 工具都有什么功能、都有哪几个标签页、都怎么排版的。我们先做了一次用户的分析。&br&&br&用户的分析不是靠什么问卷来做的。你在问卷里问“你是哪类用户”、“你平时做美甲会更看重什么？”，他们很难答清楚。如果你给的是具体的选项，又会有诱导回答的可能，最后的结论往往不能说明问题。&br&&br&我们的分析方法是，先从常识判断美甲用户使用我们的产品有哪几种场景：&/blockquote&&ol&&li&已经有想做的样式的用户。&/li&&li&想来做美甲但不确定样式的用户。&/li&&li&不确定做不做只随便来看看的用户。&/li&&/ol&&p&对于每种用户，来这的需求肯定是不同的：&br&&/p&&ol&&li&看你这有没有想做的那个样式或者类似的样式。&/li&&li&看你这有没有好看的样式。&/li&&li&看你这有没有什么足够吸引她做美甲的地方。&/li&&/ol&&p&对于这三种需求，我们要提供的功能又是不同的：&br&&/p&&ol&&li&根据用户的样式提供定制服务；搜索和筛选功能。&/li&&li&精品/热门推荐；搜索和筛选功能。&/li&&li&专题；精品/热门推荐。&/li&&/ol&&p&所以，在用户第一次看到我们产品的时候，我们需要提供的功能就一目了然了：专题、推荐、搜索/筛选和定制。&br&&br&而我们起初的判断是，产品刚上线，第 3 种用户肯定最多，第 2 种用户会逐渐多起来，而第 1 种用户会是高端、深度的用户，出现得更晚。这样对功能的主次也都分得清了。&br&&br&最后初版的产品，我们就决定把主要精力放在推荐和专题上，搜索功能是第二版上线的功能，而定制将是更未来版本的功能。而界面的布局和排版，也都因为功能主次分明，所以心里有数了。&/p&&p&&br&&/p&&p&最终结果上来看，做出来的界面似乎大同小异。但因为每个功能从研发角度都会消耗精力、从用户角度都会影响体验，如果是拍脑袋想的，一点小差别、一些可有可无的功能都会成为南辕北辙的错误决定。&/p&&p&其实这些东西都是常识完全可以判断的。你说我不是女人哪懂美甲咋回事，但你总逛过淘宝用过京东吧？购物时用户的思路还是可以想象得出来吧？当你有了初步判断之后，用户调研的意义就体现出来了：&b&它是作为验证的手段。但它不能作为需求的来源。&/b&&/p&&p&总结起来，产品经理在做任何决定时，都要做到三个字：&/p&&p&&b&讲道理。&/b&&/p&&p&&br&&/p&&p&那怎样培养这种能力呢？也不难。就是在日常生活中多问为什么。&/p&&p&这个小区的停车场入口需要绕三个圈，为什么这么设计？这个优衣库进门一眼看到的全都是内衣裤，这么摆放是什么道理？楼下咖啡店平时顾客也不多，但居然撑了五年还没关门，他们的收支能够平衡吗？&/p&&p&很多道理是相通的，每天都在想明白一些事情，那真遇到棘手的产品问题，你肯定想的比别人远，也比别人靠谱。&/p&&p&&a class=&member_mention& href=&//www.zhihu.com/people/1cadfcf934acc3aa21ccefc89cf9dba0& data-hash=&1cadfcf934acc3aa21ccefc89cf9dba0& data-hovercard=&p$b$1cadfcf934acc3aa21ccefc89cf9dba0&&@hyukming&/a& 提到的纯银说的办法也是这种考虑（&a href=&http://www.zhihu.com/question//answer/& class=&internal&&产品经理如何入门，没人带的情况下如何学习？ - hyukming 的回答&/a&）。不断去看别人的产品，但不是学皮毛，而是去想从商业模式、到交互细节、再到视觉风格的原因，这么做都是什么道理。&/p&&p&&b&3. 确保良好的沟通和表达能力。&/b&&/p&&p&如果能够对产品有充分的理解、对各种问题有了清晰有据的判断，下一步就是把这些自己的理解和判断跟同事们做充分的交流和沟通。&/p&&p&其实说来也不会很难，也就是注意沟通的技巧，一方面是说要有常提到的情商，怎样让没有实权的你在推进大家完成任务、在协调大家的工作时不那么讨厌；另一方面是要让每次沟通都有效率，不耽误时间。&/p&&p&对于前者，我的建议有：&/p&&ul&&li&始终清楚自己是产品经理，但不是经理，不要盛气凌人&/li&&li&用有理有据的事实来说服别人，而不是“老板的决定”、“反正跟你没关系”这种操蛋的说法&/li&&li&别人遇到困难不要说“我不管，这是你的事儿”，主动去理解他的困难，并且尽力帮忙解决，解决不了的一起想备选方案&/li&&li&产品项目组中的任何同事之间有了矛盾，要主动去协调，别在旁边看热闹&/li&&li&随时让每个产品线上的同事了解全局的进展，让大家产生主人意识&/li&&li&用户的反馈整理后可以周知同事，让大家产生成就感，觉得自己做的事有价值&/li&&/ul&&p&&br&&/p&&p&对于后者，我的建议有：&/p&&ul&&li&每次讨论问题，不管是一对一聊，还是开会，都明确这次的目的，有腹稿&/li&&li&描述问题清晰，想好了再说，同时不要偏题&/li&&li&每个问题都形成结论，不要讨论来讨论去觉得很充实就行了，没有结论都是瞎扯&/li&&li&不要把任何事情都交给别人决定，自己时刻准备提出更多方案和建议&/li&&li&每次讨论的过程和结论都有记录，可以随时查阅&/li&&/ul&&p&&br&&/p&&p&交际能力学习最快的方法其实不是从书本上背诵，或者记下我说的这些小抄，而是找一个你觉得交往起来特别舒服、又很优秀的人，学习他身上的优点。&/p&&p&&b&4. 对产品的责任心。&/b&&/p&&p&责任心似乎是最容易能有的，但却是我直到现在面对很多优秀的 PM 都觉得自愧不如的。&/p&&p&我特别喜欢 &a class=&member_mention& href=&//www.zhihu.com/people/5dea5dbed1458& data-hash=&5dea5dbed1458& data-hovercard=&p$b$5dea5dbed1458&&@池建强&/a& 老师的一句话：产品经理最重要的能力就是让正确的事情相继发生。&/p&&p&你做到我说的 1-3 了，但那只是做“正确的事情”，是不是能让它们相继发生，却要考验你的责任心。&/p&&p&在午夜工程师为项目上线加班时，你是在楼下电影院里吃爆米花，还是在旁边默默陪他？在设计师跟老板因为方案闹僵了的时候，你是等着他们握手言和，还是主动找老板或者设计师聊一聊赶快把项目推进下去？在运营的同事为了某个紧急活动给你提出不太实际的功能需求时，你是一句“做不完”就打发走，还是认真跟她讨论下有没有什么别的方法能凑合着用？&/p&&p&是的，严格来说，你跟公司是劳动契约，你不能被强制加班；你的岗位是产品，不该去帮别人想解决方案；你也不是老板，公司的各种坑也不必由你来填。&/p&&p&但一个优秀的产品经理，是要对任何与产品相关的事务负责的。任何阻碍产品正常上线的事情都应该由你解决，任何能对产品产生帮助的事情都应该给予关心。&/p&&p&在这方面如何抉择，就决定了你作为产品经理是平庸还是优异。&/p&&p&&b&5. 关于工具的使用。&/b&&/p&&p&工具放到最后说，是因为实际意义上的产品经理，并不必掌握太多原型工具、交互绘制工具甚至绘图工具。&/p&&p&不管是什么样的工具，都是为人和当前做的事情服务的。还是刚才那句话，你为什么要用它？它对你现在做的事情有帮助吗？&/p&&p&很多初创团队刚刚起步，就开始搭建各种大规模的 Feature/Bug 的记录和处理平台，都在用特别复杂的需求文档描述规则，都把脑图、Axure 作为必备的工具。没有提高效率，反而造成了很多问题。&/p&&p&就跟 MBA 不适合创业者一样，复杂的流程会严重拖累中小公司的运作。我平时就用 Keynote 、Sketch 这样的工具，完全能覆盖 90% 的需求设计工作；产品研发的需求记录和处理就用 Trello 或者风车，操作简单，易用。&/p&&p&记住一条就可以了：只要觉得目前手头的工具好用、高效，那就没必要换成高大上的。除了装逼，没有别的意义。&/p&&p&&b&6. 尽力涉猎广泛。&/b&&/p&&p&上次“在行”的一个朋友问我，他经常会与设计师有争论，他总觉得那样画排版上有问题，但却说不出哪有问题，该怎么办。我说很简单，如果你直觉上觉得有问题，那可能真的犯了一些基本错误，那你多去学习些排版上的知识，多去了解下常见的排版规则，那之后遇到争论肯定就有底气了呗。&/p&&p&作为产品经理，懂一些其他岗位的基本知识是很有用处的。这样既能保证良好的沟通，也能让你在考虑需求、设计方案时心中有数。这是一个好的补充，当然没有也无所谓。&/p&&p&去看看他们都在看什么书，找些基础的看一下；也可以到知乎这来看点快餐类的文章。这样别人就不会在背后说，这小子就会每天瞎逼想些点子、画点不靠谱的原型、做点不接底气的方案。&/p&&p&&b&7. 广告。&/b&&/p&&p&公众号 liufeinotes&/p&&p&个人微信号 wojiushiliufei （请加自我介绍&/p&
这几天在“在行”卖身（），给几个朋友提供了一些产品经理如何入门的建议，结合我之前几年的工作经历，跟大家分享下。写在前面：1.
提到了很多需要具备的能力、阅读的书籍和掌握的工具，都是很赞同的。但…
&figure&&img src=&https://pic2.zhimg.com/a3ebc7cd18d8deef82cc_b.jpg& data-rawwidth=&1275& data-rawheight=&825& class=&origin_image zh-lightbox-thumb& width=&1275& data-original=&https://pic2.zhimg.com/a3ebc7cd18d8deef82cc_r.jpg&&&/figure&很多产品新人（兔斯霁也是新人 — —||）经常会问起的一个问题就是“如何撰写一个完成的产品（交互）设计文档”，所以今天兔斯霁将目前工作中撰写文档的方式与大家分享一下，同时也算是对自己工作的一次总结。&p&兔斯霁在刚入行时，也遇到了如何写文档的问题，撰写方式、工具的使用、文档结构也是换了又换。后来看到&a href=&https://www.zhihu.com/people/f1b53fb9cd5b640cd4b860& data-hash=&f1b53fb9cd5b640cd4b860& class=&member_mention& data-editable=&true& data-title=&@尤文文& data-hovercard=&p$b$f1b53fb9cd5b640cd4b860&&@尤文文&/a&写的博文《&a href=&https://link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D5809& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何制作实用美观的设计文档&/a&》，让人获益匪浅，后来我也参照尤尤的文档不断模仿和改进，逐步养成自己撰写文档的方式。&/p&&p&作为团队中的一员，你的工作产出物必定需要交给项目中的其他同事，他会是程序大哥、设计妹子，你必须对接手你文档的同事负责。所以，你的文档必须结构清晰、便于阅读。&/p&&p&接下来主要从文档结构、布局、线框图绘制来介绍兔斯霁的产品设计文档。需要注意的是，每个团队都会有自己协作及沟通方式，本文中的设计文档不可能完全适用你的团队，请不要拘泥于模板。（请尽量根据自己的需求改变文档设计）&/p&&p&兔斯霁使用的设计工具是 OmniGraffle，绘制流程框图和界面线框图都非常不错，同时也可以很好地输出PDF及目录，适合阅读与分享，同时很方便其他同事对 PDF 进行标注。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/9c9c4caa02d959b6453d_b.jpg& data-rawwidth=&1259& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&1259& data-original=&https://pic4.zhimg.com/9c9c4caa02d959b6453d_r.jpg&&&/figure&Tip：OmniGraffle输出的 PDF 文件会非常大（我曾输出过500M 大小的），建议使用预览打开重新导出 PDF，同时在 Quartz 滤镜出选择“ Reduce File Size ”，可大大减小文件的大小。&/p&&br&&h2&文档结构说明&/h2&&p&文档主要分为四部分：封面、change log、功能模块、模块中的任务&/p&&p&其中比较重要的就是“功能模块”与“模块中的任务”，这两者的关系就像小学写作文的“先总再分”的形式，先以一个大“功能模块”作为总起，之后对“模块中的任务”进行一条条地拆分。这里指的“任务”，更指的是用户向的任务流程。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/30b03fea5fbde1c29f3ef7b583e69e3f_b.jpg& data-rawwidth=&628& data-rawheight=&512& class=&origin_image zh-lightbox-thumb& width=&628& data-original=&https://pic2.zhimg.com/30b03fea5fbde1c29f3ef7b583e69e3f_r.jpg&&&/figure&在OmniGraffle中以功能模块或者任务来命名canvas，同时用数字标号来区分不同的功能模块及任务。如“创建”是一个功能模块，这个模块会有“拍摄视频”、“拍摄物料”、“合成”、“分享”4个任务。当你导出 PDF 时，PDF 会根据 canvas 的命名和顺序来生成对应的目录。&/p&&figure&&img src=&https://pic1.zhimg.com/a01aeb42b9a9f5e4de9561_b.jpg& data-rawwidth=&281& data-rawheight=&368& class=&content_image& width=&281&&&/figure&导出 PDF 后，可以显示目录来配合阅读。如下图&figure&&img src=&https://pic3.zhimg.com/44d0441baec6cd_b.jpg& data-rawwidth=&285& data-rawheight=&297& class=&content_image& width=&285&&&/figure&&br&&p&&b&封面&/b&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/0b41fbe42b_b.jpg& data-rawwidth=&864& data-rawheight=&565& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic4.zhimg.com/0b41fbe42b_r.jpg&&&/figure&一开始的时候，兔斯霁的文档里没有封面。但是后来有些文档需要直接拿给团队以外的人看，直接在封面告知一些信息是非常有必要的。同时也考虑到文档的规范性和美观性，就给加上了封面。&/p&&ol&&li&项目名称，文档的每一页都会有显示，会贯穿整个文档。&br&&/li&&li&页码，便于阅读的定位，尤其是在多人同时阅读讨论时。&br&&/li&&li&最后更新时间，这是非常重要的一个数字，可以让读者明确是阅读的哪个版本的文档。兔斯霁目使用更新的时间来作为文档版本更新的标识。&br&&/li&&li&文档的标题&br&&/li&&li&团队的 logo 或所属部门，这里也可以加上作者的信息等。目前的团队中只有兔斯霁来出产品设计文档，所以暂时就不写大名了。&/li&&/ol&&p&Tip：OmniGraffle 内置了便利的 stencil，页码和时间都可以自动更新。&figure&&img src=&https://pic3.zhimg.com/824ed2b5e7af2ecdbe025cc1_b.jpg& data-rawwidth=&305& data-rawheight=&274& class=&content_image& width=&305&&&/figure&&br&&/p&&p&&b&change log&/b&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/b0da5edbcc93_b.jpg& data-rawwidth=&860& data-rawheight=&561& class=&origin_image zh-lightbox-thumb& width=&860& data-original=&https://pic2.zhimg.com/b0da5edbcc93_r.jpg&&&/figure&这是文档中非常重要的部分，每次设计的变更你都需要随时记录并详细地写在文档中，这样方便读者在拿到新的文档后，马上就知道改了什么。&/p&&ol&&li&更新时间及详情，详情中主要说明哪页被修改和对应的修改内容。&br&&/li&&/ol&&br&&br&&p&&b&功能模块&/b&&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/532bdc58d9c8be1aabab99f_b.jpg& data-rawwidth=&864& data-rawheight=&564& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic2.zhimg.com/532bdc58d9c8be1aabab99f_r.jpg&&&/figure&“功能模块”页面作为一个总起，需要将这个模块中的功能、流程等信息进行描述。你可以在这里展示简易流程、任务流程框图、功能及任务描述等等。兔斯霁在这里展示了整个创建流程的主要步骤。&br&&/p&&ol&&li&功能模块标题，告知当前所处的功能模块，它会贯穿属于该模块的所有页面。&br&&/li&&li&页面内容描述，描述页面中展示的信息。&br&&/li&&/ol&&br&&br&&p&&b&模块中的任务&/b&&br&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/57aabd7658dbf351a3886a4a_b.jpg& data-rawwidth=&867& data-rawheight=&562& class=&origin_image zh-lightbox-thumb& width=&867& data-original=&https://pic4.zhimg.com/57aabd7658dbf351a3886a4a_r.jpg&&&/figure&一个功能模块中会有很多功能，需要进行任务拆分及分页展示。兔斯霁在这里会开始绘制界面的线框图，并将任务的流程通过线框图来表示。（复杂的流程需要配合流程框图来说明）&/p&&ol&&li&功能模块标题，告知当前所处的功能模块，它会贯穿属于该模块的所有页面。&br&&/li&&li&任务的名称，描述页面中展示的信息，一般用任务名称命名，如“拍摄视频”、“注册帐号”。&br&&/li&&li&线框图编号及标题，描述线框图代表的界面，同时也可以体现任务的步骤。多人讨论时，也方便快速定位到一个线框图。&br&&/li&&li&线框图，兔斯霁一般直接在页面上绘制线框图。文章最后兔斯霁会分享如何绘制线框图。&/li&&li&点击手势及箭头线指示，用来表示操作及界面跳转等交互动作。&br&&/li&&li&标注说明，对重要的操作或界面元素进行注解说明。&br&&/li&&/ol&&br&&br&&br&&p&到此，设计文档的撰写已经跟大家分享完毕了，谢谢各位看官的阅读。&/p&&p&最后是杀必死的时间，也让各位提提神！！杀必死！杀必死！&/p&&figure&&img src=&https://pic4.zhimg.com/6fbd999e2f0241c15baecc_b.jpg& data-rawwidth=&124& data-rawheight=&123& class=&content_image& width=&124&&&/figure&&p&福利看完了，提神了，接下去兔斯霁简单说一下线框图的绘制。&/p&&br&&br&&h2&兔斯霁是这样绘制线框图的&/h2&&p&1.画布的大小设置为1700pt x 1100pt，并将单位设置为1pt=1px。为什么这么设置，看第2步。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/5ada3a9def4f3eba5a1694fc_b.jpg& data-rawwidth=&297& data-rawheight=&402& class=&content_image& width=&297&&&/figure&2.实际的界面设计中，iOS 会有单倍或双倍的尺寸，Android 则会有多种屏幕密度。在绘制线框图时，我们以单倍尺寸为基础。如绘制 iPhone4尺寸的界面，可以直接用矩形工具画480x320， topbar和 navigation tab 也按照iOS 标准的尺寸来绘制，这可以让线框图设计更加准确、也更接近真实的比例，不仅利于自身对界面的布局，产出的线框图也更加美观（请对 UI 设计师负责），便于查看和理解。&/p&&figure&&img src=&https://pic2.zhimg.com/ce526bd1a5f16b523a130072aaea1bde_b.jpg& data-rawwidth=&512& data-rawheight=&578& class=&origin_image zh-lightbox-thumb& width=&512& data-original=&https://pic2.zhimg.com/ce526bd1a5f16b523a130072aaea1bde_r.jpg&&&/figure&&p&以320px 的宽度来绘制线框图界面，按照目前页面的设定，可以并排展示4个线框图。你也许会问：我的产品流程步骤较多，4个界面完全不够用，单页无法完全展示，如何解决？当时我也有过此疑问，也私信过尤尤，他是这么回答我的：&/p&&blockquote&“任何复杂产品，除了少量ToB产品没法，移动复杂产品都可以拆分成小故事的，我之前做的一个产品做了100多页文档，也是4-5个图一页，如果需要可以考虑把第一页做个全景图。”&/blockquote&&p&Tips：&/p&&ol&&li&在绘制线框图时，请使用单一的颜色，避免影响 UI 设计师。&br&&/li&&li&一些常用的图标或者 UI kit可以事先下载好，并导入到 OmniGraffle 中，绘制时可直接拖选。目前 OmniGraffle 中已经内置了很多素材，兔斯霁发现 Android Design 的图标 pack 还是非常不错的，&a href=&https://link.zhihu.com/?target=http%3A//developer.android.com/design/downloads/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点击此前往下载&/a&。&br&&/li&&li&多个重复的内容，可采用一个母版。具体方式是“copy as pdf”，然后再复制即可。&br&&/li&&/ol&&br&&figure&&img src=&https://pic1.zhimg.com/3dae7675c46aa_b.jpg& data-rawwidth=&562& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&562& data-original=&https://pic1.zhimg.com/3dae7675c46aa_r.jpg&&&/figure&&br&&br&&h2&&b&最后一个 Tip：把产品想清楚了再写！&/b&&/h2&&br&&p&PS：此文档的 OmniGraffle 模板文件下载&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//dl.dropboxusercontent.com/u//Design.gtemplate.zip& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&dl.dropboxusercontent.com&/span&&span class=&invisible&&/u//Design.gtemplate.zip&/span&&span class=&ellipsis&&&/span&&/a&&/p&
很多产品新人（兔斯霁也是新人 — —||）经常会问起的一个问题就是“如何撰写一个完成的产品（交互）设计文档”，所以今天兔斯霁将目前工作中撰写文档的方式与大家分享一下，同时也算是对自己工作的一次总结。兔斯霁在刚入行时，也遇到了如何写文档的问题，…
&figure&&img src=&https://pic2.zhimg.com/v2-73ce5c6fc6f4ffa_b.jpg& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-73ce5c6fc6f4ffa_r.jpg&&&/figure&&p&&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/757568& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic3.zhimg.com/80/v2-e569d49b3105c14bbfbbc27de4e93876_b.jpg& data-lens-id=&757568&&
&img class=&thumbnail& src=&https://pic3.zhimg.com/80/v2-e569d49b3105c14bbfbbc27de4e93876_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/757568&/span&
&p&你好，这里是BIMBOX。 &/p&&p&今天给你推荐的6个工具，可以让你在短短一分钟内变身成软件大神，快速拿出漂亮的3D设计、平面设计，给人家帮个忙，或者给自己的设计成果做个PPT、发个朋友圈，再也不怕别人说你LOW了。&/p&&p&这些工具不需要你打开任何软件，只用一个浏览器就可以了。文章内部无法插入链接，我们会把这些工具的网址放到最后的关键词回复中。&/p&&p&废话不多说，马上开始。&/p&&h2&&b&1 Fotor&/b&&/h2&&p&Fotor的中文名叫「懒设计」，是不是一听就适合你？它可以帮你快速生成漂亮的平面设计。&/p&&p&进入网站，点击左上角的「开始设计」按钮，进入设计界面。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ac8bc065a085c5cb37e52c4d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&814& data-rawheight=&60& class=&origin_image zh-lightbox-thumb& width=&814& data-original=&https://pic3.zhimg.com/v2-ac8bc065a085c5cb37e52c4d_r.jpg&&&/figure&&p&可以选择你希望制作内容的尺寸，比如公众号封面图、名片、海报、邀请函等。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5b7c286ce4ea8fedf163b5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1190& data-rawheight=&436& class=&origin_image zh-lightbox-thumb& width=&1190& data-original=&https://pic2.zhimg.com/v2-5b7c286ce4ea8fedf163b5_r.jpg&&&/figure&&p&选择一个你喜欢的模板，就可以开始修改了。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1fb072ef2e0c604b450b339e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1709& data-rawheight=&818& class=&origin_image zh-lightbox-thumb& width=&1709& data-original=&https://pic3.zhimg.com/v2-1fb072ef2e0c604b450b339e_r.jpg&&&/figure&&p&左侧可以添加文字、贴纸，更换背景颜色等。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-41e702abebd59dcf427ec443af4afb76_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&701& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&701& data-original=&https://pic1.zhimg.com/v2-41e702abebd59dcf427ec443af4afb76_r.jpg&&&/figure&&p&选中海报中的某个元素，可以在上方编辑字体、大小、颜色、透明度、阴影等。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3a3d8a009c4d28db3c8cb40b5bdf3058_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&762& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&762& data-original=&https://pic1.zhimg.com/v2-3a3d8a009c4d28db3c8cb40b5bdf3058_r.jpg&&&/figure&&p&可以在右上角点击「图片」，导入你自己的本地图片，然后按住图片直接拖放到海报中就可以了。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7cce2bc87b4ddaeda812fed7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&786& data-rawheight=&426& class=&origin_image zh-lightbox-thumb& width=&786& data-original=&https://pic1.zhimg.com/v2-7cce2bc87b4ddaeda812fed7_r.jpg&&&/figure&&p&做一张这样的海报，用PS至少15分钟，用Fotor连15秒都用不了，是不是很爽？&/p&&figure&&img src=&https://pic2.zhimg.com/v2-960dac46cc295f2e959d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-960dac46cc295f2e959d_r.jpg&&&/figure&&p&不过，用Fotor做海报只能用一些在线素材，还是拯救不了你手里图片素材太少、太Low的尴尬。 &/p&&p&别着急，我们还有下面的神器呢。&/p&&h2&&b&2 Duotone&/b&&/h2&&p&这两年，设计圈流行一种叫「双色图片」的处理风格，就是用两种对比鲜明的颜色来代替传统的黑白照片，出来的效果非常扎眼。&/p&&p&打开Duotone网站，一大票美图直接展现在眼前。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-03c049a43a1fe2f8be6bc2fe9c4d638e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1897& data-rawheight=&841& class=&origin_image zh-lightbox-thumb& width=&1897& data-original=&https://pic3.zhimg.com/v2-03c049a43a1fe2f8be6bc2fe9c4d638e_r.jpg&&&/figure&&p&网站功能非常简单，左侧是选择两个颜色，或者选择选择六种预先调好的配色组合：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3db9d44d4ebf_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&720& data-rawheight=&381& data-thumbnail=&https://pic1.zhimg.com/v2-3db9d44d4ebf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic1.zhimg.com/v2-3db9d44d4ebf_r.jpg&&&/figure&&p&你可以在右上角上传自己的本地图片，也可以用搜索框搜索关检词（只支持英文搜索）找到自己喜欢的图。Duotone提供的都是无版权可商用的高清图，非常养眼。 &/p&&p&比如搜索「Building」，你可以得到一大波漂亮的建筑图片：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-7f51ebdc5fb4c5d5af55db_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1739& data-rawheight=&838& class=&origin_image zh-lightbox-thumb& width=&1739& data-original=&https://pic3.zhimg.com/v2-7f51ebdc5fb4c5d5af55db_r.jpg&&&/figure&&p&随便选择一张，替换成你喜欢的配色，再导出到上面的Fotor里加上点元素，一张帅气的海报就做好了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cbd96ab372a05_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1176& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1176& data-original=&https://pic2.zhimg.com/v2-cbd96ab372a05_r.jpg&&&/figure&&p&如果你不知道双色该怎么配比较好看，这个网站还贴心的给了一个配色工具，点击左上角的「by ShapeFactory」进入作者的网站，找到第二个「pigment」工具：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-fa205ce6b3140cdcbaa8661b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1087& data-rawheight=&566& class=&origin_image zh-lightbox-thumb& width=&1087& data-original=&https://pic4.zhimg.com/v2-fa205ce6b3140cdcbaa8661b_r.jpg&&&/figure&&p&在左侧调节对比度和亮度，选择喜欢的色系，就会生成大量的漂亮配色。点击相应的颜色就自动复制到剪贴板，回到原来的网页，把色号粘贴过来就OK了！&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cbfd472c14b831fa605ecaa22eab8cd3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1900& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1900& data-original=&https://pic4.zhimg.com/v2-cbfd472c14b831fa605ecaa22eab8cd3_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&3 Photomosh&/b&&/h2&&p&双色图片玩上一阵有点腻了？没事儿，这里还有个大杀器。 &/p&&p&进入Photomosh，点击左侧的「Load File」按钮，上传一张自己的图片。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-af4c8badfefe7c4dc5f501ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&581& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&581& data-original=&https://pic3.zhimg.com/v2-af4c8badfefe7c4dc5f501ec_r.jpg&&&/figure&&p&右侧有一大堆特效，你不需要看懂名字，点一下开关，拖拽一下滑动条就知道它是干什么的。&/p&&p&有的特效是动态效果，比如Wobble特效：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ca947be9dcf3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic3.zhimg.com/v2-ca947be9dcf3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic3.zhimg.com/v2-ca947be9dcf3_r.jpg&&&/figure&&p&比如Slices特效：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_r.jpg&&&/figure&&p&比如Smear特效：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c43f0e01bed_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic4.zhimg.com/v2-c43f0e01bed_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic4.zhimg.com/v2-c43f0e01bed_r.jpg&&&/figure&&p&也可以调一些静态效果，比如Edges：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9ea1a2e76b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&742& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&742& data-original=&https://pic4.zhimg.com/v2-9ea1a2e76b_r.jpg&&&/figure&&p&你可以选择多个特效进行叠加，如果不知道怎么叠加好，可以点击带闪电图标的「Mosh」按钮，让系统随机生成几种叠加，没准就弄出一张神特效来。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ecdff234673_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&480& data-rawheight=&300& data-thumbnail=&https://pic4.zhimg.com/v2-ecdff234673_b.jpg& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-ecdff234673_r.jpg&&&/figure&&p&调节好了，可以选择保存成JPG或者GIF动图，然后就随你加工啦。小编就搞了一个抖音风格的海报准备去撩小哥哥。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&230& data-thumbnail=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&4 Voxelize-image&/b&&/h2&&p&想做一张3D海报，又不想动用建模软件？来试试这个网站吧。&/p&&p&打开网站之后，一张霸气的3D图展现在面前，别着急，在本地找一张你喜欢的图片，比如公司的海报或者LOGO，点击右下角，或者直接把图片拖拽到网页右下角的上传区域：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-46c1e3d92ebb0dc8f5eceaa73e9e4980_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1000& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-46c1e3d92ebb0dc8f5eceaa73e9e4980_r.jpg&&&/figure&&p&我们上传一张BOX的海报，模型马上就立起来了：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-4bb0ef554ea8a65811bb37e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&746& data-rawheight=&415& class=&origin_image zh-lightbox-thumb& width=&746& data-original=&https://pic4.zhimg.com/v2-4bb0ef554ea8a65811bb37e_r.jpg&&&/figure&&p&放大看看，作为一款网页生成器，细节很可怕啊！&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ff63a95e50bcb6ff82f820e9cc08d977_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1018& data-rawheight=&481& class=&origin_image zh-lightbox-thumb& width=&1018& data-original=&https://pic3.zhimg.com/v2-ff63a95e50bcb6ff82f820e9cc08d977_r.jpg&&&/figure&&p&右边的参数可以调整方块的大小、数量、质感、颜色、光照等。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-94a34d8679_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&904& data-rawheight=&513& class=&origin_image zh-lightbox-thumb& width=&904& data-original=&https://pic3.zhimg.com/v2-94a34d8679_r.jpg&&&/figure&&p&具体怎么用就要发挥你的想象力啦，比如，你可以先缩放到近景，保存一张图片，在逐步把镜头拉远，可以做出一组相当惊艳的PPT来。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fd747c0e9c5721abcc3d98f2475edd49_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1481& data-rawheight=&810& class=&origin_image zh-lightbox-thumb& width=&1481& data-original=&https://pic3.zhimg.com/v2-fd747c0e9c5721abcc3d98f2475edd49_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-b87ad5dafb925cc0f6872e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1471& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&1471& data-original=&https://pic3.zhimg.com/v2-b87ad5dafb925cc0f6872e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-a310e9fe8d2466cc04ccb590cec7363d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1245& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&1245& data-original=&https://pic2.zhimg.com/v2-a310e9fe8d2466cc04ccb590cec7363d_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&5 Tagul&/b&&/h2&&p&这是个可以生产文字云的网站。所谓文字云就是用一堆文字组合到一起，形成一个图案：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f77a265eaa599eaf7da7a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&843& data-rawheight=&649& class=&origin_image zh-lightbox-thumb& width=&843& data-original=&https://pic2.zhimg.com/v2-f77a265eaa599eaf7da7a_r.jpg&&&/figure&&p&制作起来很简单，打开网站，不用管那一大堆英文，直接点击「CREATE NOW」按钮，开始创作即可。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-eb0ce6d859092aeed187a4f5c4f4defd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&915& data-rawheight=&447& class=&origin_image zh-lightbox-thumb& width=&915& data-original=&https://pic1.zhimg.com/v2-eb0ce6d859092aeed187a4f5c4f4defd_r.jpg&&&/figure&&p&全部功能都在左边的五个按钮中，从上到下是词语、图像、字体、布局、风格。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-de5d0de2de2e0fa317dc4f82eb56e255_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1027& data-rawheight=&266& class=&origin_image zh-lightbox-thumb& width=&1027& data-original=&https://pic1.zhimg.com/v2-de5d0de2de2e0fa317dc4f82eb56e255_r.jpg&&&/figure&&p&默认字体都是英文的，不过可以自己上传字体。首先点开「FONT」，上传一个你喜欢的中文字体，并选中使它高亮。字体去哪找自行百度。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1edfed402dbb14_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&597& data-rawheight=&361& class=&origin_image zh-lightbox-thumb& width=&597& data-original=&https://pic3.zhimg.com/v2-1edfed402dbb14_r.jpg&&&/figure&&p&然后在「SHAPES」按钮下，点击Add image，上传本地准备好的图片，这里我准备了一张BIMBOX粗体的大图。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e9bdcc839dcb005ae29cd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&573& data-rawheight=&285& class=&origin_image zh-lightbox-thumb& width=&573& data-original=&https://pic4.zhimg.com/v2-e9bdcc839dcb005ae29cd_r.jpg&&&/figure&&p&接下来在「WORDS」按钮下，添加关键词，最好多添加一些，如果词语少得话，制作出来会有很多的重复词。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-3fd04b3f6d6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&568& data-rawheight=&339& class=&origin_image zh-lightbox-thumb& width=&568& data-original=&https://pic3.zhimg.com/v2-3fd04b3f6d6_r.jpg&&&/figure&&p&然后在「LAYOUT」按钮下，调节词语的排布方式、词语的多少（词语越多字越小，拼出来的图细节越精确），以及词语的密集程度。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-a89a1389e3def1bbf9bbb1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&575& data-rawheight=&439& class=&origin_image zh-lightbox-thumb& width=&575& data-original=&https://pic4.zhimg.com/v2-a89a1389e3def1bbf9bbb1_r.jpg&&&/figure&&p&最后，在「STYLE」按钮下，调节文字的颜色和背景色。文字颜色可以自定义添加多个，生成图片时会随机出现。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-60ca2ac07aad863f611a8ed5bb24d6c3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&571& data-rawhe}
UX DESIGN这三个tag的内容都很棒；&/p&&/li&&li&&p&文章总体质量非常高，篇幅虽长，但很成体系；&/p&&/li&&li&&p&订阅者超过1,100,000，用户活跃度高，每篇文章的回复都很专业；&/p&&/li&&li&&p&超过1,700篇原创文章，890位作者，他们均有多年从业经验；&/p&&/li&&li&&p&eBooks中很多优秀书籍免费。&/p&&figure&&img src=&https://pic3.zhimg.com/50/ca147d96_b.jpg& data-rawwidth=&500& data-rawheight=&341& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/ca147d96_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/15b97e2ee458a9abac4e00_b.jpg& data-rawwidth=&500& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/15b97e2ee458a9abac4e00_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6986& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（下篇）&/a&&/h3&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6779& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（上篇）&/a&&/h3&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6986& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（下篇）&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6779& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动用户体验要素（上篇）&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6545& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动端App测试实用指南&/a&&/p&&br&&p&&strong&推荐&/strong&&strong&2&/strong&&strong&：&/strong&&strong&UXbooth&/strong&&strong&（&/strong&&strong&5&/strong&&strong&星）&/strong&&/p&&p&非常专业的用户体验网站。和Smashing Magazine不同在于：UXbooth更专注于用户体验设计相关方面。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章质量很高，偏于学术派、较为系统严谨，Interaction Design,
Accessibility, Visual Design 3个tag都不错；&/p&&/li&&li&&p&文章整体偏于理论探讨，少有设计前沿与趋势资讯；&/p&&/li&&li&&p&订阅者超过31,543，作者超过120位且作者均有多年从业经验。&/p&&figure&&img src=&https://pic2.zhimg.com/50/bb15d46e1e4ac645c980d6_b.jpg& data-rawwidth=&500& data-rawheight=&319& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/bb15d46e1e4ac645c980d6_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/f59b7a5d4e6f_b.jpg& data-rawwidth=&500& data-rawheight=&307& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/f59b7a5d4e6f_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D6590& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&为移动而设计，第一部分：信息架构&/a&&/p&&br&&p&&strong&推荐&/strong&&strong&3&/strong&&strong&：&/strong&&strong&UX Magazine&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&文章短小精悍，善于用通俗的案例来讲解理论知识，文章推理分析有理有据。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章篇幅较短，大约1500字，但浓缩得都是精华；&/p&&/li&&li&&p&很多关于心理学与设计结合的理论探讨，文章却又很容易理解。&/p&&figure&&img src=&https://pic1.zhimg.com/50/d07db86d860d3b4cd673d75b923ae5cd_b.jpg& data-rawwidth=&500& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/d07db86d860d3b4cd673d75b923ae5cd_r.jpg&&&/figure&&/li&&/ol&&p&&strong&CDC翻客译文：&/strong&&/p&&h3&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D7351& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【CDC翻客】追寻点击愉悦感—提升网站平板体验的6个技巧&/a&&/h3&&br&&br&&br&&p&&strong&推荐&/strong&&strong&4&/strong&&strong&：&/strong&&strong&&a href=&//link.zhihu.com/?target=http%3A//www.lukew.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lukew&/a&&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&Lukew是一位资深的用户体验专家，是多个公司的创始人。个人头衔一大推，文章都是干货。&/p&&p&推荐理由：&/p&&ol&&li&&p&18年从业经验，1690篇文章，3本很受欢迎的书，尤其是Mobile First和 Web Form Design评价都蛮高。&/p&&/li&&li&&p&分享频率很高，平均每月10篇，作为一个身兼数职的博主，能坚持这么高效而专业的分享很赞。&/p&&/li&&li&&p&文章几乎都是干货，少有图片，文章长度适中，但阅读起来需要一定英语和专业基础。&/p&&figure&&img src=&https://pic4.zhimg.com/50/ec57c6cf6fa5b451c367c4_b.jpg& data-rawwidth=&500& data-rawheight=&305& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/ec57c6cf6fa5b451c367c4_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&5&/strong&&strong&：&/strong&&strong&Design Modo&/strong&&strong&（&/strong&&strong&5&/strong&&strong&星）&/strong&&/p&&p&最近风行的flat style在这个博客上有很多相关文章，也是因为自己最近关注flat style，所以发现了这个不错的博客。&/p&&p&推荐理由：&/p&&ol&&li&&p&文章偏于介绍设计前沿和设计趋势，&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/inspiration/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inspiration标签&/a&中内容尤其新颖；&/p&&/li&&li&&p&&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/resources/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Resources标签&/a&中有很多小工具介绍，非常实用；&/p&&/li&&li&&p&&a href=&//link.zhihu.com/?target=http%3A//designmodo.com/shop/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&主导航SHOP&/a&中的设计不错，非常适合有想法的原创设计师分享个人作品，设计师不仅可以将个人作品上传至Dribbble，Design Modo也很值得推荐。&/p&&figure&&img src=&https://pic2.zhimg.com/50/4ac1cb58ff3cda258379cc_b.jpg& data-rawwidth=&500& data-rawheight=&290& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/50/4ac1cb58ff3cda258379cc_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/5a494fa6da1_b.jpg& data-rawwidth=&500& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/5a494fa6da1_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&6&/strong&&strong&：&/strong&&strong&Web Designer Depot&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&2010年，认识这个网站是因为其优秀的视觉设计。关注一段时间后，发现网站的内容很新，较适合视觉设计相关人员持续专注。&/p&&p&推荐理由：&/p&&ol&&li&&p&每周精选互联网的优质文章，Our favorite tweets of the week 这个模块可以看到；&/p&&/li&&li&&p&每周的漫画也不错，由职业漫画家绘制，在Comics of the week模块；&/p&&/li&&li&&p&订阅者超过90,777，用户活跃度高。&/p&&figure&&img src=&https://pic4.zhimg.com/50/d9b8fdb8ed73e850b828b7_b.jpg& data-rawwidth=&500& data-rawheight=&318& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/d9b8fdb8ed73e850b828b7_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/c0e2df2aa0726ad85dfdc5_b.jpg& data-rawwidth=&500& data-rawheight=&309& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/50/c0e2df2aa0726ad85dfdc5_r.jpg&&&/figure&&br&&/li&&/ol&&p&&strong&推荐&/strong&&strong&7&/strong&&strong&：&/strong&&strong&Net Magazine&/strong&&strong&（&/strong&&strong&4&/strong&&strong&星）&/strong&&/p&&p&Net是从实体杂志中延伸出来的在线版，其优势在于文章内容覆盖面广，适合扩宽眼界。&/p&&p&推荐理由：&/p&&ol&&li&&p&Features导航中的内容不错，面广而精。&/p&&/li&&li&&p&读者超过50,000,000，编辑超过100位，文章内容覆盖面很广。&/p&&figure&&img src=&https://pic4.zhimg.com/50/126e1c88dcd_b.jpg& data-rawwidth=&500& data-rawheight=&312& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/50/126e1c88dcd_r.jpg&&&/figure&&/li&&/ol&&p&&strong&后记：&/strong&&/p&&p&本次推荐的7个网站和博客可能大家都有过驻足，可能我们第一次登录觉得还可以，然后就没有然后了；可能当时我们觉得阅读起来有点吃力，就纯粹是路过。以上的情况我都有遇到，但最后也因为自己加入翻客，开始一篇一篇浏览、选定、翻译，从中渐渐有了一些感受。虽说现在翻译文章速度也不快，但至少通过这个过程有了阅读英文文章的熟悉感。&/p&&br&&p&很多时候，慢即是快。&/p&&p&(附上个人原创全文：&a href=&//link.zhihu.com/?target=http%3A//yoyozhou.com/post/d16a9%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&7个值得收藏的用户体验行业网站和博客&/a&)&/p&&p&(附上个人公共帐号，每周二会推送一篇个人读书笔记。坚持读书—Stay Hungry, Stay Foolish) &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/73ULE3HEIyxcrTVw9yD9& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/73ULE3H&/span&&span class=&invisible&&EIyxcrTVw9yD9&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
自2012年11月开始，和一群喜欢翻译的童鞋成立了, 一个提供精选原创译文的博客。由此，认识了一群富有激情的朋友，方知浮华之外，还能有人能静心阅读不同国度的文字，再悉心将这些文字转译为我们熟知的母语。 近…
“入门”是良好的动机，但是可能作用缓慢。如果你手里或者脑子里有一个项目，那么实践起来你会被目标驱动，而不会像学习模块一样慢慢学习。&br&&br&另外如果说知识体系里的每一个知识点是图里的点，依赖关系是边的话，那么这个图一定不是一个有向无环图。因为学习A的经验可以帮助你学习B。因此，你不需要学习怎么样“入门”，因为这样的“入门”点根本不存在！你需要学习的是怎么样做一个比较大的东西，在这个过程中，你会很快地学会需要学会的东西的。当然，你可以争论说需要先懂python，不然怎么学会python做爬虫呢？但是事实上，你完全可以在做这个爬虫的过程中学习python :D&br&&br&看到前面很多答案都讲的“术”——用什么软件怎么爬，那我就讲讲“道”和“术”吧——爬虫怎么工作以及怎么在python实现。&br&&br&先长话短说summarize一下：&br&你需要学习&br&&ol&&li&基本的爬虫工作原理&/li&&li&基本的http抓取工具，scrapy&/li&&li&Bloom Filter: &a href=&//link.zhihu.com/?target=http%3A//billmill.org/bloomfilter-tutorial/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bloom Filters by Example&/a&&/li&&li&如果需要大规模网页抓取，你需要学习分布式爬虫的概念。其实没那么玄乎，你只要学会怎样维护一个所有集群机器能够有效分享的分布式队列就好。最简单的实现是python-rq: &a href=&//link.zhihu.com/?target=https%3A//github.com/nvie/rq& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/nvie/rq&/span&&span class=&invisible&&&/span&&/a&&/li&&li&rq和Scrapy的结合：&a href=&//link.zhihu.com/?target=https%3A//github.com/darkrho/scrapy-redis& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&darkrho/scrapy-redis · GitHub&/a&&/li&&li&后续处理，网页析取(&a href=&//link.zhihu.com/?target=https%3A//github.com/grangier/python-goose& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&grangier/python-goose · GitHub&/a&)，存储(Mongodb)&/li&&/ol&&br&以下是短话长说：&br&&br&说说当初写的一个集群爬下整个豆瓣的经验吧。&br&&br&1）首先你要明白爬虫怎样工作。&br&想象你是一只蜘蛛，现在你被放到了互联“网”上。那么，你需要把所有的网页都看一遍。怎么办呢？没问题呀，你就随便从某个地方开始，比如说人民日报的首页，这个叫initial pages，用$表示吧。&br&&br&在人民日报的首页，你看到那个页面引向的各种链接。于是你很开心地从爬到了“国内新闻”那个页面。太好了，这样你就已经爬完了俩页面（首页和国内新闻）！暂且不用管爬下来的页面怎么处理的，你就想象你把这个页面完完整整抄成了个html放到了你身上。&br&&br&突然你发现， 在国内新闻这个页面上，有一个链接链回“首页”。作为一只聪明的蜘蛛，你肯定知道你不用爬回去的吧，因为你已经看过了啊。所以，你需要用你的脑子，存下你已经看过的页面地址。这样，每次看到一个可能需要爬的新链接，你就先查查你脑子里是不是已经去过这个页面地址。如果去过，那就别去了。&br&&br&好的，理论上如果所有的页面可以从initial page达到的话，那么可以证明你一定可以爬完所有的网页。&br&&br&那么在python里怎么实现呢？&br&很简单&br&&div class=&highlight&&&pre&&code class=&language-python&&&span class=&kn&&import&/span& &span class=&nn&&Queue&/span&
&span class=&n&&initial_page&/span& &span class=&o&&=&/span& &span class=&s&&&http://www.renminribao.com&&/span&
&span class=&n&&url_queue&/span& &span class=&o&&=&/span& &span class=&n&&Queue&/span&&span class=&o&&.&/span&&span class=&n&&Queue&/span&&span class=&p&&()&/span&
&span class=&n&&seen&/span& &span class=&o&&=&/span& &span class=&nb&&set&/span&&span class=&p&&()&/span&
&span class=&n&&seen&/span&&span class=&o&&.&/span&&span class=&n&&insert&/span&&span class=&p&&(&/span&&span class=&n&&initial_page&/span&&span class=&p&&)&/span&
&span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&initial_page&/span&&span class=&p&&)&/span&
&span class=&k&&while&/span&&span class=&p&&(&/span&&span class=&bp&&True&/span&&span class=&p&&):&/span& &span class=&c&&#一直进行直到海枯石烂&/span&
&span class=&k&&if&/span& &span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&size&/span&&span class=&p&&()&/span&&span class=&o&&&&/span&&span class=&mi&&0&/span&&span class=&p&&:&/span&
&span class=&n&¤t_url&/span& &span class=&o&&=&/span& &span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&get&/span&&span class=&p&&()&/span&
&span class=&c&&#拿出队例中第一个的url&/span&
&span class=&n&&store&/span&&span class=&p&&(&/span&&span class=&n&¤t_url&/span&&span class=&p&&)&/span&
&span class=&c&&#把这个url代表的网页存储好&/span&
&span class=&k&&for&/span& &span class=&n&&next_url&/span& &span class=&ow&&in&/span& &span class=&n&&extract_urls&/span&&span class=&p&&(&/span&&span class=&n&¤t_url&/span&&span class=&p&&):&/span& &span class=&c&&#提取把这个url里链向的url&/span&
&span class=&k&&if&/span& &span class=&n&&next_url&/span& &span class=&ow&¬&/span& &span class=&ow&&in&/span& &span class=&n&&seen&/span&&span class=&p&&:&/span&
&span class=&n&&seen&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&next_url&/span&&span class=&p&&)&/span&
&span class=&n&&url_queue&/span&&span class=&o&&.&/span&&span class=&n&&put&/span&&span class=&p&&(&/span&&span class=&n&&next_url&/span&&span class=&p&&)&/span&
&span class=&k&&else&/span&&span class=&p&&:&/span&
&span class=&k&&break&/span&
&/code&&/pre&&/div&写得已经很伪代码了。&br&&br&所有的爬虫的backbone都在这里，下面分析一下为什么爬虫事实上是个非常复杂的东西——搜索引擎公司通常有一整个团队来维护和开发。&br&&br&2）效率&br&如果你直接加工一下上面的代码直接运行的话，你需要一整年才能爬下整个豆瓣的内容。更别说Google这样的搜索引擎需要爬下全网的内容了。&br&&br&问题出在哪呢？需要爬的网页实在太多太多了，而上面的代码太慢太慢了。设想全网有N个网站，那么分析一下判重的复杂度就是N*log(N)，因为所有网页要遍历一次，而每次判重用set的话需要log(N)的复杂度。OK，OK，我知道python的set实现是hash——不过这样还是太慢了，至少内存使用效率不高。&br&&br&通常的判重做法是怎样呢？&b&Bloom Filter&/b&. 简单讲它仍然是一种hash的方法，但是它的特点是，它可以使用固定的内存（不随url的数量而增长）以O(1)的效率判定url是否已经在set中。可惜天下没有白吃的午餐，它的唯一问题在于，如果这个url不在set中，BF可以100%确定这个url没有看过。但是如果这个url在set中，它会告诉你：这个url应该已经出现过，不过我有2%的不确定性。注意这里的不确定性在你分配的内存足够大的时候，可以变得很小很少。一个简单的教程:&a href=&//link.zhihu.com/?target=http%3A//billmill.org/bloomfilter-tutorial/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bloom Filters by Example&/a&&br&&br&注意到这个特点，url如果被看过，那么可能以小概率重复看一看（没关系，多看看不会累死）。但是如果没被看过，一定会被看一下（这个很重要，不然我们就要漏掉一些网页了！）。 [IMPORTANT: 此段有问题，请暂时略过]&br&&br&&br&好，现在已经接近处理判重最快的方法了。另外一个瓶颈——你只有一台机器。不管你的带宽有多大，只要你的机器下载网页的速度是瓶颈的话，那么你只有加快这个速度。用一台机子不够的话——用很多台吧！当然，我们假设每台机子都已经进了最大的效率——使用多线程（python的话，多进程吧）。&br&&br&3）集群化抓取&br&爬取豆瓣的时候，我总共用了100多台机器昼夜不停地运行了一个月。想象如果只用一台机子你就得运行100个月了...&br&&br&那么，假设你现在有100台机器可以用，怎么用python实现一个分布式的爬取算法呢？&br&&br&我们把这100台中的99台运算能力较小的机器叫作slave，另外一台较大的机器叫作master，那么回顾上面代码中的url_queue，如果我们能把这个queue放到这台master机器上，所有的slave都可以通过网络跟master联通，每当一个slave完成下载一个网页，就向master请求一个新的网页来抓取。而每次slave新抓到一个网页，就把这个网页上所有的链接送到master的queue里去。同样，bloom filter也放到master上，但是现在master只发送确定没有被访问过的url给slave。Bloom Filter放到master的内存里，而被访问过的url放到运行在master上的Redis里，这样保证所有操作都是O(1)。（至少平摊是O(1)，Redis的访问效率见:&a href=&//link.zhihu.com/?target=http%3A//redis.io/commands/linsert& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LINSERT – Redis&/a&)&br&&br&&br&考虑如何用python实现：&br&在各台slave上装好scrapy，那么各台机子就变成了一台有抓取能力的slave，在master上装好Redis和rq用作分布式队列。&br&&br&&br&代码于是写成&br&&div class=&highlight&&&pre&&code class=&language-text&&#slave.py
current_url = request_from_master()
to_send = []
for next_url in extract_urls(current_url):
to_send.append(next_url)
store(current_url);
send_to_master(to_send)
#master.py
distributed_queue = DistributedQueue()
bf = BloomFilter()
initial_pages = &www.renmingribao.com&
while(True):
if request == 'GET':
if distributed_queue.size()&0:
send(distributed_queue.get())
elif request == 'POST':
bf.put(request.url)
&/code&&/pre&&/div&&br&&br&好的，其实你能想到，有人已经给你写好了你需要的：&a href=&//link.zhihu.com/?target=https%3A//github.com/darkrho/scrapy-redis& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&darkrho/scrapy-redis · GitHub&/a&&br&&br&4）展望及后处理&br&虽然上面用很多“简单”，但是真正要实现一个商业规模可用的爬虫并不是一件容易的事。上面的代码用来爬一个整体的网站几乎没有太大的问题。&br&&br&但是如果附加上你需要这些后续处理，比如&br&&ol&&li&有效地存储（数据库应该怎样安排）&br&&/li&&li&有效地判重（这里指网页判重，咱可不想把人民日报和抄袭它的大民日报都爬一遍）&br&&/li&&li&有效地信息抽取（比如怎么样抽取出网页上所有的地址抽取出来，“朝阳区奋进路中华道”），搜索引擎通常不需要存储所有的信息，比如图片我存来干嘛...&br&&/li&&li&及时更新（预测这个网页多久会更新一次）&br&&/li&&/ol&&br&如你所想，这里每一个点都可以供很多研究者十数年的研究。虽然如此，&br&“路漫漫其修远兮,吾将上下而求索”。&br&&br&所以，不要问怎么入门，直接上路就好了：）
“入门”是良好的动机，但是可能作用缓慢。如果你手里或者脑子里有一个项目，那么实践起来你会被目标驱动，而不会像学习模块一样慢慢学习。 另外如果说知识体系里的每一个知识点是图里的点，依赖关系是边的话，那么这个图一定不是一个有向无环图。因为学习A…
&p&我很少会写传统意义上的产品需求文档；甚至，我连word都很少用。用惯了Axure的任意布局方式，再用word感觉非常别扭，尤其是在添加图片时，简直感到捉急。当然，这不是我不用word写需求文档的根本原因。&/p&&b&简单来谈一下，为什么软件开发项目中，需要需求文档这么个东西？&/b&&p&在稍微大一点的开发团队中，产品经理未必能向所有开发人员，传达具体的产品开发需求。这时就需要一份文档来供所有的项目参与人员阅读。而产品经理又常常爱拍脑袋、容易变卦，所以文档也是开发人员约束产品经理的一项武器。在产品上线前的测试环节，测试人员也同样会拿产品需求文档来验收产品质量。当团队进入新人时，文档也可以让新人更快地了解产品。&/p&&p&&strong&总的来说，产品需求文档有三个核心作用：&/strong&&/p&&ol&&li&&strong&传达产品开发需求；&/strong&&/li&&li&&strong&保证各部门沟通有理有据&/strong&&/li&&li&&strong&产品质量控制有具体标准&/strong&&/li&&/ol&&p&由此可见，产品需求文档是必不可少的。那一份好的需求文档，就应该能准确传达出产品的开发需求。那么产品需求文档该用什么方式写，才能更好地传达出产品开发需求呢？&/p&&p&就我所见，行业大多产品经理都是用&b&Word+Axure原型&/b&的方式组成产品需求文档。那这种方式，是否真的能方便地表达出产品需求？我问了很多程序猿，他们在开发时，一般都是看着效果图和原型图写代码，只有在遇到问题时，才会查看word文档。也就是说，开发需要一边写代码，一边看效果图，一边看原型，还要时不时查看文档。而且，大多数程序猿都不会逐字逐句去读产品经理的长篇大论。那产品经理写word真的合适吗？这样的用户体验真的好吗？花费大量时间写word真的有价值吗？在Axure画原型的同时，我们为什么不能直接在旁边标注呢？这样岂不是方便快捷很多吗？&/p&&p&其实，当下流行一种直接在原型图上标注的需求文档撰写方式。在新版的Axure8中，也已经推荐了原型加标注的需求文档样式。Axure8新增了一组部件—不干贴，就是方便产品设计人员进行功能标注。&figure&&img src=&https://pic4.zhimg.com/50/c4f6cd32ab8bd6eb7c07676_b.jpg& data-rawwidth=&240& data-rawheight=&299& class=&content_image& width=&240&&&/figure&&/p&&figure&&img src=&https://pic4.zhimg.com/50/4e6e0cade3d7ff0_b.jpg& data-rawwidth=&777& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&777& data-original=&https://pic4.zhimg.com/50/4e6e0cade3d7ff0_r.jpg&&&/figure&&br&&br&&b&重视用户体验的产品需求文档该怎么写？&/b&&p&下面我就不讲思路了，先展示我的产品需求文档的历史版本和最新版本对比。&br&&/p&&p&&strong&产品需求文档V1.0 版&/strong&&/p&&p&这是我一年前的原型加标注，只有很粗糙的标注，现在看来真的是很low啊&figure&&img src=&https://pic4.zhimg.com/50/159c43cde43f1fda53a9ea055ffa9f90_b.jpg& data-rawwidth=&806& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&806& data-original=&https://pic4.zhimg.com/50/159c43cde43f1fda53a9ea055ffa9f90_r.jpg&&&/figure&&/p&&p&&strong&产品需求文档v2.0版本&/strong&&/p&&p&这个是第二个大改版，做成了网页的形式，有一级导航，二级导航，还有版本号。左边的站点地图也进行了清晰的逻辑分组。&figure&&img src=&https://pic4.zhimg.com/50/e7b4fcd6d4ddaed65180bab_b.jpg& data-rawwidth=&1024& data-rawheight=&548& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/e7b4fcd6d4ddaed65180bab_r.jpg&&&/figure&&/p&&p&&strong&产品需求文档v3.0&/strong&&/p&&p&这是现在我用的版本，导航栏变得精致了有没有。所有标注都进行了像素级排版，所有的间距都用准确的像素测量，然后布局。&figure&&img src=&https://pic2.zhimg.com/50/55bf65cedea_b.jpg& data-rawwidth=&1024& data-rawheight=&473& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic2.zhimg.com/50/55bf65cedea_r.jpg&&&/figure&&/p&&p&随着每个版本的调整修改，其实都伴随着视觉效果提升、逻辑架构更清楚，也更加提升了用户体验。&/p&&p&--------------------------------------------------------------------------------------------------------------------------------------------&/p&下面继续来展示更多页面&p&&strong&产品简介&/strong&&/p&&p&我将PPT做的商业需求文档贴在了里面，真可谓时时刻刻不忘商业目标啊&figure&&img src=&https://pic2.zhimg.com/50/caba5ccd0f857c0d4669653_b.jpg& data-rawwidth=&1024& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic2.zhimg.com/50/caba5ccd0f857c0d4669653_r.jpg&&&/figure&&/p&&p&&strong&版本说明&/strong&&/p&&p&是非常重要的版块，整个版本所有的需求都列在这里，并且已经写好了版本升级的提示内容，市场同学可以直接拿去用。开发同学通常都是参考这里来进行工作分配，点击详情按钮，可以直接跳转到原型图页面，那里有详细的需求描述&figure&&img src=&https://pic4.zhimg.com/50/c30a13508dd_b.jpg& data-rawwidth=&1024& data-rawheight=&671& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/c30a13508dd_r.jpg&&&/figure&&/p&&p&&strong&开发周期&/strong&&/p&&p&此页面我没有进行详细丰富，其实还可以写具体什么功能，由谁负责，工期多久等内容&figure&&img src=&https://pic1.zhimg.com/50/faee33acf7c278cc7c37f4_b.jpg& data-rawwidth=&1024& data-rawheight=&384& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/faee33acf7c278cc7c37f4_r.jpg&&&/figure&&/p&&p&&strong&版本历史&/strong&&/p&&p&这个页面也是很重要的页面，所有的版本迭代都可以展示在此表格，可以清晰地看到你们团队的版本迭代周期&figure&&img src=&https://pic3.zhimg.com/50/9bc711d044b64d96a56afb066b20e5f3_b.jpg& data-rawwidth=&1024& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic3.zhimg.com/50/9bc711d044b64d96a56afb066b20e5f3_r.jpg&&&/figure&&/p&&p&&strong&修订历史&/strong&&/p&&p&此页面是非常重要的页面，虽然他是排在最后一个位置，但是，每次打开Axure文档都会先显示此页面。就拿需求文档来说，我还没遇到哪个版本不用进行修改的，所以产品经理一定要把每次文档调整的地方在这里清晰地写出来，方便文档读者观看，也方便自己记录&figure&&img src=&https://pic4.zhimg.com/50/f87ca63d42daafcfa472ea8d7ebecb83_b.jpg& data-rawwidth=&1024& data-rawheight=&543& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/f87ca63d42daafcfa472ea8d7ebecb83_r.jpg&&&/figure&&br&&/p&&p&&strong&思维导图&/strong&&/p&&p&这个版块下，全是产品相关的图表，比如产品结构图、信息结构图、流程图等。我曾经尝试用Axure自带的流程图部件来画流程图和思维导图，但得出的结论是，太耗时间，而且布局很费力。所以，这里我都是用mindmanager导出图片&figure&&img src=&https://pic1.zhimg.com/50/06792afdbca8_b.jpg& data-rawwidth=&1024& data-rawheight=&665& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/06792afdbca8_r.jpg&&&/figure&&br&&/p&&p&&strong&全局说明&/strong&&/p&&p&这个页面其实是展示整个产品的设计规范，一些很多页面通用的规则都可以在这里展示&figure&&img src=&https://pic4.zhimg.com/50/b89effab53afc_b.jpg& data-rawwidth=&1024& data-rawheight=&698& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic4.zhimg.com/50/b89effab53afc_r.jpg&&&/figure&&/p&&p&&strong&交互原型&/strong&&/p&&p&此页面就是所有的原型+标注页面了，在这里，我会将这个页面所有的功能与跳转逻辑标注清楚，并且用红色将重要按钮凸显出来，用蓝色标记可点击的链接。而功能标注的布局我是仿照sketch的风格设计的，但比sketch更优秀的地方在于，很多地方是可以点击的，具有交互的&figure&&img src=&https://pic1.zhimg.com/50/dc368db8a89b23acf8067cd_b.jpg& data-rawwidth=&1024& data-rawheight=&610& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/dc368db8a89b23acf8067cd_r.jpg&&&/figure&&/p&&p&&strong&用例文档&/strong&&/p&&p&其实，这个用例文档的页面，是我闲的无聊时做的，并没有什么卵用，测试人员也不会使用此表，更加方便的还是Excel&figure&&img src=&https://pic1.zhimg.com/50/368f63f6a27fc73de8efbdf_b.jpg& data-rawwidth=&1024& data-rawheight=&586& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/50/368f63f6a27fc73de8efbdf_r.jpg&&&/figure&&/p&&p&&strong&需求卡片&/strong&&/p&&p&这个页面到现在也已经放弃了，因为对需求的整理，最好还是在Excel中&figure&&img src=&https://pic3.zhimg.com/50/c5ebb8efda394cbae5a18f383eb28e2f_b.jpg& data-rawwidth=&1024& data-rawheight=&648& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic3.zhimg.com/50/c5ebb8efda394cbae5a18f383eb28e2f_r.jpg&&&/figure&&/p&&b&结尾&/b&&p&这份需求文档是我打磨一年，所产出的。目的就是希望打造出一份易于团队协作的产品需求文档。之所以不贴出源文件的下载链接，也是希望其他产品人看到后，可以有所启发，从而做出合适自己团队的需求文档。不发任何原文件或HTML文件&/p&
我很少会写传统意义上的产品需求文档；甚至，我连word都很少用。用惯了Axure的任意布局方式，再用word感觉非常别扭，尤其是在添加图片时，简直感到捉急。当然，这不是我不用word写需求文档的根本原因。简单来谈一下，为什么软件开发项目中，需要需求文档这…
&p&这几天在“在行”卖身（&a href=&//link.zhihu.com/?target=http%3A//www.zaih.com/mentor//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&刘飞- 嘟嘟美甲联合创始人，锤子科技产品经理&/a&），给几个朋友提供了一些产品经理如何入门的建议，结合我之前几年的工作经历，跟大家分享下。&/p&&p&写在前面：&/p&&p&1.
&a class=&member_mention& href=&//www.zhihu.com/people/b4db1bfb5a1c78ffa9b09aa& data-hash=&b4db1bfb5a1c78ffa9b09aa& data-hovercard=&p$b$b4db1bfb5a1c78ffa9b09aa&&@大海&/a& 提到了很多需要具备的能力、阅读的书籍和掌握的工具，都是很赞同的。但一方面他并没有提到如何去做，另一方面大部分工具的使用和能力的掌握都应该是因地制宜的，不能盲目去学。我的回答将更侧重“如何去做”和“怎样去做”，而不是“用什么工具去做”和“查哪本攻略去做”。&/p&&p&2. 我的方法大概都能适用于中小团队，并不一定适用于有严谨流程和细致分工的大公司。要问后者怎么办，跟你的 leader 学啊，干嘛自学，如果没人带这公司就太不靠谱了，还是赶快换下家。&/p&&p&3. 产品经理最重要的就是独立思考的能力。有句话说兼听则明，偏听则暗，我是觉得产品经理不能光听，要自己想，而且能有讲道理、摆事实说服别人的能力（不是靠耍嘴皮子抖机灵说服别人）。所以记住不要把我说的（和其他任何人说的）当攻略一步一步走。&/p&&p&4. 谨以此文，感谢领我入门的学长、嘟嘟美甲创始人彪哥，感谢带我飞的锤子科技二位总监木爷、刘炯。&/p&&p&————————————————&/p&&p&&b&1. 锻炼对自己产品的理解。&/b&&/p&&p&初学者可能刚入门就会被琳琅满目的原型工具和一堆堆的案例绑架，满脑子想的是别人花哨的功能和亮瞎自己狗眼的方案，但唯独对自己产品不了解，脑子里全是别人的东西。&/p&&p&这样的 PM 平时跟别人的对话一般是：&/p&&blockquote&A（老板）：你觉得这里放四个标签页合理不合理？&br&P（PM）：当然合理，美团啊、点评啊、微信啊都这么做的。这是天下大势。&br&A：那我们页面上功能排版这样靠谱不？&br&P：没问题。现在这样的排版方式是最常见的，交互方式也保证是最流行的。唯一色调设计手法是国际上流行的设计理念 Minimal 。&br&A：额，那我们这几个功能是必需的吗？&br&P：这几个功能竞品都有了，我们没有的话不好吧？&br&A：......&/blockquote&&p&&br&&/p&&p&对自己产品的理解又分为多个方面：&/p&&ul&&li&对公司定位的理解，跟老板和投资方有关&br&&/li&&li&对用户定位的理解，跟公司的定位和市场的状况有关&/li&&li&对产品定位的理解，跟用户的定位和推出产品的初衷有关&/li&&li&对公司研发能力的理解，包括设计能力、开发能力和运营能力&/li&&li&对其他部门状况的理解，包括各部门在做的事情、大家进行的状态&/li&&li&...&/li&&/ul&&p&&br&&/p&&p&总之，你做出的每个判断必须基于对产品多方面的理解，而不是对竞品的理解、对市场的理解这零散的因素。&/p&&p&只有这样，当设计师做出你不满意的稿子时你可以说“你的这个风格可能适合年轻人，但我们的目标用户是商务人士”，而不是说“你这个不够大气，没有 feel 啊”；当你要求工程师改一个看起来不重要的 BUG 时可以说“后续运营部门计划有好几次大型活动，到时流量会瞬间暴涨，你这个 BUG 会放大 10 倍，所以很危险”，而不是说“重要不重要不是你工程师定的，是产品经理定的，你改就行啦”；当你跟老板讨论要不要加一个功能时可以说“我觉得我们这样的功能是一个重要的补充，跟下个版本要做的事情不谋而合”，而不是“竞品做了咱们不能落下啊，管它有没有用”。&/p&&p&那具体怎么去锻炼，其实是件费力又费脑的事情，你要不断地去跟老板沟通、跟同事们沟通，去跟用户聊，去做调研，同时做大量的思考和总结。你要有自己的一本词典，记录关于你名下产品相关的事无巨细的解释，每当需要查询就能随时翻阅。&/p&&p&这本词典可以记在心里，也可以整理成笔记。别人看来，它可能无关紧要，也不是那种张口“人机交互的趋势”闭口“立体化设计语言”这些可以用来装逼的术语。但没有这本词典，你每走一步都是一个坑，等走远了回来想填的时候，已经晚了。&/p&&p&&b&2. 提高分析和判断能力。&/b&&/p&&p&如果说对产品理解是第一步，那第二步就是怎样基于你的理解做出靠谱的判断。&/p&&p&说来也怪，很多 PM 除了参考别人的，也就是做用户调研，或者唯老板是从。但很多事情简单得要命，只要有生活常识、有基础的推理能力，明明是可以更靠谱的。&/p&&p&举个例子吧。&/p&&blockquote&当初 MIUI 做安卓本地化的时候，日历里加入阴历是作为主打特色之一的，也广受好评。在做 T1 的日历的时候，我们也在考虑这个问题：到底加不加阴历？&br&&br&加的话，整个界面非常满，显得丑陋；不加的话，需要看阴历的用户又会不爽。&br&&br&这是常见的一个日历界面：&/blockquote&&figure&&img src=&https://pic2.zhimg.com/50/b7ea2eccd7f9ce390352_b.jpg& data-rawwidth=&320& data-rawheight=&480& class=&content_image& width=&320&&&/figure&&p&对于重调研的 PM 来说，就做个调查问卷，规模越大越好，看哪边的用户多；对用户定位是偏高端用户或者说发烧友的 PM 来说，可能就做个开关选项，用的打开，不用的关了。&br&&br&但实际上完全可以往前推理一步：用户到底为什么需要阴历？&br&&br&大概场景就几个：春节前后用；阴历的节假日用；自己和亲友生日用。这基本囊括了所有用户的需求。&br&&br&那就简单了，我们能不能就在春节和节假日的时候显示阴历？对于生日的话，我们可以提供设置项，在用户和亲友每年生日那天显示阴历。&br&&br&这是 T1 的日历界面：&br&&/p&&figure&&img src=&https://pic4.zhimg.com/50/ed76ff3cebcbf_b.jpg& data-rawwidth=&288& data-rawheight=&421& class=&content_image& width=&288&&&/figure&&p&这样既在很大程度上防止了界面始终显示阴历的尴尬，又满足了大部分用户对阴历的需求。这种方案凭常识很快就能推断出来吧？也不用复杂的问卷调查吧？也不用复杂的产品设计吧？&/p&&p&&br&&/p&&p&你可能说，这就是个抖机灵的需求分析，况且是个小功能。我再举个例子。&/p&&blockquote&我们之前在嘟嘟美甲讨论最基本的功能和界面时，并不是参考的市面流行的 O2O 工具都有什么功能、都有哪几个标签页、都怎么排版的。我们先做了一次用户的分析。&br&&br&用户的分析不是靠什么问卷来做的。你在问卷里问“你是哪类用户”、“你平时做美甲会更看重什么？”，他们很难答清楚。如果你给的是具体的选项，又会有诱导回答的可能，最后的结论往往不能说明问题。&br&&br&我们的分析方法是，先从常识判断美甲用户使用我们的产品有哪几种场景：&/blockquote&&ol&&li&已经有想做的样式的用户。&/li&&li&想来做美甲但不确定样式的用户。&/li&&li&不确定做不做只随便来看看的用户。&/li&&/ol&&p&对于每种用户，来这的需求肯定是不同的：&br&&/p&&ol&&li&看你这有没有想做的那个样式或者类似的样式。&/li&&li&看你这有没有好看的样式。&/li&&li&看你这有没有什么足够吸引她做美甲的地方。&/li&&/ol&&p&对于这三种需求，我们要提供的功能又是不同的：&br&&/p&&ol&&li&根据用户的样式提供定制服务；搜索和筛选功能。&/li&&li&精品/热门推荐；搜索和筛选功能。&/li&&li&专题；精品/热门推荐。&/li&&/ol&&p&所以，在用户第一次看到我们产品的时候，我们需要提供的功能就一目了然了：专题、推荐、搜索/筛选和定制。&br&&br&而我们起初的判断是，产品刚上线，第 3 种用户肯定最多，第 2 种用户会逐渐多起来，而第 1 种用户会是高端、深度的用户，出现得更晚。这样对功能的主次也都分得清了。&br&&br&最后初版的产品，我们就决定把主要精力放在推荐和专题上，搜索功能是第二版上线的功能，而定制将是更未来版本的功能。而界面的布局和排版，也都因为功能主次分明，所以心里有数了。&/p&&p&&br&&/p&&p&最终结果上来看，做出来的界面似乎大同小异。但因为每个功能从研发角度都会消耗精力、从用户角度都会影响体验，如果是拍脑袋想的，一点小差别、一些可有可无的功能都会成为南辕北辙的错误决定。&/p&&p&其实这些东西都是常识完全可以判断的。你说我不是女人哪懂美甲咋回事，但你总逛过淘宝用过京东吧？购物时用户的思路还是可以想象得出来吧？当你有了初步判断之后，用户调研的意义就体现出来了：&b&它是作为验证的手段。但它不能作为需求的来源。&/b&&/p&&p&总结起来，产品经理在做任何决定时，都要做到三个字：&/p&&p&&b&讲道理。&/b&&/p&&p&&br&&/p&&p&那怎样培养这种能力呢？也不难。就是在日常生活中多问为什么。&/p&&p&这个小区的停车场入口需要绕三个圈，为什么这么设计？这个优衣库进门一眼看到的全都是内衣裤，这么摆放是什么道理？楼下咖啡店平时顾客也不多，但居然撑了五年还没关门，他们的收支能够平衡吗？&/p&&p&很多道理是相通的，每天都在想明白一些事情，那真遇到棘手的产品问题，你肯定想的比别人远，也比别人靠谱。&/p&&p&&a class=&member_mention& href=&//www.zhihu.com/people/1cadfcf934acc3aa21ccefc89cf9dba0& data-hash=&1cadfcf934acc3aa21ccefc89cf9dba0& data-hovercard=&p$b$1cadfcf934acc3aa21ccefc89cf9dba0&&@hyukming&/a& 提到的纯银说的办法也是这种考虑（&a href=&http://www.zhihu.com/question//answer/& class=&internal&&产品经理如何入门，没人带的情况下如何学习？ - hyukming 的回答&/a&）。不断去看别人的产品，但不是学皮毛，而是去想从商业模式、到交互细节、再到视觉风格的原因，这么做都是什么道理。&/p&&p&&b&3. 确保良好的沟通和表达能力。&/b&&/p&&p&如果能够对产品有充分的理解、对各种问题有了清晰有据的判断，下一步就是把这些自己的理解和判断跟同事们做充分的交流和沟通。&/p&&p&其实说来也不会很难，也就是注意沟通的技巧，一方面是说要有常提到的情商，怎样让没有实权的你在推进大家完成任务、在协调大家的工作时不那么讨厌；另一方面是要让每次沟通都有效率，不耽误时间。&/p&&p&对于前者，我的建议有：&/p&&ul&&li&始终清楚自己是产品经理，但不是经理，不要盛气凌人&/li&&li&用有理有据的事实来说服别人，而不是“老板的决定”、“反正跟你没关系”这种操蛋的说法&/li&&li&别人遇到困难不要说“我不管，这是你的事儿”，主动去理解他的困难，并且尽力帮忙解决，解决不了的一起想备选方案&/li&&li&产品项目组中的任何同事之间有了矛盾，要主动去协调，别在旁边看热闹&/li&&li&随时让每个产品线上的同事了解全局的进展，让大家产生主人意识&/li&&li&用户的反馈整理后可以周知同事，让大家产生成就感，觉得自己做的事有价值&/li&&/ul&&p&&br&&/p&&p&对于后者，我的建议有：&/p&&ul&&li&每次讨论问题，不管是一对一聊，还是开会，都明确这次的目的，有腹稿&/li&&li&描述问题清晰，想好了再说，同时不要偏题&/li&&li&每个问题都形成结论，不要讨论来讨论去觉得很充实就行了，没有结论都是瞎扯&/li&&li&不要把任何事情都交给别人决定，自己时刻准备提出更多方案和建议&/li&&li&每次讨论的过程和结论都有记录，可以随时查阅&/li&&/ul&&p&&br&&/p&&p&交际能力学习最快的方法其实不是从书本上背诵，或者记下我说的这些小抄，而是找一个你觉得交往起来特别舒服、又很优秀的人，学习他身上的优点。&/p&&p&&b&4. 对产品的责任心。&/b&&/p&&p&责任心似乎是最容易能有的，但却是我直到现在面对很多优秀的 PM 都觉得自愧不如的。&/p&&p&我特别喜欢 &a class=&member_mention& href=&//www.zhihu.com/people/5dea5dbed1458& data-hash=&5dea5dbed1458& data-hovercard=&p$b$5dea5dbed1458&&@池建强&/a& 老师的一句话：产品经理最重要的能力就是让正确的事情相继发生。&/p&&p&你做到我说的 1-3 了，但那只是做“正确的事情”，是不是能让它们相继发生，却要考验你的责任心。&/p&&p&在午夜工程师为项目上线加班时，你是在楼下电影院里吃爆米花，还是在旁边默默陪他？在设计师跟老板因为方案闹僵了的时候，你是等着他们握手言和，还是主动找老板或者设计师聊一聊赶快把项目推进下去？在运营的同事为了某个紧急活动给你提出不太实际的功能需求时，你是一句“做不完”就打发走，还是认真跟她讨论下有没有什么别的方法能凑合着用？&/p&&p&是的，严格来说，你跟公司是劳动契约，你不能被强制加班；你的岗位是产品，不该去帮别人想解决方案；你也不是老板，公司的各种坑也不必由你来填。&/p&&p&但一个优秀的产品经理，是要对任何与产品相关的事务负责的。任何阻碍产品正常上线的事情都应该由你解决，任何能对产品产生帮助的事情都应该给予关心。&/p&&p&在这方面如何抉择，就决定了你作为产品经理是平庸还是优异。&/p&&p&&b&5. 关于工具的使用。&/b&&/p&&p&工具放到最后说，是因为实际意义上的产品经理，并不必掌握太多原型工具、交互绘制工具甚至绘图工具。&/p&&p&不管是什么样的工具，都是为人和当前做的事情服务的。还是刚才那句话，你为什么要用它？它对你现在做的事情有帮助吗？&/p&&p&很多初创团队刚刚起步，就开始搭建各种大规模的 Feature/Bug 的记录和处理平台，都在用特别复杂的需求文档描述规则，都把脑图、Axure 作为必备的工具。没有提高效率，反而造成了很多问题。&/p&&p&就跟 MBA 不适合创业者一样，复杂的流程会严重拖累中小公司的运作。我平时就用 Keynote 、Sketch 这样的工具，完全能覆盖 90% 的需求设计工作；产品研发的需求记录和处理就用 Trello 或者风车，操作简单，易用。&/p&&p&记住一条就可以了：只要觉得目前手头的工具好用、高效，那就没必要换成高大上的。除了装逼，没有别的意义。&/p&&p&&b&6. 尽力涉猎广泛。&/b&&/p&&p&上次“在行”的一个朋友问我，他经常会与设计师有争论，他总觉得那样画排版上有问题，但却说不出哪有问题，该怎么办。我说很简单，如果你直觉上觉得有问题，那可能真的犯了一些基本错误，那你多去学习些排版上的知识，多去了解下常见的排版规则，那之后遇到争论肯定就有底气了呗。&/p&&p&作为产品经理，懂一些其他岗位的基本知识是很有用处的。这样既能保证良好的沟通，也能让你在考虑需求、设计方案时心中有数。这是一个好的补充，当然没有也无所谓。&/p&&p&去看看他们都在看什么书，找些基础的看一下；也可以到知乎这来看点快餐类的文章。这样别人就不会在背后说，这小子就会每天瞎逼想些点子、画点不靠谱的原型、做点不接底气的方案。&/p&&p&&b&7. 广告。&/b&&/p&&p&公众号 liufeinotes&/p&&p&个人微信号 wojiushiliufei （请加自我介绍&/p&
这几天在“在行”卖身（），给几个朋友提供了一些产品经理如何入门的建议，结合我之前几年的工作经历，跟大家分享下。写在前面：1.
提到了很多需要具备的能力、阅读的书籍和掌握的工具，都是很赞同的。但…
&figure&&img src=&https://pic2.zhimg.com/a3ebc7cd18d8deef82cc_b.jpg& data-rawwidth=&1275& data-rawheight=&825& class=&origin_image zh-lightbox-thumb& width=&1275& data-original=&https://pic2.zhimg.com/a3ebc7cd18d8deef82cc_r.jpg&&&/figure&很多产品新人（兔斯霁也是新人 — —||）经常会问起的一个问题就是“如何撰写一个完成的产品（交互）设计文档”，所以今天兔斯霁将目前工作中撰写文档的方式与大家分享一下，同时也算是对自己工作的一次总结。&p&兔斯霁在刚入行时，也遇到了如何写文档的问题，撰写方式、工具的使用、文档结构也是换了又换。后来看到&a href=&https://www.zhihu.com/people/f1b53fb9cd5b640cd4b860& data-hash=&f1b53fb9cd5b640cd4b860& class=&member_mention& data-editable=&true& data-title=&@尤文文& data-hovercard=&p$b$f1b53fb9cd5b640cd4b860&&@尤文文&/a&写的博文《&a href=&https://link.zhihu.com/?target=http%3A//cdc.tencent.com/%3Fp%3D5809& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何制作实用美观的设计文档&/a&》，让人获益匪浅，后来我也参照尤尤的文档不断模仿和改进，逐步养成自己撰写文档的方式。&/p&&p&作为团队中的一员，你的工作产出物必定需要交给项目中的其他同事，他会是程序大哥、设计妹子，你必须对接手你文档的同事负责。所以，你的文档必须结构清晰、便于阅读。&/p&&p&接下来主要从文档结构、布局、线框图绘制来介绍兔斯霁的产品设计文档。需要注意的是，每个团队都会有自己协作及沟通方式，本文中的设计文档不可能完全适用你的团队，请不要拘泥于模板。（请尽量根据自己的需求改变文档设计）&/p&&p&兔斯霁使用的设计工具是 OmniGraffle，绘制流程框图和界面线框图都非常不错，同时也可以很好地输出PDF及目录，适合阅读与分享，同时很方便其他同事对 PDF 进行标注。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/9c9c4caa02d959b6453d_b.jpg& data-rawwidth=&1259& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&1259& data-original=&https://pic4.zhimg.com/9c9c4caa02d959b6453d_r.jpg&&&/figure&Tip：OmniGraffle输出的 PDF 文件会非常大（我曾输出过500M 大小的），建议使用预览打开重新导出 PDF，同时在 Quartz 滤镜出选择“ Reduce File Size ”，可大大减小文件的大小。&/p&&br&&h2&文档结构说明&/h2&&p&文档主要分为四部分：封面、change log、功能模块、模块中的任务&/p&&p&其中比较重要的就是“功能模块”与“模块中的任务”，这两者的关系就像小学写作文的“先总再分”的形式，先以一个大“功能模块”作为总起，之后对“模块中的任务”进行一条条地拆分。这里指的“任务”，更指的是用户向的任务流程。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/30b03fea5fbde1c29f3ef7b583e69e3f_b.jpg& data-rawwidth=&628& data-rawheight=&512& class=&origin_image zh-lightbox-thumb& width=&628& data-original=&https://pic2.zhimg.com/30b03fea5fbde1c29f3ef7b583e69e3f_r.jpg&&&/figure&在OmniGraffle中以功能模块或者任务来命名canvas，同时用数字标号来区分不同的功能模块及任务。如“创建”是一个功能模块，这个模块会有“拍摄视频”、“拍摄物料”、“合成”、“分享”4个任务。当你导出 PDF 时，PDF 会根据 canvas 的命名和顺序来生成对应的目录。&/p&&figure&&img src=&https://pic1.zhimg.com/a01aeb42b9a9f5e4de9561_b.jpg& data-rawwidth=&281& data-rawheight=&368& class=&content_image& width=&281&&&/figure&导出 PDF 后，可以显示目录来配合阅读。如下图&figure&&img src=&https://pic3.zhimg.com/44d0441baec6cd_b.jpg& data-rawwidth=&285& data-rawheight=&297& class=&content_image& width=&285&&&/figure&&br&&p&&b&封面&/b&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/0b41fbe42b_b.jpg& data-rawwidth=&864& data-rawheight=&565& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic4.zhimg.com/0b41fbe42b_r.jpg&&&/figure&一开始的时候，兔斯霁的文档里没有封面。但是后来有些文档需要直接拿给团队以外的人看，直接在封面告知一些信息是非常有必要的。同时也考虑到文档的规范性和美观性，就给加上了封面。&/p&&ol&&li&项目名称，文档的每一页都会有显示，会贯穿整个文档。&br&&/li&&li&页码，便于阅读的定位，尤其是在多人同时阅读讨论时。&br&&/li&&li&最后更新时间，这是非常重要的一个数字，可以让读者明确是阅读的哪个版本的文档。兔斯霁目使用更新的时间来作为文档版本更新的标识。&br&&/li&&li&文档的标题&br&&/li&&li&团队的 logo 或所属部门，这里也可以加上作者的信息等。目前的团队中只有兔斯霁来出产品设计文档，所以暂时就不写大名了。&/li&&/ol&&p&Tip：OmniGraffle 内置了便利的 stencil，页码和时间都可以自动更新。&figure&&img src=&https://pic3.zhimg.com/824ed2b5e7af2ecdbe025cc1_b.jpg& data-rawwidth=&305& data-rawheight=&274& class=&content_image& width=&305&&&/figure&&br&&/p&&p&&b&change log&/b&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/b0da5edbcc93_b.jpg& data-rawwidth=&860& data-rawheight=&561& class=&origin_image zh-lightbox-thumb& width=&860& data-original=&https://pic2.zhimg.com/b0da5edbcc93_r.jpg&&&/figure&这是文档中非常重要的部分，每次设计的变更你都需要随时记录并详细地写在文档中，这样方便读者在拿到新的文档后，马上就知道改了什么。&/p&&ol&&li&更新时间及详情，详情中主要说明哪页被修改和对应的修改内容。&br&&/li&&/ol&&br&&br&&p&&b&功能模块&/b&&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/532bdc58d9c8be1aabab99f_b.jpg& data-rawwidth=&864& data-rawheight=&564& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic2.zhimg.com/532bdc58d9c8be1aabab99f_r.jpg&&&/figure&“功能模块”页面作为一个总起，需要将这个模块中的功能、流程等信息进行描述。你可以在这里展示简易流程、任务流程框图、功能及任务描述等等。兔斯霁在这里展示了整个创建流程的主要步骤。&br&&/p&&ol&&li&功能模块标题，告知当前所处的功能模块，它会贯穿属于该模块的所有页面。&br&&/li&&li&页面内容描述，描述页面中展示的信息。&br&&/li&&/ol&&br&&br&&p&&b&模块中的任务&/b&&br&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/57aabd7658dbf351a3886a4a_b.jpg& data-rawwidth=&867& data-rawheight=&562& class=&origin_image zh-lightbox-thumb& width=&867& data-original=&https://pic4.zhimg.com/57aabd7658dbf351a3886a4a_r.jpg&&&/figure&一个功能模块中会有很多功能，需要进行任务拆分及分页展示。兔斯霁在这里会开始绘制界面的线框图，并将任务的流程通过线框图来表示。（复杂的流程需要配合流程框图来说明）&/p&&ol&&li&功能模块标题，告知当前所处的功能模块，它会贯穿属于该模块的所有页面。&br&&/li&&li&任务的名称，描述页面中展示的信息，一般用任务名称命名，如“拍摄视频”、“注册帐号”。&br&&/li&&li&线框图编号及标题，描述线框图代表的界面，同时也可以体现任务的步骤。多人讨论时，也方便快速定位到一个线框图。&br&&/li&&li&线框图，兔斯霁一般直接在页面上绘制线框图。文章最后兔斯霁会分享如何绘制线框图。&/li&&li&点击手势及箭头线指示，用来表示操作及界面跳转等交互动作。&br&&/li&&li&标注说明，对重要的操作或界面元素进行注解说明。&br&&/li&&/ol&&br&&br&&br&&p&到此，设计文档的撰写已经跟大家分享完毕了，谢谢各位看官的阅读。&/p&&p&最后是杀必死的时间，也让各位提提神！！杀必死！杀必死！&/p&&figure&&img src=&https://pic4.zhimg.com/6fbd999e2f0241c15baecc_b.jpg& data-rawwidth=&124& data-rawheight=&123& class=&content_image& width=&124&&&/figure&&p&福利看完了，提神了，接下去兔斯霁简单说一下线框图的绘制。&/p&&br&&br&&h2&兔斯霁是这样绘制线框图的&/h2&&p&1.画布的大小设置为1700pt x 1100pt，并将单位设置为1pt=1px。为什么这么设置，看第2步。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/5ada3a9def4f3eba5a1694fc_b.jpg& data-rawwidth=&297& data-rawheight=&402& class=&content_image& width=&297&&&/figure&2.实际的界面设计中，iOS 会有单倍或双倍的尺寸，Android 则会有多种屏幕密度。在绘制线框图时，我们以单倍尺寸为基础。如绘制 iPhone4尺寸的界面，可以直接用矩形工具画480x320， topbar和 navigation tab 也按照iOS 标准的尺寸来绘制，这可以让线框图设计更加准确、也更接近真实的比例，不仅利于自身对界面的布局，产出的线框图也更加美观（请对 UI 设计师负责），便于查看和理解。&/p&&figure&&img src=&https://pic2.zhimg.com/ce526bd1a5f16b523a130072aaea1bde_b.jpg& data-rawwidth=&512& data-rawheight=&578& class=&origin_image zh-lightbox-thumb& width=&512& data-original=&https://pic2.zhimg.com/ce526bd1a5f16b523a130072aaea1bde_r.jpg&&&/figure&&p&以320px 的宽度来绘制线框图界面，按照目前页面的设定，可以并排展示4个线框图。你也许会问：我的产品流程步骤较多，4个界面完全不够用，单页无法完全展示，如何解决？当时我也有过此疑问，也私信过尤尤，他是这么回答我的：&/p&&blockquote&“任何复杂产品，除了少量ToB产品没法，移动复杂产品都可以拆分成小故事的，我之前做的一个产品做了100多页文档，也是4-5个图一页，如果需要可以考虑把第一页做个全景图。”&/blockquote&&p&Tips：&/p&&ol&&li&在绘制线框图时，请使用单一的颜色，避免影响 UI 设计师。&br&&/li&&li&一些常用的图标或者 UI kit可以事先下载好，并导入到 OmniGraffle 中，绘制时可直接拖选。目前 OmniGraffle 中已经内置了很多素材，兔斯霁发现 Android Design 的图标 pack 还是非常不错的，&a href=&https://link.zhihu.com/?target=http%3A//developer.android.com/design/downloads/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点击此前往下载&/a&。&br&&/li&&li&多个重复的内容，可采用一个母版。具体方式是“copy as pdf”，然后再复制即可。&br&&/li&&/ol&&br&&figure&&img src=&https://pic1.zhimg.com/3dae7675c46aa_b.jpg& data-rawwidth=&562& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&562& data-original=&https://pic1.zhimg.com/3dae7675c46aa_r.jpg&&&/figure&&br&&br&&h2&&b&最后一个 Tip：把产品想清楚了再写！&/b&&/h2&&br&&p&PS：此文档的 OmniGraffle 模板文件下载&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//dl.dropboxusercontent.com/u//Design.gtemplate.zip& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&dl.dropboxusercontent.com&/span&&span class=&invisible&&/u//Design.gtemplate.zip&/span&&span class=&ellipsis&&&/span&&/a&&/p&
很多产品新人（兔斯霁也是新人 — —||）经常会问起的一个问题就是“如何撰写一个完成的产品（交互）设计文档”，所以今天兔斯霁将目前工作中撰写文档的方式与大家分享一下，同时也算是对自己工作的一次总结。兔斯霁在刚入行时，也遇到了如何写文档的问题，…
&figure&&img src=&https://pic2.zhimg.com/v2-73ce5c6fc6f4ffa_b.jpg& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-73ce5c6fc6f4ffa_r.jpg&&&/figure&&p&&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/757568& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic3.zhimg.com/80/v2-e569d49b3105c14bbfbbc27de4e93876_b.jpg& data-lens-id=&757568&&
&img class=&thumbnail& src=&https://pic3.zhimg.com/80/v2-e569d49b3105c14bbfbbc27de4e93876_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/757568&/span&
&p&你好，这里是BIMBOX。 &/p&&p&今天给你推荐的6个工具，可以让你在短短一分钟内变身成软件大神，快速拿出漂亮的3D设计、平面设计，给人家帮个忙，或者给自己的设计成果做个PPT、发个朋友圈，再也不怕别人说你LOW了。&/p&&p&这些工具不需要你打开任何软件，只用一个浏览器就可以了。文章内部无法插入链接，我们会把这些工具的网址放到最后的关键词回复中。&/p&&p&废话不多说，马上开始。&/p&&h2&&b&1 Fotor&/b&&/h2&&p&Fotor的中文名叫「懒设计」，是不是一听就适合你？它可以帮你快速生成漂亮的平面设计。&/p&&p&进入网站，点击左上角的「开始设计」按钮，进入设计界面。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ac8bc065a085c5cb37e52c4d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&814& data-rawheight=&60& class=&origin_image zh-lightbox-thumb& width=&814& data-original=&https://pic3.zhimg.com/v2-ac8bc065a085c5cb37e52c4d_r.jpg&&&/figure&&p&可以选择你希望制作内容的尺寸，比如公众号封面图、名片、海报、邀请函等。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5b7c286ce4ea8fedf163b5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1190& data-rawheight=&436& class=&origin_image zh-lightbox-thumb& width=&1190& data-original=&https://pic2.zhimg.com/v2-5b7c286ce4ea8fedf163b5_r.jpg&&&/figure&&p&选择一个你喜欢的模板，就可以开始修改了。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1fb072ef2e0c604b450b339e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1709& data-rawheight=&818& class=&origin_image zh-lightbox-thumb& width=&1709& data-original=&https://pic3.zhimg.com/v2-1fb072ef2e0c604b450b339e_r.jpg&&&/figure&&p&左侧可以添加文字、贴纸，更换背景颜色等。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-41e702abebd59dcf427ec443af4afb76_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&701& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&701& data-original=&https://pic1.zhimg.com/v2-41e702abebd59dcf427ec443af4afb76_r.jpg&&&/figure&&p&选中海报中的某个元素，可以在上方编辑字体、大小、颜色、透明度、阴影等。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3a3d8a009c4d28db3c8cb40b5bdf3058_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&762& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&762& data-original=&https://pic1.zhimg.com/v2-3a3d8a009c4d28db3c8cb40b5bdf3058_r.jpg&&&/figure&&p&可以在右上角点击「图片」，导入你自己的本地图片，然后按住图片直接拖放到海报中就可以了。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7cce2bc87b4ddaeda812fed7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&786& data-rawheight=&426& class=&origin_image zh-lightbox-thumb& width=&786& data-original=&https://pic1.zhimg.com/v2-7cce2bc87b4ddaeda812fed7_r.jpg&&&/figure&&p&做一张这样的海报，用PS至少15分钟，用Fotor连15秒都用不了，是不是很爽？&/p&&figure&&img src=&https://pic2.zhimg.com/v2-960dac46cc295f2e959d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-960dac46cc295f2e959d_r.jpg&&&/figure&&p&不过，用Fotor做海报只能用一些在线素材，还是拯救不了你手里图片素材太少、太Low的尴尬。 &/p&&p&别着急，我们还有下面的神器呢。&/p&&h2&&b&2 Duotone&/b&&/h2&&p&这两年，设计圈流行一种叫「双色图片」的处理风格，就是用两种对比鲜明的颜色来代替传统的黑白照片，出来的效果非常扎眼。&/p&&p&打开Duotone网站，一大票美图直接展现在眼前。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-03c049a43a1fe2f8be6bc2fe9c4d638e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1897& data-rawheight=&841& class=&origin_image zh-lightbox-thumb& width=&1897& data-original=&https://pic3.zhimg.com/v2-03c049a43a1fe2f8be6bc2fe9c4d638e_r.jpg&&&/figure&&p&网站功能非常简单，左侧是选择两个颜色，或者选择选择六种预先调好的配色组合：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3db9d44d4ebf_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&720& data-rawheight=&381& data-thumbnail=&https://pic1.zhimg.com/v2-3db9d44d4ebf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic1.zhimg.com/v2-3db9d44d4ebf_r.jpg&&&/figure&&p&你可以在右上角上传自己的本地图片，也可以用搜索框搜索关检词（只支持英文搜索）找到自己喜欢的图。Duotone提供的都是无版权可商用的高清图，非常养眼。 &/p&&p&比如搜索「Building」，你可以得到一大波漂亮的建筑图片：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-7f51ebdc5fb4c5d5af55db_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1739& data-rawheight=&838& class=&origin_image zh-lightbox-thumb& width=&1739& data-original=&https://pic3.zhimg.com/v2-7f51ebdc5fb4c5d5af55db_r.jpg&&&/figure&&p&随便选择一张，替换成你喜欢的配色，再导出到上面的Fotor里加上点元素，一张帅气的海报就做好了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cbd96ab372a05_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1176& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1176& data-original=&https://pic2.zhimg.com/v2-cbd96ab372a05_r.jpg&&&/figure&&p&如果你不知道双色该怎么配比较好看，这个网站还贴心的给了一个配色工具，点击左上角的「by ShapeFactory」进入作者的网站，找到第二个「pigment」工具：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-fa205ce6b3140cdcbaa8661b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1087& data-rawheight=&566& class=&origin_image zh-lightbox-thumb& width=&1087& data-original=&https://pic4.zhimg.com/v2-fa205ce6b3140cdcbaa8661b_r.jpg&&&/figure&&p&在左侧调节对比度和亮度，选择喜欢的色系，就会生成大量的漂亮配色。点击相应的颜色就自动复制到剪贴板，回到原来的网页，把色号粘贴过来就OK了！&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cbfd472c14b831fa605ecaa22eab8cd3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1900& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1900& data-original=&https://pic4.zhimg.com/v2-cbfd472c14b831fa605ecaa22eab8cd3_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&3 Photomosh&/b&&/h2&&p&双色图片玩上一阵有点腻了？没事儿，这里还有个大杀器。 &/p&&p&进入Photomosh，点击左侧的「Load File」按钮，上传一张自己的图片。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-af4c8badfefe7c4dc5f501ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&581& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&581& data-original=&https://pic3.zhimg.com/v2-af4c8badfefe7c4dc5f501ec_r.jpg&&&/figure&&p&右侧有一大堆特效，你不需要看懂名字，点一下开关，拖拽一下滑动条就知道它是干什么的。&/p&&p&有的特效是动态效果，比如Wobble特效：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ca947be9dcf3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic3.zhimg.com/v2-ca947be9dcf3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic3.zhimg.com/v2-ca947be9dcf3_r.jpg&&&/figure&&p&比如Slices特效：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic4.zhimg.com/v2-888bcd3ab29f669e78e99_r.jpg&&&/figure&&p&比如Smear特效：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c43f0e01bed_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&710& data-rawheight=&316& data-thumbnail=&https://pic4.zhimg.com/v2-c43f0e01bed_b.jpg& class=&origin_image zh-lightbox-thumb& width=&710& data-original=&https://pic4.zhimg.com/v2-c43f0e01bed_r.jpg&&&/figure&&p&也可以调一些静态效果，比如Edges：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9ea1a2e76b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&742& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&742& data-original=&https://pic4.zhimg.com/v2-9ea1a2e76b_r.jpg&&&/figure&&p&你可以选择多个特效进行叠加，如果不知道怎么叠加好，可以点击带闪电图标的「Mosh」按钮，让系统随机生成几种叠加，没准就弄出一张神特效来。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ecdff234673_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&480& data-rawheight=&300& data-thumbnail=&https://pic4.zhimg.com/v2-ecdff234673_b.jpg& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-ecdff234673_r.jpg&&&/figure&&p&调节好了，可以选择保存成JPG或者GIF动图，然后就随你加工啦。小编就搞了一个抖音风格的海报准备去撩小哥哥。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&230& data-thumbnail=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/v2-7d4e56dd19a42d4b58eeacaa9bbdd47c_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&4 Voxelize-image&/b&&/h2&&p&想做一张3D海报，又不想动用建模软件？来试试这个网站吧。&/p&&p&打开网站之后，一张霸气的3D图展现在面前，别着急，在本地找一张你喜欢的图片，比如公司的海报或者LOGO，点击右下角，或者直接把图片拖拽到网页右下角的上传区域：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-46c1e3d92ebb0dc8f5eceaa73e9e4980_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1000& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-46c1e3d92ebb0dc8f5eceaa73e9e4980_r.jpg&&&/figure&&p&我们上传一张BOX的海报，模型马上就立起来了：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-4bb0ef554ea8a65811bb37e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&746& data-rawheight=&415& class=&origin_image zh-lightbox-thumb& width=&746& data-original=&https://pic4.zhimg.com/v2-4bb0ef554ea8a65811bb37e_r.jpg&&&/figure&&p&放大看看，作为一款网页生成器，细节很可怕啊！&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ff63a95e50bcb6ff82f820e9cc08d977_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1018& data-rawheight=&481& class=&origin_image zh-lightbox-thumb& width=&1018& data-original=&https://pic3.zhimg.com/v2-ff63a95e50bcb6ff82f820e9cc08d977_r.jpg&&&/figure&&p&右边的参数可以调整方块的大小、数量、质感、颜色、光照等。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-94a34d8679_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&904& data-rawheight=&513& class=&origin_image zh-lightbox-thumb& width=&904& data-original=&https://pic3.zhimg.com/v2-94a34d8679_r.jpg&&&/figure&&p&具体怎么用就要发挥你的想象力啦，比如，你可以先缩放到近景，保存一张图片，在逐步把镜头拉远，可以做出一组相当惊艳的PPT来。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fd747c0e9c5721abcc3d98f2475edd49_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1481& data-rawheight=&810& class=&origin_image zh-lightbox-thumb& width=&1481& data-original=&https://pic3.zhimg.com/v2-fd747c0e9c5721abcc3d98f2475edd49_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-b87ad5dafb925cc0f6872e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1471& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&1471& data-original=&https://pic3.zhimg.com/v2-b87ad5dafb925cc0f6872e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-a310e9fe8d2466cc04ccb590cec7363d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1245& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&1245& data-original=&https://pic2.zhimg.com/v2-a310e9fe8d2466cc04ccb590cec7363d_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&5 Tagul&/b&&/h2&&p&这是个可以生产文字云的网站。所谓文字云就是用一堆文字组合到一起，形成一个图案：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f77a265eaa599eaf7da7a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&843& data-rawheight=&649& class=&origin_image zh-lightbox-thumb& width=&843& data-original=&https://pic2.zhimg.com/v2-f77a265eaa599eaf7da7a_r.jpg&&&/figure&&p&制作起来很简单，打开网站，不用管那一大堆英文，直接点击「CREATE NOW」按钮，开始创作即可。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-eb0ce6d859092aeed187a4f5c4f4defd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&915& data-rawheight=&447& class=&origin_image zh-lightbox-thumb& width=&915& data-original=&https://pic1.zhimg.com/v2-eb0ce6d859092aeed187a4f5c4f4defd_r.jpg&&&/figure&&p&全部功能都在左边的五个按钮中，从上到下是词语、图像、字体、布局、风格。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-de5d0de2de2e0fa317dc4f82eb56e255_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1027& data-rawheight=&266& class=&origin_image zh-lightbox-thumb& width=&1027& data-original=&https://pic1.zhimg.com/v2-de5d0de2de2e0fa317dc4f82eb56e255_r.jpg&&&/figure&&p&默认字体都是英文的，不过可以自己上传字体。首先点开「FONT」，上传一个你喜欢的中文字体，并选中使它高亮。字体去哪找自行百度。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1edfed402dbb14_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&597& data-rawheight=&361& class=&origin_image zh-lightbox-thumb& width=&597& data-original=&https://pic3.zhimg.com/v2-1edfed402dbb14_r.jpg&&&/figure&&p&然后在「SHAPES」按钮下，点击Add image，上传本地准备好的图片，这里我准备了一张BIMBOX粗体的大图。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e9bdcc839dcb005ae29cd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&573& data-rawheight=&285& class=&origin_image zh-lightbox-thumb& width=&573& data-original=&https://pic4.zhimg.com/v2-e9bdcc839dcb005ae29cd_r.jpg&&&/figure&&p&接下来在「WORDS」按钮下，添加关键词，最好多添加一些，如果词语少得话，制作出来会有很多的重复词。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-3fd04b3f6d6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&568& data-rawheight=&339& class=&origin_image zh-lightbox-thumb& width=&568& data-original=&https://pic3.zhimg.com/v2-3fd04b3f6d6_r.jpg&&&/figure&&p&然后在「LAYOUT」按钮下，调节词语的排布方式、词语的多少（词语越多字越小，拼出来的图细节越精确），以及词语的密集程度。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-a89a1389e3def1bbf9bbb1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&575& data-rawheight=&439& class=&origin_image zh-lightbox-thumb& width=&575& data-original=&https://pic4.zhimg.com/v2-a89a1389e3def1bbf9bbb1_r.jpg&&&/figure&&p&最后，在「STYLE」按钮下，调节文字的颜色和背景色。文字颜色可以自定义添加多个，生成图片时会随机出现。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-60ca2ac07aad863f611a8ed5bb24d6c3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&571& data-rawhe}
我要回帖
更多推荐
- ·在目前市面上的那么多半导体封装测试企业排名设备厂家里，排名靠前的有哪些？？
- ·对于品牌营销策划网络营销推广，你有哪些建议？
- ·上课能听懂下课做题不会原因在听讲解时其中一步遇到了不明白的地方…如图，真心求教!谢谢。如果需要原题我也可以发？
- ·这是什画怎么画的视频简单？
- ·网络游戏对青少年的影响迷恋游戏怎么办？
- ·我的vivoxplay7最新消息9p忘记密码了，我清除缓存了，不过清除所有数据的时候要锁屏密码我忘记了，该怎么办，急
- ·海尔空调手机万能遥控器器一会起作用，一会没作用，只有几个键可以按
- ·TcL家用电器小风扇有风扇吗
- ·我电脑是雷神911sekn 开机后出现这个，实在不知道该怎么做了，哪位大神帮帮忙
- ·专科学计算机好吗？需要买笔记本电脑口碑排名吗，在秦皇岛职业技术学院
- ·为什么苹果手机打不开富途牛牛的手机网络数据打不开
- ·坚果pro2到底好不好和小米8se哪个好
- ·求巧克力与香兰子动漫 下载手机版
- ·集成吊顶十大公认品牌价格表平板厨卫灯哪些牌子好？
- ·苹果港版airpods保修如果有一只耳机掉了怎么办
- ·零钱罐出过问题吗提现不了验证码收不到了咋办
- ·用msi给显卡超频软件打开软件后没有任何反应是怎么回事，是显卡不支持超频吗，我的显卡是gtx750ti
- ·有人知道这是什么牌子的无线麦克风哪个牌子好吗？谢谢
- ·物联智能家居卡上写的MP2-64V2.0和MP1-64V2.0有什么区别?
- ·Jaybird x3作为运动耳机哪个牌子好合适么，是否有其他推荐？
- ·拼多多代收截图是什么账户截图在哪里找
- ·教育论文去哪里期刊发表小论文比较好？
- ·新卓越电销机器人话机器人有哪些功能？
- ·平胸而论，你是支持吉米还是支持查克费尼
- ·划算的流量套餐餐哪个划算 s
- ·一千吨压力，316pp材质的吊牌吊牌，一次性冲压，还是压不出文字，是模具出了问题，还是要用3d打印？
- ·这个ibm笔记本现在值多少钱大概值多少钱
- ·工业级大风扇如何减轻台式电脑每月耗电量量
- ·红米note2多少钱有账号怎么退（捡来的）
- ·师傅 一台换空调压缩机要多少钱不启动结果查出来是压缩机继电器被蟑螂爬上去短路了，然后把线烧断了，但是也没断
- ·是不是变频空调外机都会筮笙焐
- ·微信鲸打卡怎样使用手机端可以上传几个视频？
- ·柏盛苑发展对象优点及不足，不足，柏盛苑怎么样，柏盛苑周
- ·哪位给我发红包怎么发。我就发照片
