 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
江城超子断组方法自动生成验证表
下载积分：800
内容提示：江城超子断组方法自动生成验证表
文档格式：XLS|
浏览次数：139|
上传日期： 02:34:51|
文档星级：
全文阅读已结束，如果下载本文需要使用
 800 积分
下载此文档
该用户还上传了这些文档
江城超子断组方法自动生成验证表
关注微信公众号断组316方法—海贼王好看还是好看_百度知道
断组316方法—海贼王好看还是好看
我有更好的答案
命运就是这么奇妙，也跟我开了一个很大的玩笑，之前我什么都不懂，以为只要有运气在就能盈。可是结果却让我输的人心惶惶，每天都过着寝食难安的生活。每天被各种吹债的打电话。还好在最危难的时候认识了一个人，他是我的老师概率王。我用着最后剩余的积蓄跟着老师打了十多天，把我之前的输的都打回来了。目前还有盈利。我真心感谢我的老师。如果你也有一样的经历。还清了外债，我就要开始盈利了。联系方式联系方法?（V;;;;;Q;;）前面四个5627后面三个979。希望可以帮到你坞J—或工植皮。而由独立思考获得的真
采纳率：75%
海贼里 每一个人的心灵都坚强到令人叹为观止 海贼里 每一个伙伴都是路飞以赌命的代价换来的 海贼里 大家每一个人都彼此信任--\&是他的话就没问题\& 海贼里 一群拥有自己最珍惜的人的家伙们在历尽黑暗以后,聚到了一起 海贼里 因为仇恨 所以千方百计想办法不让自己的伙伴们受伤 海贼里 一群欢乐的少年正为追逐梦想而拼搏奋斗 海贼里 教给我们如何在艰难的逆境中为了光明的未来和快乐的生存而忍耐下去 海贼里 每个人的经历都千奇百怪得让人拍案叫绝 海贼里 人和一条船的关系铁的如同一条钢筋 看海贼 你是痛并快乐着 看海贼 是那些朝气蓬勃的少年和他们的冒险故事吸引着你 看海贼 你会明白在缺乏爱的时候如何背负着比死亡更巨大的痛苦 努力地活下去 看海贼 你会发现 路飞 大智若愚 那是装傻 看海贼 你道不出感动 那是因为所有的所有都是如此感动 看海贼 热血 那会让你也热血沸腾 血脉喷张 看海贼 会让你涌起一种心愿--把我也带到海上去吧 看海贼 你发现 随着剧情的发展 你越来越不清楚自己最喜欢他(她)们中哪一个 因为所有人 大家都是如此可爱 看海贼 你知道什么叫赚眼泪 看海贼 知道什么叫交响乐 看海贼 你发现 人根本就不能分什么天才不天才的 看海贼 你发现 被人瞧不起 那是种动力
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。&p&&b&以下是我见过笑点比较高的：&/b&&/p&&p&1.&/p&&figure&&img data-rawheight=&800& src=&https://pic2.zhimg.com/v2-cfb4b27eb288ec1df52152f5_b.jpg& data-rawwidth=&684& class=&origin_image zh-lightbox-thumb& width=&684& data-original=&https://pic2.zhimg.com/v2-cfb4b27eb288ec1df52152f5_r.jpg&&&/figure&&p&&b&有看过这部剧的吗？推荐一下：《黑客军团》（Mr. Robot）&/b&&/p&&p&&br&&/p&&p&2.
A man and woman are in a computer programming lecture. The man touches the woman's breasts.&/p&&p&&Hey!& she says. &Those are private!&&/p&&p&The man says, &But we're in the same class!&&/p&&p&&b&From Quora：&/b&&/p&&figure&&img data-rawheight=&775& src=&https://pic4.zhimg.com/v2-bb12ca47f94fafb779ad7c7_b.jpg& data-rawwidth=&735& class=&origin_image zh-lightbox-thumb& width=&735& data-original=&https://pic4.zhimg.com/v2-bb12ca47f94fafb779ad7c7_r.jpg&&&/figure&&p&&br&&/p&&p&3.
50 shades of Grey(五十度灰)讲的是什么:&/p&&p&#272727, #282828, #292929, #2b2b2b, #2c2c2c, #2e2e2e, #313131, #323232, #343434, #353535, #373737, #393939, #3a3a3a, #3c3c3c, #3f3f3f, #404040, #424242, #444444, #454545, #474747, #484848, #4a4a4a, #4b4b4b, #4d4d4d, #4e4e4e, #505050, #515151, #535353, #565656, #575757, #585858, #595959, #5b5b5b, #5c5c5c, #5e5e5e, #616161, #626262, #646464, #656565, #676767, #6a6a6a, #6b6b6b, #6c6c6c, #6d6d6d, #6f6f6f, #727272, #737373, #757575, #767676, #777777, #7b7b7b, #7c7c7c, #7d7d7d, #7e7e7e, #808080, #818181, #838383, #868686, #878787, #888888, #898989, #8b8b8b, #8c8c8c, #8e8e8e, #919191, #929292, #949494, #959595, #979797, #9a9a9a, #9b9b9b, #9c9c9c, #9d9d9d, #9f9f9f, #a0a0a0, #a2a2a2, #a5a5a5, #a6a6a6, #a8a8a8.&/p&&p&&br&&/p&&p&4.&/p&&p&&br&&/p&&figure&&img data-rawheight=&308& src=&https://pic4.zhimg.com/v2-a4f4a87e2a20207dc73b_b.jpg& data-rawwidth=&556& class=&origin_image zh-lightbox-thumb& width=&556& data-original=&https://pic4.zhimg.com/v2-a4f4a87e2a20207dc73b_r.jpg&&&/figure&&br&&p&&br&&/p&&p&&br&&/p&&p&5.
一程序员去面试，面试官问：“你毕业才两年，这三年工作经验是怎么来的？！”程序员答：“加班。”&/p&&figure&&img data-rawheight=&158& src=&https://pic1.zhimg.com/v2-139e8e11aa09be30d55164_b.jpg& data-rawwidth=&265& class=&content_image& width=&265&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&6.
女朋友对着正在写代码的程序猿男朋友说：你又在写bug啦？&/p&&figure&&img data-rawheight=&223& src=&https://pic2.zhimg.com/v2-bcf863cf9de1eccb7b395_b.jpg& data-rawwidth=&221& class=&content_image& width=&221&&&/figure&&p&&br&&/p&&p&7.
《c++程序设计语言》比《c程序设计语言》厚了几倍...果然有了对象就麻烦很多...&/p&&p&&br&&/p&&p&8.
问：如何在Linux下生成随机串？&br&答：让新手退出Vim。&/p&&figure&&img data-rawwidth=&465& data-rawheight=&266& src=&https://pic2.zhimg.com/v2-d0e1c8a0c4e6c8dc6d0e886edb455995_b.jpg& class=&origin_image zh-lightbox-thumb& width=&465& data-original=&https://pic2.zhimg.com/v2-d0e1c8a0c4e6c8dc6d0e886edb455995_r.jpg&&&/figure&&p&&br&&/p&&p&9.
上大学那会，刚学会上网，于是在网上搜A片，然后搜出个：PHP大全.rmvb，以为是拍黄片大全，谁知道竟然是PHP的视频教程，于是我就学会了PHP……\(╯-╰)/&/p&&figure&&img data-rawheight=&128& src=&https://pic2.zhimg.com/v2-fbe34ebd27b7ebb1d2cadd_b.jpg& data-rawwidth=&200& class=&content_image& width=&200&&&/figure&&p&&br&&/p&&p&10.
一对程序员情侣在一起的时候干什么？&br&答：面向对象编程。&/p&&p&&br&&/p&&p&11.
问：怎么使用面向对象的方式变得富有 ？&br&答：继承。&/p&&p&&br&&/p&&p&12.
程序猿的必读书籍：&/p&&p&第一阶段：&/p&&p&《C语言程序与设计》&/p&&p&《c++进阶宝典》&/p&&p&《Swift入门与实践》&/p&&p&第二阶段：&/p&&p&《教你怎么不生气》&/p&&p&《老子》&/p&&p&《沉默的愤怒》&/p&&p&第三阶段：&/p&&p&《女装指南》&/p&&p&第四阶段：&/p&&p&《颈椎病康复指南》&/p&&p&《腰椎间盘突出日常护理》&/p&&p&《强迫症的自我恢复》&/p&&p&第五阶段：&/p&&p&《活着》&/p&&figure&&img data-rawheight=&641& src=&https://pic2.zhimg.com/v2-395f1430aee72ee70b481_b.jpg& data-rawwidth=&453& class=&origin_image zh-lightbox-thumb& width=&453& data-original=&https://pic2.zhimg.com/v2-395f1430aee72ee70b481_r.jpg&&&/figure&&p&&br&&/p&&p&13.
一个女程序员twitter上发了一条tweet:&/p&&p&昨晚梦见男朋友和别的女人在逛街，梦里我的第一反应是查源代码…结果调试半天查不出来为什么显示的是那个女人不是我，最后含泪把那个女人给注释掉了，再一运行就是我男朋友自己逛街了…醒来囧字脸呆了很久…囧rz&/p&&p&网友评论：&/p&&p&1.把那个女人的指针指向你即可&/p&&p&2.谁让你把男朋友设成public的？&/p&&p&3.加个断点看看那女人是谁&/p&&p&4.心真软，就应该把他的接口屏蔽掉&/p&&p&5. Protected逛街(youOnly)&/p&&p&6.设计问题，应该采用单例模式&/p&&p&7.没做回归测试&/p&&p&8.标准做法是做个断言&/p&&p&9.注释掉了，逛街的参数不用改吗？&/p&&p&10.最后含泪把那个女人给注释掉了，再一运行就是我男朋友自己逛街了--&很明显是变量名作用域的问题，改个名就行了&/p&&p&11.还可以有个多线程的算法，把你的优先级设成99，一个idle线程的优先级设成50，把那个女人的优先级设成49。酱紫就永远都调度不到啦&/p&&p&12.那也没关系，那就老调用那个女人。。。你BF放在那里不动。。。养着&/p&&p&13.上绝招，用goto，做个死循环，让他们逛死&/p&&p&14.善心点，别goto了，调用exit函数结束进程吧，冤冤相报何时了啊&/p&&p&15.查一下Log，仅仅只有逛街吗？&/p&&figure&&img data-rawheight=&420& src=&https://pic1.zhimg.com/v2-5ac445bf89a0e733b992e40dfb3cc348_b.jpg& data-rawwidth=&658& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-5ac445bf89a0e733b992e40dfb3cc348_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&14.
为什么程序员总是搞混万圣节和圣诞节？&br&因为 Oct 31 = Dec 25。(Oct既是十月October缩写，也是八进制Octal的缩写；Dec既是十二月December的缩写，也是十进制Decimal的缩写。八进制的31和十进制的25相等。)&/p&&p&&br&&/p&&p&15.
某猿退休后决定练习书法，于是重金购买文房四宝。一日，饭后突生雅兴，一番研墨拟纸，并点上上好檀香。定神片刻，泼墨挥毫，郑重地写下一行字：hello world！&/p&&figure&&img data-rawheight=&600& src=&https://pic3.zhimg.com/v2-ab2b7cbfd8a2_b.jpg& data-rawwidth=&600& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic3.zhimg.com/v2-ab2b7cbfd8a2_r.jpg&&&/figure&&p&&br&&/p&&figure&&img data-rawheight=&156& src=&https://pic3.zhimg.com/v2-9c16f0b8d9cad8d0d17ff4f3d0f82e02_b.jpg& data-rawwidth=&139& class=&content_image& width=&139&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&16.
面试官：知道什么叫类么？&br&应聘者：我这人实在，工作努力，不知道什么叫累。&br&面试官：知道什么是包?&br&应聘者：我这人实在 平常不带包 也不用公司准备了。&br&面试官：知道什么是接口吗?&br&应聘者：我这个人工作认真。从来不找借口偷懒。&br&面试官：知道什么是继承么？&br&应聘者：我是孤儿没什么可以继承的。&br&面试官:知道什么叫对象么？&br&应聘者:知道，不过我工作努力，上进心强，暂时还没有打算找对象。&br&面试官：知道多态么？&br&应聘者：知道，我很保守的。我认为让心爱的女人为了自已一时的快乐去堕胎是不道德的行为！请问这和C#有什么关系？？&/p&&p&&br&&/p&&p&17.&/p&&figure&&img data-rawheight=&503& src=&https://pic1.zhimg.com/v2-13cc04c7bc_b.jpg& data-rawwidth=&607& class=&origin_image zh-lightbox-thumb& width=&607& data-original=&https://pic1.zhimg.com/v2-13cc04c7bc_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&18.&/p&&figure&&img data-rawheight=&330& src=&https://pic1.zhimg.com/v2-916cde4c7b7a5bee5d644_b.jpg& data-rawwidth=&459& class=&origin_image zh-lightbox-thumb& width=&459& data-original=&https://pic1.zhimg.com/v2-916cde4c7b7a5bee5d644_r.jpg&&&/figure&&p&&br&&/p&&p&你是哪一种？&/p&&p&19.
&/p&&figure&&img data-rawheight=&325& src=&https://pic2.zhimg.com/v2-6d6bafb38c34f32b25d1_b.png& data-rawwidth=&717& class=&origin_image zh-lightbox-thumb& width=&717& data-original=&https://pic2.zhimg.com/v2-6d6bafb38c34f32b25d1_r.jpg&&&/figure&&p&&br&&/p&&p&Tab or Space？&/p&&p&&br&&/p&&p&&b&最后我想说：&/b&&/p&&figure&&img data-rawheight=&578& src=&https://pic2.zhimg.com/v2-36cd93d7d182a1e5df69_b.jpg& data-rawwidth=&700& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic2.zhimg.com/v2-36cd93d7d182a1e5df69_r.jpg&&&/figure&&p&&b&答主个人网站：&a href=&//link.zhihu.com/?target=http%3A//iamwr.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&iamwr.com&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&&b&答主建站文章：&/b&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&&span class=&invisible&&https://&/span&&span class=&visible&&zhuanlan.zhihu.com/p/26&/span&&span class=&invisible&&625249&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&&b&谢谢你们那么好看，还笑得那么开心。 &/b&&/p&
以下是我见过笑点比较高的：1.有看过这部剧的吗？推荐一下：《黑客军团》（Mr. Robot） 2. A man and woman are in a computer programming lecture. The man touches the woman's breasts."Hey!" she says. "Those are private!"The man says, "But we're …
&p&初入此门，觉得语法和算法很难，搞不懂C++的STL，搞不懂Java的Full GC，搞不懂函数式，搞不懂动态规划和各种树、图……&/p&&p&入行二三年，正常情况下，语法和算法都不再成为门槛，开始感觉最难是架构：RX还是Vue？ Weex还是RN？Django还是Flask？&/p&&p&然而入行五六年，我感觉最难的，还是在&b&“人”&/b&。&/p&&p&对于上级，你要说服他们你在做的东西是有意义的，或者使你做的东西至少“看起来”有意义——因为这关系到你的项目能拿到多少资源。&/p&&p&对于下级，你需要解释清楚你要做的东西，要达到的目标，要接受他们水平有限做出来的东西不如你，要接受他们加班却写更多bug，你的责任是带团队一起成长，你不能有抱怨。&/p&&p&&b&然而这都不算最难。&/b&&/p&&p&最难的是什么呢？扁鹊昔日的答魏王的典故，可以很好的描述这一问题&/p&&blockquote&魏文王问扁鹊：“你们家兄弟 3 人，都精于医术，到底哪一位最好呢 ? ”&br&扁鹊答：“我的大哥医术最好，二哥次之，我最差。”&br&文王再问：“那么为什么你最出名呢 ? ”&br&扁鹊答道：“我大哥治病，是治病于病情发作之前的时候，由于一般人不知道他能事先铲除病因，反而觉得他的治疗没什么明显的效果，所以他的名气无法传出去，只有我们家的人才知道。我二哥治病，是治病于病情初起的时候，看上去以为他只能治轻微的小病，所以他的名气只能在我们乡里流传。而我扁鹊治病，是治病于病情已经严重的时候。一般人看到我在经脉上穿针放血，在皮肤上敷药，用麻药让人昏迷，做的都是些不可思议的大手术，自然以为我的医术高明，因此名气响遍全国，远远大于我的两位哥哥。”&/blockquote&&p&&b&曲突徙薪亡恩泽，焦头烂额为上客。&/b&&/p&&p&由于你是一个优秀的（或仅仅是经验丰富的）程序员，你可以看出项目代码里存在着的隐患。你选择防患于未然，修复这些问题，但由于问题并没有真的发生，你所做的一切，在不那么优秀的程序员同事的眼中（以及老大眼中），看起来并没有什么产出。&/p&&p&&b&你为了不出问题作出的努力，所收到的回报，&/b&&/p&&p&&b&往往不如那些在朋友圈里晒自己通宵加班处理问题的同事。&/b&&/p&&p&如果不被认可，你还能坚持自己的初心么？会继续做那些你认为是正确的事，并企图说服、证明自己做的有意义？&/p&&p&还是故意放过那些细微的、难以察觉且不属于自己的漏洞，静候漏洞爆发时，作出跟旁人一样打了鸡血一样的奋战样子，假装好不容易才解决，并拍照发朋友圈到“同事”分组？&/p&&p&&br&&/p&&p&----------结尾的分割线---------&/p&&p&1. 每个人的答案，只能基于自身的眼界。我没有看过国外的环境是如何的，我自身也仅仅在向着优秀努力而已。以上不过一家之言。&/p&&p&2. 我说的可能都是错的&/p&
初入此门，觉得语法和算法很难，搞不懂C++的STL，搞不懂Java的Full GC，搞不懂函数式，搞不懂动态规划和各种树、图……入行二三年，正常情况下，语法和算法都不再成为门槛，开始感觉最难是架构：RX还是Vue？ Weex还是RN？Django还是Flask？然而入行五六年，…
&figure&&img src=&https://pic2.zhimg.com/v2-cdffe6a0a83bc_b.jpg& data-rawwidth=&1200& data-rawheight=&734& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic2.zhimg.com/v2-cdffe6a0a83bc_r.jpg&&&/figure&&p&Node.js 作为一个世界级的 Javascript 运行环境，能为它贡献自己的代码，运行在全球各地的服务器上，真的是一件很令人兴奋的事情。&/p&&p&从上个月开始，我提交的好几个 PR 经过 review 之后，绝大部分都被接受进入了主干，作为一个初来乍到的萌新 Contributor，想写一篇文章来分享一下自己的经验吧。&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-777f18a5e9b26e04c8db3_b.jpg& data-rawwidth=&286& data-rawheight=&112& class=&content_image& width=&286&&&/figure&&p&&br&&/p&&h2&一、提交 PR 的大致流程&/h2&&p&Node.js 目前主代码库是 &a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&nodejs/node&/a&，这里涵盖了绝大部分的代码，包括C++编写的runtime、JS编写的基础库、测试代码、性能测试以及文档和指南。&/p&&p&提交贡献的指南可以参考：&a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/blob/master/CONTRIBUTING.md& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CONTRIBUTING.md&/a&，建议英文好的同学直接看原版指南。&/p&&p&&b&1、Fork&/b&&/p&&p&首先要做的第一件事当然是 fork 到自己的仓库里，然后 clone 到本地，并且把主仓库添加进去：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git clone :username/node.git
git remote add upstream https://github.com/nodejs/node.git
&/code&&/pre&&/div&&p&&b&2、Branch&/b&&/p&&p&有了本地仓库之后，就可以 checkout 到一个新的分支：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git checkout -b my-branch-name
&/code&&/pre&&/div&&p&随后你就可以对代码进行任意修改了。注意写下的任何文本性质的东西又应该符合 &a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/blob/master/doc/STYLE_GUIDE.md& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Style Guide&/a&，包括任何注释和文档。&/p&&p&（至于改什么地方？怎么改？哪些地方需要我们做贡献？这个问题请看第二部分。）&/p&&p&&b&3、Commit&/b&&/p&&p&修改完毕之后，就可以提交 commit 了，在 commit 之前，请先确认好自己的名字和 Email 是否配置正确：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git config --global user.name &Nobody&
git config --global user.email &&
&/code&&/pre&&/div&&p&注意这里的名字最好使用自己的真实姓名，中国人的话名在前，姓在后，比如 &Zemin Jiang&（逃&/p&&p&然后进行 commit ：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git add my-changed-files
git commit
&/code&&/pre&&/div&&p&commit message需要遵守下面的规范：&/p&&p&1、第一行文字需要简单地描述 commit 信息，不超过 50 个单词，非必要情况不能出现大写字母，开头应写上涉及到的子系统的名字。下面是几个范例：&/p&&ul&&li&net: add localAddress and localPort to Socket&/li&&li&errors: fix typo in comments&/li&&/ul&&p&2、第二行空白；&/p&&p&3、其他行保持在 72 个字符之内；&/p&&p&4、如果你的提交修复了到某些 issue 或者有一些参考引用，记得使用 Fixes 或者 Refs 来标注他们，例如：&/p&&ul&&li&Fixes: &a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/issues/1234& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/nodejs/node/&/span&&span class=&invisible&&issues/1234&/span&&span class=&ellipsis&&&/span&&/a&&/li&&li&Refs: &a href=&https://link.zhihu.com/?target=http%3A//eslint.org/docs/rules/space-in-parens/html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&eslint.org/docs/rules/s&/span&&span class=&invisible&&pace-in-parens/html&/span&&span class=&ellipsis&&&/span&&/a&&/li&&/ul&&p&下面是官方给出的一个 commit message 范例：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&subsystem: explain the commit in one line
Body of commit message is a few lines of text, explaining things
in more detail, possibly giving some background about the issue
being fixed, etc.
The body of the commit message can be several paragraphs, and
please do proper word-wrap and keep columns shorter than about
72 characters or so. That way, `git log` will show things
nicely even when it is indented.
Fixes: https://github.com/nodejs/node/issues/1337
Refs: http://eslint.org/docs/rules/space-in-parens.html
&/code&&/pre&&/div&&p&&b&4、Rebase&/b&&/p&&p&使用 git rebase 将你所做的修改和主仓库保持同步，确保你的修改没有和主分支冲突：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git fetch upstream
git rebase upstream/master
&/code&&/pre&&/div&&p&&b&5、Test&/b&&/p&&p&Node.js 项目里有十分完善的自动化测试，任何 bug 的修复或者 feature 的添加都应该经过完整的测试。&/p&&p&在 Unix / MacOS 执行完整的构建、测试以及代码格式检查：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&./configure && make -j4 test
&/code&&/pre&&/div&&p&Windows:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&./vcbuild test
&/code&&/pre&&/div&&p&任何对代码的任何修改，都必须保证测试完全通过。&/p&&p&另外还有几个 tips：&/p&&ul&&li&如果只想检查代码格式，执行 make lint 或 vcbuild lint 即可；&/li&&li&如果没有修改 runtime 环境的代码（lib 和 src 目录下），比如只修改了 test 或者 benchmark 下的代码，那么就不需要重新执行漫长的构建流程，直接进行测试即可：python tools/test.py -J --mode=release&/li&&li&与 2 同理，任何对于 lib 或 src 目录下的修改，都需要进行重新构建。&/li&&/ul&&p&&b&6、Push&/b&&/p&&p&把修改提交到自己的仓库，没什么好说的。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git push origin
&/code&&/pre&&/div&&p&&b&7、Pull Request&/b&&/p&&p&提交 PR 的时候务必记住遵循官方给出的 PR 范例，其实基本上就是 commit message 的内容加上一个 checklist，以及附注涉及到的子系统即可。例如我之前的一个 PR（&a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/pull/13976& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&errors, buffer: Migrate buffer errors to use internal/errors by starkwang · Pull Request #13976 · nodejs/node&/a&）：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9e7a0e78eccc8a6773616f_b.jpg& data-rawwidth=&785& data-rawheight=&382& class=&origin_image zh-lightbox-thumb& width=&785& data-original=&https://pic4.zhimg.com/v2-9e7a0e78eccc8a6773616f_r.jpg&&&/figure&&p&&b&8、讨论和修改&/b&&/p&&p&PR 提交之后，很快就会有 Collaborator 来 review 你的代码，并且给出意见和建议，绝大部分 PR 都需要多次修改后才会被接受，所以不要因为 review 要求的改动太多而沮丧。&/p&&p&在此期间的任何修改都记得 rebase，以保持只有一个 commit 的状态。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git add my-changed-files
git commit
git fetch upstream/master
git rebase upstream/master
git push -f origin
&/code&&/pre&&/div&&p&&b&9、Landing&/b&&/p&&p&PR 被 merge 要求至少有一位 Collaborator 通过了这个 PR，且通过了持续集成（CI）测试。之后如果没有其他人提出异议，那么它会在不久之后被 merge。（一般是48-72小时，以确保大部分成员都能看到这个 PR）&/p&&p&有一些比较大的 PR 会直接被 merge 进入主分支，例如 &a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/pull/13976& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&errors, buffer: Migrate buffer errors to use internal/errors by starkwang · Pull Request #13976 · nodejs/node&/a&&/p&&p&当然也有一些比较小的改动，这时一般会有一名 review 你代码的 Collaborator 代替你向主分支提交 commit，不过你的信息依然会完整地保留下来，随后这位 Collaborator 会在 PR 里附上类似 &Landed in xxxxx& 的评论，并且关闭这个 PR。例如 &a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/pull/13963& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&errors, url: port url errors to internal/errors by starkwang · Pull Request #13963 · nodejs/node&/a&&/p&&p&最后，你就成为了一名光荣又伟大的 Node.js Contributor 了！&/p&&p&&br&&/p&&h2&二、有什么可以做的吗？&/h2&&p&作为开源项目，Node.js 和商业项目不太一样，它并没有一个十分详细的 Todos 列表，你可以随时修改它的任意地方，并且提交 PR，包括但不仅限于：文字错误、文档修改、增加单元测试、修改某些方法的实现（一般要确保性能有提升）、修复某些 issue 提到的 bug、某些 tracking issue 里提到的任务列表……&/p&&p&所以我这里也并没有一个明确的答案，总之多看 issue、多看别人的 PR，多看代码，总能发现一些需要我们做的事情。比如你可以查看所有具有 “feature request” 标签的 issue，并且在其中找找有没有什么可以做的：&a href=&https://link.zhihu.com/?target=https%3A//github.com/nodejs/node/issues%3Fq%3Dis%253Aopen%2Bis%253Aissue%2Blabel%253A%2522feature%2Brequest%2522& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Issues · nodejs/node&/a&&/p&&p&我最近在做的事情就是把内置模块的错误，迁移到使用 internal/errors.js，这样可以统一管理 Node.js 产生的错误码，以及标准化错误信息，而不像之前那样随心所欲地直接扔一个 Error 和一个很随便的 Error message 出来。&/p&&p&&br&&/p&&h2&三、关于开源&/h2&&p&在给 Node.js 做贡献之初，我一直觉得 Node.js 的项目成员都是相当高傲的，毕竟维护了这么火热的一个大型项目，一定都是很牛很牛的人，所以一直有一种 “真是麻烦您给我 review 代码的感觉”，直到看到一位成员说的这样一段话：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d5da6a2a06444dcfb8f7ca_b.jpg& data-rawwidth=&803& data-rawheight=&200& class=&origin_image zh-lightbox-thumb& width=&803& data-original=&https://pic2.zhimg.com/v2-d5da6a2a06444dcfb8f7ca_r.jpg&&&/figure&&p&&br&&/p&&p&开源是一项持久而又伟大的工作，一个开源项目的成功，需要的不仅仅是勤劳的维护者，更需要成千上万分布在世界各个角落的 Contributor 们，他们之间的合作产生出了一个又一个造福全人类的开源项目，让我们为开源精神干杯！&/p&
Node.js 作为一个世界级的 Javascript 运行环境，能为它贡献自己的代码，运行在全球各地的服务器上，真的是一件很令人兴奋的事情。从上个月开始，我提交的好几个 PR 经过 review 之后，绝大部分都被接受进入了主干，作为一个初来乍到的萌新 Contributor，想…
&p&我觉得已有问题没真正提供有效的帮助，楼上各位给题主提供的心得，本质上和鸡汤一样，只能解渴不能果腹。下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对题主和其他新人有益。&/p&&p& --------------------------------分割线-----------------------------------&/p&&p&这两年有些新的感触，在公众号里重新更新了一遍这篇文章！把很多错误修改和校对了一下~~欢迎大家关注我的公众号查看更新的内容吧~~&/p&&p&以后新文章都会整理在这里，有疑问可以在这里和我提，尽可能回复&/p&&br&&p&公众号ID：&b&超人的电话亭&/b&&/p&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/gTru9lzEAgF9rRiV92_T& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/gTru9lz&/span&&span class=&invisible&&EAgF9rRiV92_T&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&&p&--------------------------------分割线-----------------------------------&/p&&br&&p&&b&第一点：学习准备——启蒙&/b&&/p&&p&学习一项技能，尤其是已经有一定沉淀并在各行各业有广泛应用的技能，就一定要对它先有充分的认知。在开始正式学习前，你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。UI作为平面设计的一部分，再往上又从属与美术学这一大类。因此，首先要先去了解整个美术史的发展。从人类起源各个阶段中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。
在今天的UI设计群体中，我们作为专业的设计人员，可以和别人侃侃而谈雷军的创业心得，罗胖子的工匠情怀，滴滴快滴的商业模式以及BAT在传统行业的布局等等，各种其实并不太相干的话题，却说不出半点艺术见解。
我们看不懂博物馆展览那些画作，不知道梵高画了什么作品，抽象派到底在闹腾些什么，更甚者连扁平化的推动有什么深层次的原因都不明白。如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性，那么设计师无法理解前人艺术成就是绝对的悲哀，无法去辩驳的事实。
&b&了解美术史，学会入门的美术鉴赏，目的是以正视听&/b&。学会用多个纬度去思考美学，学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，你才能更客观的去理解UI的发展历程。这些知识和思想，将为你的职业生涯做出启蒙，才更容易成为一个有内涵有深度的设计师，这当中还有诸多优点，就得靠你们自己慢慢体会。
下面推荐书目：&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《艺术的故事》([英]贡布里希)&/a&（重点）
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《西方美术简史》(（美）亨德里克?威廉?房龙)&/a&
近代设计史 （一下搜不到这书的地址，回头我拍张照片）
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计心理学3:情感设计》&/a& （有1.2.3，都得看）&/p&&p&以上是我目前看过能想到的最基础书目，如果有朋友觉得还有合适的请给我留言补充上来。
哲学有三大哲学问题，“你是谁？”“你从哪里来？”“你要到哪里去？”，构成了哲人在探索人世真理时的基础框架。我们也一样，要在阶段给自己提出三个问题，并花至少一个月的时间寻找答案：
&b&设计是什么？设计是如何产生的？设计可以做什么？&/b&&/p&&br&&p&&b&第二点：绘画技巧——洞察&/b&&/p&&p&这个点更新了一片回答~~可以参照这个！&/p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&学手绘对于UI设计师的意义是什么？ - 酸梅干超人的回答 - 知乎&/a&&p&曾经和很多同行争论过，UI设计，到底需不需要手绘训练。想必大家都知道，目前国内知名的UI设计师，站酷、&a href=&//link.zhihu.com/?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&UI.CN&/span&&span class=&invisible&&&/span&&/a&、追波上的大神们，很多都是草根出身，从其它行业空降来的，他们的出色是有目共睹的，似乎从某种层面上证实，不需要有绘画基础，也可以做好UI，也可以当大神？&/p&&p&图样拿衣服！我们来说说绘画的问题。&/p&&p&美术高考主要考的三大项：&b&素描、速写、色彩&/b&。就是绘画入门的三大基础课题，我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍，就会知道，学习基础绘画的过程中，我们在纸张上对现实世界的物体进行细致准确的描绘，也就需要我们更仔细的观察事物。光照射的角度是如何的，在对应的形状中表现出什么明暗分布，在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛，你会对所有设计和形体做出本能的反应，分析它们的美丑，找出核心所在。&/p&&p&我们看看下面这样的案例：&/p&&figure&&img src=&https://pic2.zhimg.com/9af459b66f006d8b2ced_b.jpg& class=&content_image&&&/figure&&p&这是一个很简洁的小鸟，只用几个细节就轻松的表现出来，但我相信，如果要原图照抄，有90%以上的UI设计师是画不出精髓的（不信你们试试）。越是这般简单的图形，在弧度、头身比、重心偏向这类细节上就越关键，如果你没有良好的观察能力，那么就连抄也抄不像，你只能做出曲线都歪歪扭扭的贝西货并自己洋洋得意的四处上传设计媒体求赞求认可。&/p&&p&前面提到的这批国内的大神，其实就是在远超常人的勤奋中积累了观察的经验，以此可以复制一定的风格，并能发现设计中的细节而不断做出改正。但这就完了么？当然不是。&/p&&p&你们可以仔细去观察这些没有绘画能力的UI设计师，他们的作品存在着很强的局限性，虽然可以很好完成熟悉领域和流行风格的设计，但是形势是很单一，并且缺乏真正的创造力。强大的手绘能力，除了提高洞察力以外，就是为你将来创作的多元化提供更多可能，看下面案例：&/p&&figure&&img src=&https://pic2.zhimg.com/8e8a3c3e04afc980c1fa8c218a0bf765_b.jpg& class=&content_image&&&/figure&&p&比如绘制这样的图形，私以为没有手绘技能无异于天方夜谭，而GAME UI的最大门槛就在这里。你的绘画技巧会支撑你跨过更多的门槛，在设计的道路上有更多的选择和可能，也会支撑你走的更远。&/p&&p&那么学习绘画要到什么程度呢？&b&直到你觉得可以正确绘出静物为止&/b&。推荐去报一些高考培训的机构，和高三孩纸们一块儿学画，你会提升的相当快，这个过程只需要两三个月的时间。不要觉得可以跳过，将来成为出色设计师的成本将远低于不学习绘画的其他人。&/p&&p&还有，最重点要掌握的一个绘画技能，我觉得是&b&结构素描&/b&。&/p&&figure&&img src=&https://pic1.zhimg.com/e49a5c6bd607ac597cc9a34_b.jpg& class=&content_image&&&/figure&&p&你就可以在纸张上对想绘制的图形做出快速、准确的打稿，效率和延展性远胜上机鼠绘。
手绘将贯穿你整个职业生涯，在今后的学习工作中要保持这个习惯，相信我，每到一个合适的时机，它总会给你带来意想不到的惊喜。&/p&&p&&b&第三点：掌握软件——手段&/b&&/p&&p&这一步就正式开始进入学习软件的步骤。如果学习的是UI，那么以下几种软件是必不可少的：
PS、AI、DW、Sketch……其余的根据爱好自己补充
这里要先和大家谈谈，我们都知道美工对于设计师来说已经成为具有侮辱性的贬义词，设计师们喜欢反驳，你丫才是美工，你全家都是美工。有点小理想的有志青年们都对这个称谓充满鄙夷，但我得给大多数人泼冷水，因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓，有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧，这就是当前设计行业所需要面对的事实。很多设计师没有经过前两个步骤的熏陶的，所以在学习软件的过程中很容易自满，明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次（哎呀，好像在说我自己！）。他们的视角是狭隘的，只认为学会了PS这些工具，就学会了设计，也忽略了自己远远没有达到美工门槛的界限。下面我来谈谈怎么学习这些软件。&/p&&p&首先看李涛视频的前三课：&a href=&//link.zhihu.com/?target=http%3A//www.360doc.com/content/11/58.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&李涛PS教程（全集）&/a&&/p&&p&只看前三课！重复强调一遍，先只看前三课，并且做好笔记把所有内容都背到滚瓜烂熟为止（我看了至少五遍以上）。这是整个UI设计行业里最基础的知识点，光、色、分辨率、色彩模式，连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。&/p&&p&然后你就开始去看别的视频教程，这时候可以去淘宝买：&a href=&//link.zhihu.com/?target=http%3A//s.taobao.com/search%3Fq%3DPS%25E6%E7%25A8%258B%26commend%3Dall%26ssid%3Ds5-e%26search_type%3Ditem%26sourceId%3Dtb.index%26spm%3D1.%26initiative_id%3Dtbindexz_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS教程&/a&&/p&&p&几块钱就有一打的高清入门视频，不要浪费时间在搜索免费的低质量视频上。入门教程基本都是相同的，你要完整的看完和跟着学习几个新手教程，直至对软件使用有了初步的理解，然后再返回去看李涛的视频剩下的内容。&/p&&p&那软件要学到什么程度？学到你可以用它临摹出任何使用这种软件设计的图形。一定要记住，设计软件只是我们用来实现设计的一种手段，过渡沉迷在软件的研究中是本末倒置的，但如果你使用软件连抄都抄不出来，那就是一种不需要反驳的耻辱。例如下图：&/p&&figure&&img src=&https://pic2.zhimg.com/357a0b35caa6f0cafdaf2b71_b.jpg& class=&content_image&&&/figure&&p&这样的作品，你有了足够的观察力，靠对软件的掌握度就可以轻松临摹，但很多已经从业数年时间的设计师连这种临摹都做不到，原因在哪里你们自己好好想想。软件的掌握是为你实现更多设计方案提供可能性，不要让软件熟悉度这件最简单容易的技能变成自己的短板，至少我们要成为一个&b&合格的美工&/b&！经常自己做一些练习来测试自己对软件掌握度在哪里，就很容易发现问题，然后自己去查资料做研究。下面就是一个我很久以前做的软件练习（要点开大图，大神轻拍= =！）：&/p&&figure&&img src=&https://pic4.zhimg.com/dbb8f1e19de7f_b.jpg& class=&content_image&&&/figure&&br&&p&好好去理解每个软件可以实现什么，优势是什么，极限在哪里。然后你就再！也！不！会！跑去大神评论区里问：&b&好牛逼，请问这是PS做的吗？&/b&请和我默念这是本世纪设计界里最愚蠢的评论，不要让它们发生在自己身上。
再唠叨一次&b&，软件只是一种手段，你还并不懂设计，少吹牛逼！&/b&&/p&&p&&b&第四点：设计理论——实践&/b&&/p&&p&广义上来说，到这步才是真正开始学习设计，也是让一、二两点作用开始充分发挥的时候。
因为看过艺术史，所以你会知道，每个时代流行的艺术创作有各自的手法特点，有共性，所以可以被归纳和总结，也就可以教授，培养出相同的作家。换句话说，&b&美术家是可以被量产的&/b&。在理论不断被完善的今天，要做出好的设计一样是可以通过理论学习——实践产生，一定不要认为这是天赋上的差距，别人比自己就更有艺术细胞。那些能被历史铭记的艺术大师，之所以伟大，是因为他们的开创性或者作品所包含的人文精神和伟大的灵魂，而不只是一幅出色的图画。
前面的几点都为你提供了足够的实践基础，所以在这部才能让你正确看待自己的潜力，不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋，而成为一个优秀的设计师靠的是努力。&b&设计是勤行，不是设计人，不入设计门&/b&。
那么理论知识我们该学习什么呢？首先是基础中的基础：&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DpYdICyHf-KBKW6cWKOu0-PYGeKXGmc61bT1x_XJCeAFwtVUEmzY6JPbpQDs2FBo_5pikwNUTmuyIQAGglJXPja& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&三大构成（基础含义）&/a&
每个方向都需要阅读相应的教材，重要性无以复加，你需要在观看的时候一边做练习。然后才是具体设计类的书籍，记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略，本来想单当一个步骤说得，后来想想还是归纳到这里来，那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏，尤其在扁平化盛行的今天，字体的作用更加突出。只有掌握了字体的奥义，才能设计出有力的排版，才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例：&a href=&//link.zhihu.com/?target=http%3A//zhan.renren.com/mumuyi2013%3Fgid%3Dfrom%3DReblogNewFeed%26ref%3Dhotnewsfeed%26sfet%3D3711%26fin%3D0%26fid%3D%26ff_id%3Dplatform%3D0%26expose_time%3D%26checked%3Dtrue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&日本二十四节气网站&/a&（原网站好像打不开了，只有图）。推荐书目：
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《商业字体设计》(方茜)（&/a&一定要看！！）
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《好字体》(向玫玫)&/a& &a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《文字设计的原理》([日]伊达千代，内藤孝彦)&/a&&/p&&p&接着就是关乎排版，&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DAKQt41LBwBxzdwCqKl6xR6oQCsknHpwifuXT7mqjOpe2q3CJrQ8yT0jpLAyfGuazBUOnEjYmM1X_wRJlHMsmxq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&栅格化_百度百科&/a&、&a href=&//link.zhihu.com/?target=http%3A//www.zoomla.cn/blog/tech/1986.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传统网页布局栅格化设计分析&/a&，这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解，就可以设计出足够安全而和谐的页面，下面书目：
栅格排版法（找不到了，我回去翻翻）
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《版面设计的原理》([日]伊达千代，内藤孝彦)&/a& &a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德（John McWade）)&/a&&/p&&p&还有一些相关的基础推荐书籍，太困，记不起来，希望知友推荐：
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《形式感+：网页视觉设计创意拓展与快速表现》(晋小彦)（&/a&重点推荐）
&a href=&//link.zhihu.com/?target=http%3A//item.jd.com/.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《在你身边，为你设计：腾讯的用户体验设计之道》&/a&&/p&&p&设计的理论书籍教会你怎么设计，你需要在不断接受知识的同时，马上对它们做实验，不停的练习，不停的产生问题并解决。在你的设计观念足够成熟前，绝对不要没事上网看设计的XX法则，如何做好网页设计你需要掌握的XX个技巧，完全就是设计界的鸡汤文，它们看着其实挺有道理，但完全没办法给新人提供实践指南，是用来遗忘的，即使看再多这类鸡汤文，你也做不好设计。举个本题内的例子：&/p&&figure&&img src=&https://pic2.zhimg.com/7f5be3f2917650cfdbd1d_b.jpg& class=&content_image&&&/figure&&p&这样的回答实际上可有给你提供详细的帮助？没有（无意冒犯）！你的学习过程在每个方面都要系统而有调理，书籍比零碎的阅读可以给你带来更多的帮助和进步。&/p&&p&&b&第五点：逻辑取舍——平衡&/b&
在我这个回答：&a href=&http://www.zhihu.com/question//answer/?group_id=723264& class=&internal&&视觉设计师是怎样让前端工程师 100% 实现设计效果的？ - 酸梅干超人的回答&/a&
已经说很详细了，作为UI设计师，是必须掌握前端的对应技能的，这不是可以完全无限制的发挥设计技艺的地方，你就要有取舍，要跟的上前端开发的逻辑，做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门，安卓、IOS的实现规范！&/p&&p&&b&第六点：鉴赏模仿——超越&/b&
特地把这点放到后面，也是有理由的，前面的步奏都是一个设计师基础素养的实现，而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。
你要学会如何辨别优秀的作品，可以从多个渠道收集优秀作品和案例，首推使用：
&a href=&//link.zhihu.com/?target=http%3A//behance.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&/a& &a href=&//link.zhihu.com/?target=http%3A//huaban.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网&/a& （又到了求粉的季节，懒惰的可以只看我的花瓣 &a href=&//link.zhihu.com/?target=http%3A//huaban.com/uncle-superman/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&死翘翘的超人的花瓣个人主页&/a&）
&a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/search/%3Fq%3Dweb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.pinterest.com&/a& &a href=&//link.zhihu.com/?target=http%3A//hao.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDC设计师网址导航&/a& （其它的可以在导航里逛）&/p&&p&学会看优秀的案例，用它们给你提供设计的燃料，然后你要做的就是抄！抄！抄！用你学过的设计理论在实现中对案例进行分析，只有发现了它们的优点并自己动手实践实现了，才对你的提升有实际帮助。你每天抄一个案例，BANNER、ICON、APP界面，那么不出几个月，你就能对现有的设计形式套路了如指掌，可以设计出安全不会有太大毛病的UI设计稿，你可以轻松完成这样的：&/p&&figure&&img src=&https://pic1.zhimg.com/e7a26cfcd011b71f65aca60_b.jpg& class=&content_image&&&/figure&&br&&p&而不会做出这样的：&/p&&figure&&img src=&https://pic4.zhimg.com/68c1cef882ebc_b.jpg& class=&content_image&&&/figure&&p&同时，必须提醒一点就是，我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的，这是一个坑，需要有足够的经验去判断什么样的设计已经足够了，什么样的是过度设计，没有实际意义。你不止要在网上搜索优秀的案例，一定要持续关注这些那些最简单，但是最受欢迎的网站和应用。例如：知乎、INS、微信、淘宝等等。去不断讨论、查阅，来理解为什么是当前的呈现式样，而不如自己的预期。比如我写的另一个回答的思考方式：
&a href=&http://www.zhihu.com/question//answer/& class=&internal&&为什么国内电商APP设计五花八门，界面那么繁杂？ - 酸梅干超人的回答&/a&
你要在练习和思考中进步，不要盲目的追求视觉表现，这样的UI设计师是很难真正的成长起来。
&b&设计的终极目的是解决问题&/b&，而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站：&b&&a href=&//link.zhihu.com/?target=http%3A//UI.CN& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&UI.CN&/span&&span class=&invisible&&&/span&&/a&、追波&/b&等等。
当前主流设计平台的趋势就是，少数大神驱动庞大的底端设计群体，如果你已经在前几个步奏得到提升，那么这些网站的多数设计师已经在思想上没法和你并驾齐驱，不要去这些地方混迹。这些网站不会有真正有价值对等的交流和见解，只有设计师在自己圈子里找自信刷存在感的证明，你去扫两眼评论，就知道不会有“落霞与孤鹜齐飞，秋水共长天一色”这种回答，只有“哎呀，我草，牛逼”，“请问这是用数位板画的吗？”，“请问这是AI做的吗？”。这些大神的飞机稿和普通练习的迅速流传，很可能会产生诸多的不良印象。
就拿我深深唾弃的追波来说，大量的作品没有任何实践价值，尤其为了吸引同行关注而过分秀技巧，秀动效。于是动效的风气马上在国内圈子弥漫开，明明是连基础排版、配色都做不好，PS都还没捂热，就追着赶着学习AE，开始玩转交高大上交互特效了。具体请看下文：
&a href=&//link.zhihu.com/?target=http%3A//isux.tencent.com/zh-hans/the-dribbblisation-of-design.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[ISUX转译]设计追波风&/a&&/p&&p&当你抄了两三个月案例，就已经有足够多的作品集了，你已经可以打包做简历去应聘了。届时你的水准将超越绝大多有数年经验的设计师了！&/p&&p&&b&第七点：阅读思考——扩展&/b&
整个UI设计圈，还有一个很致命的缺点，就是对其它行业知识的排斥，科班毕业生尤甚。因为学生时代大多讨厌学习，有艺术生这个庇护伞，就可以&b&合理安慰自己不学习不念书那是放荡不羁爱自由&/b&。&b&屎丢皮啊！！&/b&
艺术史还要教会你们的一点就是，真正的大师绝对不会只是孤陋寡闻而只专注在手中的笔杆和油墨，他们不断在认识世界，不断在研究感兴趣的知识和见解，这也就是知乎存在所要满足的需求。不要做一个只知有设计，不知有数理化的蟾蜍，只能在你自己的井里蹦跶。
成熟的设计不只是你个性技巧的表达，还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅，症状也在这里。不要只用设计的角度去看世界，去涉猎更多的专业，让眼界更宽广，有更多的角度去理解世界，得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺，在正确的方法下，越积累越成熟，老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段！
……………………
===================================================
设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度，而开始追赶潮流，轻视正统和法则。这整个流程需要或许需要1整年的时间，但我相信，只要有足够的耐心，是可以让一个新手成长成为一名合格的UI设计师，请放慢你的角度不要急于求成。&/p&&br&&p&更新下QQ群：5537969，有时间会在这里讲解下设计过程~~&/p&
我觉得已有问题没真正提供有效的帮助，楼上各位给题主提供的心得，本质上和鸡汤一样，只能解渴不能果腹。下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对题主和其他新人有益。 --------------------------------分割线---…
&figure&&img src=&https://pic3.zhimg.com/v2-f1bacc40fd_b.jpg& data-rawwidth=&501& data-rawheight=&327& class=&origin_image zh-lightbox-thumb& width=&501& data-original=&https://pic3.zhimg.com/v2-f1bacc40fd_r.jpg&&&/figure&&p&2014 年两会，马化腾说自己腰疼，请假缺席。结果没过一周，他跟刘强东以及一帮腾讯高管吃饭的照片就传遍了社交网络，再过两天腾讯投资京东的事情就官宣了。有人调侃，“马化腾好大的胆子，为了投资京东连党都敢骗！”。&/p&&p&那时候距离京东上市只有两个多月了。&br&&/p&&p&那个饭局上的照片，张小龙虽然位置在左手最靠边站着，但是他是刘强东最惦记的人。因为京东的移动端的表现一直是刘强东的心病，而微信正好有药。所以就算张小龙平时深居简出不喜交际，马化腾也要把他带到这个饭桌上，好让刘强东放心。&/p&&p&而一年前马化腾跟滴滴谈B轮投资的时候，阿里出身的程维一直在犹豫。马化腾价也加了，投票权也不要了，程维还不松口，于是马化腾拿出手机打开微信比划，说这里、这里，这里，这几个位置都可以给滴滴当入口，如果张小龙不反对的话。&/p&&p&不过传说等到58同城去跟马化腾要微信入口的时候，马化腾就没那么爽快了，说这事儿光我说了不算，得微信的同学说了算。所以姚劲波他们做了好几十页 PPT，跑到广州找微信团队 pitch，讲得口干舌燥，终于给了一个58到家入口。&/p&&p&你看，到最后所有人都在争夺微信上一个小格子时，马化腾的态度，可以区分出你未来究竟是千亿美元、百亿美元还是十亿美元的公司。&/p&&p&&strong&1&/strong&&/p&&p&App Annie 今年3 月 iOS 中国区发行商收入 top 10 里，腾讯第一、网易第二。剩下的完美、三七互娱和吉比特都是 A 股公司；B 站、乐元素（腾讯是乐元素投资方A-Fund的LP）都有腾讯背景。&/p&&p&互联网行业的马太效应是个老命题了。但年前阴阳师、年后王者荣耀的现象级爆发，“人们又回想起一度被腾讯支配的恐惧”。&/p&&p&2015 年腾讯和网易吃下手游市场 60% 左右的份额，已经很高了；仅过一年，又涨到 70%。&/p&&p&几年前大家刚开始做手游的时候，曾经有过一些公司，被寄予厚望，希望打破端游时代的寡头格局。2013 年创业家传媒评选年度十大创业家时，就把王峰和陈昊芝都算上了。&/p&&p&一个是从金山到蓝港，摸爬滚打十年，刚做出来月流水半个亿的《王者之剑》，被媒体冠以“小雷军”的标签；一个是刚接触游戏，就凭空变出来一家中国最赚钱的手游公司，三年间营收每年都翻六七倍，旗下的游戏引擎还被全国六七成手游 CP 使用着。&/p&&p&最后陈昊芝入选了，榜上还有姚劲波、陈小川、庄辰超、俞永福和贾跃亭。第二年再评，王峰也入选了。&/p&&p&那时候移动端流量还便宜，游戏设备的革命才刚开始，于是遍地“手游英雄”。&/p&&p&邢山虎离开金山后第一次创业把十年积蓄全部赔光，后面两次也没赚什么大钱。但《我叫MT》刚上线半年，乐动卓越就估值 10 个亿了。龙图的王彦当初在北京看到《刀塔传奇》的 demo，飞到上海找王信文签了发行，一年后莉莉丝估值 50 亿、龙图差点作价 96 亿借壳上市。&/p&&p&二级市场对游戏概念趋之若鹜，手腕儿强的手游公司直接借壳上了 A 股。游族借壳“梅花伞”的时候溢价是 33 倍，这家总资产 1 亿的伞业公司后来逐渐套现了 11 个亿。&/p&&p&手游行业集体是膨胀的。2013 年，华兴的黄胜利到陈昊芝的办公室坐，一看，说“昊芝你是我见过屌丝CEO里面办公室最大、用的东西最贵的人”。第二年触控在望京 SOHO 租了 24000 平方米的办公室，人员一年里扩张近十倍。亚马逊一度为触控的手游引擎开出了超过6亿美元的收购价格，当然踌躇满志的陈昊芝拒绝了。&/p&&p&2013 年王峰也拒绝了 A 股的朗玛信息出价 16 个亿的收购邀约，第二年带着公司去了香港上市。IPO 前一天晚上，他拿到了斧子团队研发了几个月的第一版样稿。这个游戏机承载着他游戏跨到“网络迪士尼”的野心。&/p&&p&你看这软件、硬件、互联网，王峰真的是要做“小雷军”了。&/p&&p&但是拐点来的很快。斧子的成绩很差，去年 5 月开完发布会，暑假都没过完就没了声响。坊间传闻卖了不到 1000 台，官网 banner 到现在还放的是双十一的促销海报。王峰很是后悔，自己亏了这么多钱不说，还把冯鑫的上千万美元都搭上了。&/p&&p&2014 年，陈昊芝不满意华尔街把触控的引擎业务当成负资产、只给出不到 10 倍的市盈率，叫停了赴美上市。&/p&&p&这一停直到今天。触控分拆后广告业务和韩国子公司发展都不错，但主体业务的上市仍无无望。据说大部分办公室已经转租了出去。&/p&&p&&strong&2&/strong&&/p&&p&王珂和王峰一样，都是雷军系的出身。&/p&&p& 2011 年他接受了雷军的建议和投资，从厦门跑到北京来组团队做移动电商。他去百度挖技术，开口就是“雷军想跟你见一面，派我们先来跟你聊一聊”。有一次王珂肺炎，挖一个人从下午聊到晚上 8 点才去看病，雷军过来顶班，接着跟那人聊到 12 点，最后拿下了。&/p&&p&口袋购物早期的流量爆发一定要感谢雷军，2014年正值巅峰的小米，在自己出场的每一台手机上都预装了口袋购物。包括C轮豪掷一亿美元的投资人老虎，也是最早雷军介绍过去的，因为雷军在仙桃中学的同学陈小红，正是前老虎基金在中国的负责人。&/p&&p&陈欧和王珂算是那波移动电商创业者里光环最大的两个。到了 2014 年，腾讯投资京东，京东和阿里接连上市，整个行业一下子非常热闹。&/p&&p&5 月，聚美优品纽交所上市，陈欧成为中国最年轻赴美上市 CEO。那年福布斯 40 under 40 排行榜，把陈欧列到第六，正好在李明远和王兴前面。&/p&&p&唯品会在那年 4 月公布第一季度财报，收入大超预期，股价爆涨，一下子超越 360 成为了中国第四大互联网上市公司。&/p&&p&王珂的口袋购物也在那年阿里巴巴 IPO 之后，成功搞定了腾讯领投 3.5 个亿的 C 轮，估值 15 个亿。白鸦的口袋通因为名字相似，老被冯大辉们调侃，但那年也拿了融资，还把名字改成了“有赞”。&/p&&p&2014 年天猫国际上线之后的一个月，小红书拿到了 A 轮。之后跨境电商开始刮起了腥风血雨，蜜芽宝贝、蜜淘 B 轮各自拿了两三千万美金，14 年底蜜芽宝贝又拿了 6000 万的 C 轮。洋码头随后公布了 B 轮 1 个亿。&/p&&p&那阵子还是美丽说和蘑菇街打架烧钱最厉害的时候。13 年底就有传言阿里要收编蘑菇街，因为在美丽说 D 轮时没抢过腾讯。两家估值开始水涨船高，各自搞定上亿美金融资，直到 14 年过完之前局势还很不明朗。&/p&&p&但过完 2015，垂直电商全都安分了。&/p&&p&唯品会的股价从 15 年中到年底，被腰斩一半；聚美当初 22 块钱 IPO，今年要以 7 块钱私有化。蜜淘已经没了，48新政之后跨境电商逐渐开始了倒闭潮。美丽说和蘑菇街合并之后，一年来裁员、被收购的绯闻就没有断过。&/p&&p&口袋购物在砸下春晚广告后不久，遭遇了老虎基金撤资的风波。&/p&&p&不过像微店和有赞这种产品，抓住人们在微信上开店的需求，总体过得还不错。口袋购物的微店有腾讯的投资加持，自不必说。白鸦的有赞上个月成功在香港借壳上市了，但是 41 亿港币的价格，也没有两年前口袋购物曾经放出的20亿美元、65亿美元估值那么癫狂了。&/p&&p&2014年当然是很多互联网公司的好时候，很多人的估值，很多人的故事，回不到那个时候了。&/p&&p&&strong&3&/strong&&/p&&p&如果你列一个最想回到2014年的创业者名单，周航一定能入围前三。现在周航和自己的两位合伙人已经彻底同自己创办的易到用车斩断了一切关系，他们从去年六月就已经实际淡出了易到用车的管理层。&/p&&p&周航从 2015 年下半年开始，一直到最近去参加湖畔大学，每次出来演讲、做公关，主题几乎都是反思。频率之高甚至给人一种祥林嫂的感觉。虽然他始终没有亲口说过“后悔”两个字，但是他承认，2014 年做 C 轮的时候，他们有机会拿很多钱，“应该说有机会拿到非上市融资里面最大的钱，但我们最后没要”。&/p&&p&易到最值钱的时候，就是 2014 年，滴滴和快的合并之前。坊间传言百度投资 Uber 之前，本来想投的是易到，但新政下来之后临时转换了标的。&/p&&p&虽然小巨头的创始人还在一遍一遍向员工们洗脑我们是下一个 BAT，但是 2014 年的事情应该教育了很多人，当你的公司正好处在 BAT 军备竞赛的战场上时，你的公司才是最值钱的。&/p&&p&2010 年傅盛的可牛和金山顺利合并安全，还引入了腾讯投资，也就是一场“3Q 大战”的事。2014 年阿里用破纪录的“超过两个91的价格”拿下 UC，就是UC成功顶住腾讯浏览器在移动端的进攻，而阿里巴巴立志要拿下微信以外市场上所有能买到的流量来源。&/p&&p&包括后来，滴滴快的打，美丽说蘑菇街打，大众点评美团饿了么打，摩拜ofo打，最后都是 BAT 在打。打到哪里，哪里就冒出来一串独角兽。&/p&&p&在互联网的马太效应愈演愈烈的时候，是 BAT ，而不是别的什么掌握着中国互联网核心资产的定价权。&/p&&p&小晚写互联网大并购的那篇文章是这个结论最好的一个例证。里面讲滴滴、快的合并案最紧张的时候，双方在隔壁两个房间里互相给阿里和腾讯的最高层打电话，包凡说，&/p&&blockquote&&p&“ BAT 像天上的神仙，看着人间在打架”。&/p&&/blockquote&&p&很多人觉得卖给 BAT 就丧失了独立发展的机会，实际上卖给 BAT 才是保留了独立发展的火种。因为只有在拥有现金奶牛的前提下，大公司才愿意给新业务更多机会。而你一旦错失了卖给 BAT 的机会，只能退而求此次卖给还处在盈亏平衡线上挣扎的第二梯队，后者不是图你能挣钱的业务就是图你能打仗的团队。&/p&&p&像乐视这种公司，可能就是图的是收购你这个消息带来的利好，炒一把股价就算了。钱都不一定给你。&/p&&p&只能说周航之前的创业经历太顺了，让他在做易到的时候一直伴随着天真蓝的BGM。甚至到公司卖给乐视的时候，他还幻想这个浑身上下每一个毛孔对现金都充满渴望的“生态”会善待自己已经在竞争中出局的公司，给予独立发展的机会。&/p&&p&结果是乐视的投资款只到账了30%，易到用车就以亏本的价格吸收了大量的预存款，然后以抵押贷款的形式给乐视的生态贡献了13亿贷款，给自己留了1个亿。&/p&&p&在这一点上，见证了中国互联网 20 年的王小川，在搜狐最落魄的时候需要自己给办公室擦桌子的王小川就不知道高到哪里去了。&/p&&p&当年 Google 退出中国之后，搜狗一下变成了搜索第二名。一直对搜索心心念念的周鸿祎想要，找到张朝阳问价，结果王小川悄悄跑到杭州找阿里要了笔钱，这个时候估值 1.5 个亿美金。&/p&&p&两年后阿里以 2.3 亿美元的价格退出，马上大家又围上来抢。周鸿祎说雷军给的估值是 7 亿美金，搜狗直接给 pass 了。张朝阳一开始偏向 360，但是王小川死活不干，担心周鸿祎会把搜狗掏空，就只要腾讯的钱。&/p&&p&最后甚至一些信息管道向老周放出话来，就算张朝阳把搜狗卖给你，王小川也会带着团队拿腾讯、百度、金山的1亿美元出来创业。&/p&&p&所以你看，有的时候这个互联网公司真的像一个国家一样，你看它好不好，就看清华毕业的人往不往那里跑。&/p&
2014 年两会，马化腾说自己腰疼，请假缺席。结果没过一周，他跟刘强东以及一帮腾讯高管吃饭的照片就传遍了社交网络，再过两天腾讯投资京东的事情就官宣了。有人调侃，“马化腾好大的胆子，为了投资京东连党都敢骗！”。那时候距离京东上市只有两个多月了。 …
&figure&&img src=&https://pic1.zhimg.com/80af7a74dca20ea1f2a5cb_b.jpg& data-rawwidth=&1024& data-rawheight=&1024& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&https://pic1.zhimg.com/80af7a74dca20ea1f2a5cb_r.jpg&&&/figure&&p&
作为一名UI设计师，基于矢量的设计是非常有必要且基础的，因为各种尺寸的屏幕带来了各种分辨率，基于矢量设计，直接缩放成各种版本的尺寸就好了。&/p&&figure&&img data-rawheight=&2128& data-rawwidth=&736& src=&https://pic3.zhimg.com/00a0cb6a7de90ea86a313_b.jpg& class=&origin_image zh-lightbox-thumb& width=&736& data-original=&https://pic3.zhimg.com/00a0cb6a7de90ea86a313_r.jpg&&&/figure&&p&
例如，设计iPad的UI，目前iPad有48x1536这2种分辨率，如果基于位图的设计，如PS，那必须按照的尺寸设计，不然没办法放大，那在Ai里，可以直接使用的分辨率进行设计，然后缩放即可，这样做的好处是，即使在笔记本上，或者一些分辨率较低的显示器上也能顺利完成设计，同时工程文件也会小很多，执行和操作也会快很多。&/p&&figure&&img data-rawheight=&768& data-rawwidth=&2048& src=&https://pic3.zhimg.com/a7f39fc4ef2c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&2048& data-original=&https://pic3.zhimg.com/a7f39fc4ef2c_r.jpg&&&/figure&&p&
但是问题又来了，设计的时候如果不能直接在设备上预览，效率就实在太低了。&/p&&p&
主要体现在：校色，布局，按钮尺寸。&/p&&p&
首先是颜色的差异，显示器上的色差，苹果显示器颜色都在出厂时校过色，色差不大，但是和移动设备上的色彩显示，还是有明显的差别的，更别提Windows兼容机的各种显示器的明显色差了；另外还有操作系统上的设置差异，都可以导致和最终显示的结果完全不一样。&/p&&p&
然后是尺寸和位置，按钮的大小和排列，哪怕不能按，但是如果能在设备上实际比例预览，也能比划出是否合适，还有各种UI元素的布局，这个只能靠经验来探索吗？太累了。&/p&&figure&&img data-rawheight=&1220& data-rawwidth=&1960& src=&https://pic1.zhimg.com/06ac61ba1e7eedc306e07a179fd737ea_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1960& data-original=&https://pic1.zhimg.com/06ac61ba1e7eedc306e07a179fd737ea_r.jpg&&&/figure&&p&
所以我们开发了“设计预览”这个app，目标只有一个，就是最有效率地使用Adobe illustrator来设计UI。&/p&&p&&figure&&img data-rawheight=&433& data-rawwidth=&1356& src=&https://pic1.zhimg.com/294dd02c3bcbc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1356& data-original=&https://pic1.zhimg.com/294dd02c3bcbc_r.jpg&&&/figure& 界面内置在Ai里，可以预览当前画板，也可以一次性输出预览所有画板，而且可以输入缩放倍数。&/p&&figure&&img data-rawheight=&522& data-rawwidth=&464& src=&https://pic4.zhimg.com/e15d2a4acff9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&464& data-original=&https://pic4.zhimg.com/e15d2a4acff9_r.jpg&&&/figure&&p&在移动设备上预览，自然可以缩放、拖动、翻页等功能里。 &/p&&p& 还有一个多设备预览功能，在开会或者讨论UI设计的时候，拿上笔记本，其他讨论的人拿着设备，启动了App，在AI里随时修改，大家都可以一起获得预览，实时看到结果，展开激烈的讨论。 &br&&/p&&p&为了方便使用，我们还把教程内置在里面了，当然还有视频教程，链接在下面。&/p&&p&视频教程地址： &a class=& wrap external& href=&https://link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XOTI5NTI0NjQ0.html& target=&_blank& rel=&nofollow noreferrer&&设计预览 for Adobe illustrator&/a&&/p&&p&使用指南（PDF文档）：&a class=& external& href=&https://link.zhihu.com/?target=http%3A//pan.baidu.com/s/1jGETQvG& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&pan.baidu.com/s/1jGETQv&/span&&span class=&invisible&&G&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&应用程序地址&a class=& wrap external& href=&https://link.zhihu.com/?target=https%3A//itunes.apple.com/cn/app/she-ji-yu-lan-ai/idFmt%3D8& target=&_blank& rel=&nofollow noreferrer&&：iTunes 的 App Store 中的“设计预览·Ai”&/a&&/p&&p&使用过程遇到问题或者有任何建议，可以使用微博和邮件跟我们联系：&/p&&p&微博：&a class=& wrap external& href=&https://link.zhihu.com/?target=http%3A//weibo.com/designpreview& target=&_blank& rel=&nofollow noreferrer&&Sina Visitor System&/a&&/p&&p&电邮：&/p&
作为一名UI设计师，基于矢量的设计是非常有必要且基础的，因为各种尺寸的屏幕带来了各种分辨率，基于矢量设计，直接缩放成各种版本的尺寸就好了。 例如，设计iPad的UI，目前iPad有48x1536这2种分辨率，如果基于位图的设计，如PS，那必须按照204…
&figure&&img src=&https://pic1.zhimg.com/e7b57b1da5c378c48cfbffb_b.jpg& data-rawwidth=&794& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&794& data-original=&https://pic1.zhimg.com/e7b57b1da5c378c48cfbffb_r.jpg&&&/figure&&p&设计师的工作流鉴于不同规模的公司和项目会有所差异，但基本大同小异，必须有的流程还是要执行的，就拿目前我所在的公司小公举的日常举例：&/p&&p&产品经理：&/p&&ul&&li&&i&初期：需求调研 → 竞品分析 → 产品规划；&br&&/i&&/li&&li&&i&前期：思维导图「功能模块」 → 需求文档「流程逻辑」，原型设计「信息架构」→ 评审；&/i&&/li&&/ul&&br&&b&设计师：&/b&&ul&&li&&b&中期：准备工作 → UI设计 → 交互原型 → 评审→ 标注切图；&/b&&/li&&/ul&&br&攻城狮&br&&ul&&li&&i&后期：开发跟进 → 用例测试 → 上线；&/i&&/li&&/ul&&br&&br&这次重点介绍给小公举安利过日常是用的工具：&br&&h2&一、准备工作&/h2&&p&小公举会通过口头交流+笔+纸把需求都逐个了解清楚，明白本次的任务目标。&/p&&figure&&img src=&https://pic1.zhimg.com/f2ed93bf3ca_b.jpg& data-rawwidth=&600& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/f2ed93bf3ca_r.jpg&&&/figure&&br&&p&产品结构和逻辑梳理阶段：思维导图软件&a href=&https://link.zhihu.com/?target=http%3A//sspai.com/tag/MindNode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MindNode&/a& ＋流程图软件&a href=&https://link.zhihu.com/?target=http%3A//www.microsoft.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Viso&/a&&/p&&figure&&img src=&https://pic4.zhimg.com/e81a01c27d9e737b3c0b44a83c88fbad_b.jpg& data-rawwidth=&1544& data-rawheight=&685& class=&origin_image zh-lightbox-thumb& width=&1544& data-original=&https://pic4.zhimg.com/e81a01c27d9e737b3c0b44a83c88fbad_r.jpg&&&/figure&&p&逻辑梳理：流程图软件&a href=&https://link.zhihu.com/?target=http%3A//www.microsoft.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Viso&/a&对本次需求的流程进行梳理，这步是很有必要的&/p&&blockquote&&i&很夸张的是，大多数产品团队中，往往只有交互设计师认真从头到尾思考过产品流程；同时大多数产品，直到完成后才发现流程上的 bug，但此时只能假装没看见。&/i&&/blockquote&&p&只有设计师明白产品整体的使用流程，才能站在全局的角度去看待本次的设计任务，让设计师也从始至终参项目，这在后面会减少很多沟通成本。&/p&&figure&&img src=&https://pic4.zhimg.com/ae54eddb7469648ddde7afa2d7e81487_b.jpg& data-rawwidth=&1389& data-rawheight=&911& class=&origin_image zh-lightbox-thumb& width=&1389& data-original=&https://pic4.zhimg.com/ae54eddb7469648ddde7afa2d7e81487_r.jpg&&&/figure&&br&&br&&h2&二、UI设计&br&&/h2&&p&主力设计工具 &a href=&https://link.zhihu.com/?target=https%3A//www.sketchapp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketch&/a&，不用多说，无限尺寸的画布配合快捷键和庞大的第三方模版更利于高效输出移动产品原型。如果在团队全 Mac 的配置下，还可以无缝衔接设计与前端的项目协作。&/p&&br&&figure&&img src=&https://pic4.zhimg.com/9c9d22fc3_b.jpg& data-rawwidth=&2412& data-rawheight=&1654& class=&origin_image zh-lightbox-thumb& width=&2412& data-original=&https://pic4.zhimg.com/9c9d22fc3_r.jpg&&&/figure&&br&&h2&三、交互原型&/h2&&p&强烈推荐:主力交互工具&a href=&https://link.zhihu.com/?target=https%3A//www.flinto.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Flinto&/a&，是一个使用图片快速生成移动应用的原型，简单粗暴，只要上传几张设计效果图随便拖拽几下，只需要几分钟就可以部署到手机上查看逼真的交互效果，学习成本极低，最开心的是最新版本已经有&a href=&https://link.zhihu.com/?target=https%3A//www.flinto.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文版&/a&了。&/p&&figure&&img src=&https://pic2.zhimg.com/7e62a442c6ebf_b.jpg& data-rawwidth=&3012& data-rawheight=&2130& class=&origin_image zh-lightbox-thumb& width=&3012& data-original=&https://pic2.zhimg.com/7e62a442c6ebf_r.jpg&&&/figure&&br&&p&Appstore下载&a href=&https://link.zhihu.com/?target=https%3A//www.flinto.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Flinto&/a&，可以在手机上实时预览，查看逼真的交互效果，跟成品差别不大，开发再也不用过来问，这个应该跳转到哪个页面，这个怎么操作......&/p&&br&&figure&&img src=&https://pic3.zhimg.com/474c1e2f21fa967254cb_b.jpg& data-rawwidth=&750& data-rawheight=&1334& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/474c1e2f21fa967254cb_r.jpg&&&/figure&&br&&p&尤其是给老板，客户展示的时候，一来这货够专（zhuang）业（bi），二来千言万语不如真机来体验一下。&/p&&br&&figure&&img src=&https://pic1.zhimg.com/ee45edf51ddb9fc5e78d256e_b.jpg& data-rawwidth=&750& data-rawheight=&1334& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/ee45edf51ddb9fc5e78d256e_r.jpg&&&/figure&&br&&br&&br&&h2&四、评审&/h2&&blockquote&&p&户体验地图：把&b&根据「问题」和「惊喜」的数量情况，和重要性程度，理性地判断每个行为节点的情感高低，并连线。&/b&&/p&&p&1、看看最高点，为它多做一点事情，将它推到极致。&/p&&p&2、看看最低点，思考能不能把其它体验值高的步骤，分摊一部分功能到这里，均衡体验情感。&/p&&/blockquote&&figure&&img src=&https://pic4.zhimg.com/7eb189e3dedba8f5d053_b.jpg& data-rawwidth=&600& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic4.zhimg.com/7eb189e3dedba8f5d053_r.jpg&&&/figure&&br&&blockquote&用户体验地图：如果你参加过收费的 workshop 或者看过讲设计方法的书，你一定听过体验地图（Experience Maps）。在一些些台版书籍里也叫使用者旅程图（User Journey Maps）。&br&使用帮助：&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&以干货开场，如何有效地做用户体验地图&/a&&br&&p&&b&体验地图第一大优势：好看。&/b&它以视觉化的方式，将用户与产品或服务进行互动时的体验分阶段呈现出来，让体验地图中的每一个节点都能更直观地识别，评估和改善。不论是电子版还是满墙的便利贴，在效果上已经充满了形式美。&/p&&p&&b&体验地图的第二大优势：非常贴合时下流行的&/b&&b&「情感化设计」。&/b&体验地图能协助团队精准锁定产品引发强烈情绪反应的时刻，同时找到最适合重新设计与改进的地图节点，这一切都几乎用户使用中的情感需求。&/p&&p&&b&体验地图的第三大优势：能够多人参与，并且让所有人都横向梳理一遍产品流程。&/b&很夸张的是，大多数产品团队中，往往只有交互设计师认真从头到尾思考过产品流程；同时大多数产品，直到完成后才发现流程上的 bug，但此时只能假装没看见。&/p&&br&&p&为什么你觉得体验地图无用？因为你不知道：&/p&&p&&b&体验地图并不是一个独立的设计方法，它是产品用户研究过程中重要的一部分。&/b&在我做过的案例中，体验地图往往是最终收尾、拿结论的最关键节点——但是不能脱离了前期其它设计方法的材料准备。&/p&&p&转自专栏：&a class=&internal& href=&http://zhuanlan.zhihu.com/smartdesigner&&理科生是设计师&/a&&/p&&p&作者已授权，感谢&a href=&https://www.zhihu.com/people/6ea12ac075dbbd& data-hash=&6ea12ac075dbbd& class=&member_mention& data-title=&@星玫& data-hovercard=&p$b$6ea12ac075dbbd& data-editable=&true&&@星玫&/a&&br&&/p&&/blockquote&&br&&h2&五、切图标注&/h2&&p&相信大多数设计师只希望做好属于自己的界面设计，不想在切图和标注这上面浪费太多时间，每次一到要标注的时候，心中就万头草泥马在奔腾&/p&&p&劳资是一个设计师，不是切图仔！！！&/p&&p&还是默默地去标注尺寸去了，心里想如果有一天能不在让本公举切图该多好!&/p&&p&切图工具演变路径：马克鳗&i& → Pxcook→ &b&Zeplin&/b&&/i&&/p&&figure&&img src=&https://pic3.zhimg.com/7a5cb027d585d115f6ba9a65f146f740_b.jpg& data-rawwidth=&2288& data-rawheight=&1764& class=&origin_image zh-lightbox-thumb& width=&2288& data-original=&https://pic3.zhimg.com/7a5cb027d585d115f6ba9a65f146f740_r.jpg&&&/figure&&br&&p&&b&直到发现了zeplin这个神奇的工具，以后再也不用标注和切图了，使用zeplin有以下好处：&/b&&/p&&p&1.标注尺寸那里需要点那里，距离相邻元素的所有尺寸和颜色清晰明了，之前是标注太细致，ui没法看，标太少，相当于没标注&/p&&p&2.支持css/less/saas等css属性，直接粘贴，开发简直不能太爽了&/p&&p&3.支持标注，方便团队协作（可以替代prd文档了）&/p&&p&4.支持色板和字体 导航 ，可以用作使用规范 &/p&&figure&&img src=&https://pic2.zhimg.com/6dfc2bea9d3c9e559373dcb_b.jpg& data-rawwidth=&2168& data-rawheight=&1730& class=&origin_image zh-lightbox-thumb& width=&2168& data-original=&https://pic2.zhimg.com/6dfc2bea9d3c9e559373dcb_r.jpg&&&/figure&&p&关于zeplin：&/p&&p&随着sketch的普及，好多团队都陆陆续续把sketch作为设计主力工具，去年zeplin发布1.0版本时候还不支持Photoshop cc，一年过去了，最新版本已经可以兼容最新版的ps了，可喜可贺。并且zeplin客户端在Mac和Windows上面都有对应的版本。&/p&&p&再也不需要为了一个zeplin去学习sketch了，ps也支持啦！毕竟再重新学一个软件，本宝宝心好累（ps：经过这一年，我差不多也可以将sketch用于日常工作当中了）&/p&&p&&figure&&img src=&https://pic1.zhimg.com/af1fcfac19e_b.jpg& data-rawwidth=&1400& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/af1fcfac19e_r.jpg&&&/figure&安装步骤：&a href=&https://link.zhihu.com/?target=https%3A//zeplin.io/support.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zeplin官方安装帮助&/a&&/p&&p&这里不展开讲，后面专栏会详细介绍一些tips和使用技巧&/p&&blockquote&&p&&i&步骤一：安装软件＋zeplin插件&/i&&/p&&p&1.Mac用户：安装sketch；Zeplin.app；zeplin-sketch插件&br&直接解压安装即可&br&&/p&&p&2.Windows用户：安装Photoshop CC2015；Zeplin.app；zeplin－ps插件&面板&/p&&i&步骤二：注册zeplin迭代帐号，邀请项目人员。 &/i&&p&&i&步骤三：把sketch或ps里的文件导出到zeplin&/i&&/p&&/blockquote&&br&使用姿势：&figure&&img src=&https://pic4.zhimg.com/abb242cdf02376_b.jpg& data-rawwidth=&2581& data-rawheight=&1912& class=&origin_image zh-lightbox-thumb& width=&2581& data-original=&https://pic4.zhimg.com/abb242cdf02376_r.jpg&&&/figure&&br&&p&&strong&切图神器二：&a href=&https://link.zhihu.com/?target=http%3A//macrabbit.com/slicy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&slicy&/a&&/strong&是我测过几种辅助&a href=&https://link.zhihu.com/?target=http%3A//www.uisdc.com/tag/%25e5%e5%259b%25be%25e5%25b7%25a5%25e5%& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&切图工具&/a&后又回来使用的神器。「把整个 PSD 扔进去，结束。」简洁利落不啰嗦。我爱它的程度已经到了没有它我就不会切图了（哈哈）。&/p&&figure&&img src=&https://pic1.zhimg.com/be610ee9e335c951ef4cc760f881a502_b.jpg& data-rawwidth=&1624& data-rawheight=&336& class=&origin_image zh-lightbox-thumb& width=&1624& data-original=&https://pic1.zhimg.com/be610ee9e335c951ef4cc760f881a502_r.jpg&&&/figure&&p&1. PS 图层依规则命名&i&→&/i&2. 把档案丢进 Slicy 里&i&→3.完成&/i&&br&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/8f7e457cf022cf6ea6d08df34b88d6e5_b.jpg& data-rawwidth=&1198& data-r