您的访问出错了(404错误)
很抱歉，您要访问的页面不存在。
1、请检查您输入的地址是否正确。
进行查找。
3、感谢您使用本站，1秒后自动跳转哈哈，正巧我也是个很喜欢看书的设计师。最近给同事们做了一次分享，得到了广泛好评。也给大家推荐一下！大部分是我看过的各类设计/心理学/营销相关的书，大家可以自行选择所需！&br&&br&&a href=&///?target=https%3A///subject/1941558/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计中的设计 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/1288844/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计心理学 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/4881989/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&交互设计指南 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/3279105/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&About Face 3 交互设计精髓 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/3886044/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&瞬间之美 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/4845129/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计的法则 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/3908032/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&怪诞心理学 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/1786387/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&影响力 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/5421787/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&定位 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&形式感+：网页视觉设计创意拓展与快速表现 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&br&oh 还可以顺便推荐点儿经济类读物么，也蛮好的～&br&&a href=&///?target=https%3A///subject/3000997/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&牛奶可乐经济学 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/1095634/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小狗钱钱 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/1033778/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&富爸爸，穷爸爸 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///subject/1958714/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&彼得·林奇的成功投资 (豆瓣)&i class=&icon-external&&&/i&&/a&
哈哈，正巧我也是个很喜欢看书的设计师。最近给同事们做了一次分享，得到了广泛好评。也给大家推荐一下！大部分是我看过的各类设计/心理学/营销相关的书，大家可以自行选择所需！
&img src=&/1c62aac8eea77fe0bbe46c04e4ebf487_b.png& data-rawwidth=&880& data-rawheight=&398& class=&origin_image zh-lightbox-thumb& width=&880& data-original=&/1c62aac8eea77fe0bbe46c04e4ebf487_r.png&&&img src=&/7ee36d2cb3a07a3a0490afade28d2932_b.png& data-rawwidth=&1438& data-rawheight=&1182& class=&origin_image zh-lightbox-thumb& width=&1438& data-original=&/7ee36d2cb3a07a3a0490afade28d2932_r.png&&&br&&p&UX不等于原型图，很多人一上来就是画原型图也是醉了，前期的用户调研才是最重要。
我之前在国内互联网公司做过产品，后来在英国读HCI专业，下面总结在google找到各种知名公司lead给出的意见，主要分为两点：&u&&b&学习UX + UX设计实践 +建立UX人脉圈&/b&&/u&。 因为国外UX方面的内容比较多 ，部分资源可能需要楼主爬墙。
&u&&b&学习UX + UX设计实践 +建立UX人脉圈，学习UX + UX设计实践 +建立UX人脉圈，学习UX + UX设计实践 +建立UX人脉圈（重要的事情说3遍）&/b&&/u&&/p&&p&&b&&u&一、学习UX&/u&&/b&&/p&&p&a. 经典书籍推荐：&a href=&///?target=http%3A//jessicaivins.net/ux-resources-for-beginners/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Read my list of UX resources for beginners&i class=&icon-external&&&/i&&/a& （初学者必看的经典书籍，包含视频+书籍），先从看书开始吧。&/p&&p&b. 最新书籍推荐：&a href=&///?target=https%3A///great-books-for-designers-to-read-in-2016-d2ebea.u70w825mo& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Great books for designers to read in 2016&i class=&icon-external&&&/i&&/a&&/p&&p&c. UX广播： &a href=&///?target=http%3A//jessicaivins.net/5-of-my-favorite-ux-podcasts/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&my blog post about my favorite UX podcasts&i class=&icon-external&&&/i&&/a&&/p&&p&d. UX网站：UX网站实在太多了，质量不一，推荐几个干货：&a href=&///?target=https%3A///ux-ui-readings& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UX — UI Readings&i class=&icon-external&&&/i&&/a&（Medium上UX/UI文章集合），&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&i class=&icon-external&&&/i&&/a&, &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Best Designs&i class=&icon-external&&&/i&&/a& and &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Awwwards&i class=&icon-external&&&/i&&/a& （可以在上面关注一些大牛，看他们的设计，得到灵感）， &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&All You Can Learn&i class=&icon-external&&&/i&&/a&（这个网站集合了世界上最棒的UX专家的资源和文章，还有live seminar）, &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inspiration and helpful links for User Experience Designers&i class=&icon-external&&&/i&&/a&（这个网站集合了所有的UX网站，果然你喜欢收藏各种网站，点这个）。&/p&&ul&&li&&b&**不想看英语的可以看：&a href=&///?target=https%3A///foru17/front-end-collect/issues/9& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&国内互联网企业UED博客集合 · Issue #9 · foru17/front-end-collect · GitHub&i class=&icon-external&&&/i&&/a&&/b&&/li&&/ul&&br&&p&e. 工具的学习：Adobe Photoshop & Illustrator 等，在学习阶段，用什么工具都是次要的， 我在英国的UX项目，老师从不care我们用什么工具，只要你能表现出交互过程即可，不过既然想往职业发展，还是掌握基础工具吧。&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Design tuts&i class=&icon-external&&&/i&&/a&, &a href=&///?target=http%3A///Photoshop-tutorials/279-0.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lynda&i class=&icon-external&&&/i&&/a& and &a href=&///?target=http%3A///search%3Fquery%3Duser%2Bexperience%2Bdesign& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Skillshare&i class=&icon-external&&&/i&&/a&.（这3个网站可以教你如何学习工具）&/p&&p&&b&学习的时候要做笔记！做笔记！做笔记！重要的事情讲3遍&/b&&/p&&br&&p&&b&&u&二、UX设计实践（最重要！）&/u&&/b&&/p&&img src=&/3953bcc461aabfd9c17ca90bba39da12_b.png& data-rawwidth=&1024& data-rawheight=&764& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/3953bcc461aabfd9c17ca90bba39da12_r.png&&&br&&p&重点还是要实践，光看不动手，那是纸上谈兵，而且很多UX工作招聘是要有作品集的，你不实践，哪来的作品集啊。&/p&&p&Q：我不是UX专业的，没有项目可以参与，怎么实践啊？&/p&&p&A：很多人一提到UX，就直接认为是画原型图，一上来就画原型图，这样是错误的，UX涉及到太多方面了，要搞清楚UX设计的过程啊，太懒了，贴一些课件吧。&/p&&img src=&/c5df8d60fdd_b.png& data-rawwidth=&1700& data-rawheight=&1188& class=&origin_image zh-lightbox-thumb& width=&1700& data-original=&/c5df8d60fdd_r.png&&&img src=&/aed109b9e99b6bb529d4a_b.png& data-rawwidth=&1118& data-rawheight=&1004& class=&origin_image zh-lightbox-thumb& width=&1118& data-original=&/aed109b9e99b6bb529d4a_r.png&&&br&&p&基于前面学习的基础上，你应该已经知道了UX设计的具体流程以及各个流程的要点， 要开始动手啦。实践主要分为几个阶段。&/p&&p&&b&&u&1、第一阶段：分析现有热门APP或者WEB&/u&&/b&&/p&&p&如果你没有如果的积累，没有体验过很多的APP或者WEB，一上来让你直接UX设计是很难的，所以第一阶段应该是分析现有热门APP或者WEB。&/p&&p&热门的产品在UX方面相对有考究，分析产品不要只是分析他们的页面交互方式啊，这样是不够的，一切交互都是要建立在是否方便用户学习、使用，方便解决他们的需求。要&/p&&p&&b&1）分析他们的主要目标用户群是哪些？这些用户群有什么样的特点？&/b&&/p&&div class=&highlight&&&pre&&code class=&language-text&&比如说美团外卖这个APP， 目标用户群应该是学生蓝领白领等中低收入人群，而不是高端收入人群。 这些中低端收入人群有什么特点呢？这些你可以通过网上查找资料，看产品所有人的说法以及其他人的分析
&/code&&/pre&&/div&&br&&p&&b&2）分析他们的核心功能，功能的优先级。分析用户的使用场景，一个功能通常对应多个用户场景，这些场景也是要有优先级的。&/b&&/p&&p&&b&3）然后分析他们各个场景的交互方式，判断这个功能的布局，交互方式是否能够方便用户快速解决他们的核心需求，交互方式是否满足用户使用场景。分析不要贪多，认认真真做好一个app的分析就能收益不少，分析要细致。&/b&&/p&&div class=&highlight&&&pre&&code class=&language-text&&比如说：如果一个app的核心功能需要用户点击好几次才能用到的话，这样的交互设计是有问题的。功能为用户服务，交互为功能场景服务，交互要将功能更好的呈现给用户。
比如说输入密码时，就有不同的交互方式：a.已输入的字符用小黑点隐藏，当前输入字符明文显示后隐藏；b. 直接用...形式隐藏密码；c.提供是否显示密码选项给用户。这几种交互方式有什么优缺点？哪个更能满足主要的用户场景呢？
如果银行APP的输入密码的交互，有一种场景，用户在户外输入密码，旁边可能有人，而且银行密码这个要求安全性很高，所以交互方式应该选择b（直接用...形式隐藏密码），有因为在用户输入密码时，旁边可能有人，为了防止他们故意瞄看记住键盘顺序，从而盗取密码，银行APP的输入密码的交互应该还要加上随机键盘按键顺序，每次输入密码，键盘按键顺序应该变更。
&/code&&/pre&&/div&&br&&p&&b&4）分析产品，不要只单单分析它一个，还要分析的它的竞争对手。国内很多APP是互相抄袭的，所以建议不要只分析国内产品，也要分析国外的产品。&/b&&/p&&p&&b&5）分析出他们交互的优缺点之后，要想想怎么改进啊，以前面试过一些人，很多人只会吐槽，但是说起如何改进起来就是哑口无言啊。。。如果你是UX设计师，你会采用什么样的交互方式？为什么？你的交互方式满足了用户特征吗？你的交互方式对应哪个用户场景啊？&/b&&/p&&p&以上所讲的分析更多是纵向分析，分析要细致，一开始分析的时候的确会有些难。
分析还可以横向分析，比如说很多电商app都有支付功能，你可以挑选出几个具有代表性的电商app，然后横向分析他们支付功能的交互。&/p&&br&&p&&b&&u&2、第二阶段：模仿临摹&/u&&/b&&/p&&p&&b&1）注意：&/b&&/p&&p&【临摹】不是【抄袭】，抄袭是不考虑用户使用场景，不管三七二十一，不考虑任何用户因素，直接把结果照抄。&/p&&p&【临摹】在的目的在于练习。临摹有几个阶段：&/p&&ul&&li&把常用的交互方式的优缺点都复制到你的脑海里，吸收转化成自己的东西。最开始的时候要做到的就是也就是全盘复制，不要去自作聪明做任何改动，可以分析一下GOOGLE和APPLE发布的官方材料。
&/li&&li&在完全掌握了目前最优秀的做法后，就可以根据自己的认识和经验对其进行改进，就是突破既有标准。但如果在还没有掌握号基础之前就想突破，很容易就心浮气躁，反倒不好。
&/li&&li&最后是创新。这个阶段最难，就是自成一派，变成别人的标杆。
&/li&&/ul&&br&&p&&b&2）临摹资源：&/b&
临摹资源有很多，dribbble和behance上面会有很多交互设计时分享他们的整个设计过程，还有可以参考知名院校毕业生的作品集，比如CMU HCID的学生作品集，收获会很多的。同时，还可以看一些设计咨询公司的优秀案例，多个纬度横向、纵向对比分析，然后自己按照优秀的作品集的思路重新做一遍，做完之后，放几天，然后再继续改进。&/p&&p&&b&&u&3、第三阶段：自己从头设计一个产品&/u&&/b&
这个阶段你就可以挖掘身边的需求啊，自己尝试从头设计一个app， 认认真真把所有的设计流程做一遍，市场调研？（虽然这些在公司里大多是产品经理弄的或者老板直接敲定。）目标用户群？（如何划分目标用户），用户群的特点是什么？（时间有限的话可以看一些权威论文），用户需求（如何用户调研，如何获取他们的需求?），用户使用场景？设计？用户测试？迭代改进？等等一系列的东西。&/p&&p&如果你实在不想挖掘需求，可以去app store或者android市场找一些用户量多的或者刚出来很火的app， 看应用市场里app下载页里的app功能描述，然后尝试自己设计这些功能的交互。（感谢评论里的 李走开。）&/p&&p&在实践阶段，不过是分析，还是自己设计，都可以把这些东西放在自己的博客或者Behance或者DRIBBBLE上，将来找工作的时候，都可以是自己的作品集。&/p&&p&&b&4、第四阶段：尝试找实习或者正式工作&/b&
我之前的设计部同事也是半路出家，自学UX设计的，他之前的专业与这个完全没有关系。&/p&&br&&p&&b&&u&三、建立UX人脉圈&/u&&/b&&/p&&img src=&/a28788bbeb_b.jpg& data-rawwidth=&600& data-rawheight=&338& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/a28788bbeb_r.jpg&&&p&要往UX方向发展，自然少不了这个行业里的人脉，人脉建立可以有以下几个途径，欢迎补充。
1）社交网络：可以在facebook上找一些网页或者组织，当地会有很多UX的人聚会的活动，可以多参与勾搭；twitter上面follow一些人。国内的，在知乎，微博等地方都可以勾搭到相关UX设计的，多给他留言互动， QQ群或者微信群也会有一些线下见面会，多参与。&/p&&p&2）关注一些UX大牛的博客、Behance或者DRIBBBLE，多给他留言互动，久而久之内推什么的都不是问题，同时，自己的个人博客也要持续更新啊，这样和别人搭话也能让别人知道你们的热情。&/p&&p&3）参与一些UX的论坛会议之类的，这些有一些是要收费的，但是各种大牛哦。&/p&&br&&p&啊，写得好累，希望对大家有帮助（收藏数再一次是点赞数的几倍。。。）&/p&&p&&b&微信公众号：aishuojie1， 分享英国本土热衷的户内外活动、吃喝等干货，对英国感兴趣的朋友可以关注：）&/b&&/p&&img src=&/v2-f4bebfa8ae0dd_b.png& data-rawwidth=&1298& data-rawheight=&541& class=&origin_image zh-lightbox-thumb& width=&1298& data-original=&/v2-f4bebfa8ae0dd_r.png&&
UX不等于原型图，很多人一上来就是画原型图也是醉了，前期的用户调研才是最重要。
我之前在国内互联网公司做过产品，后来在英国读HCI专业，下面总结在google找到各种知名公司lead给出的意见，主要分为两点：学习UX + UX设计实践 +建立UX人脉圈。 因为国外UX…
感谢邀请。我的答案主要基于硅谷的业界标准，如果有和国内不完全相同的地方欢迎跟我讨论~&br&其实我觉得回到这个问题首先要明白的一点就是，为什么找交互设计，或者其他设计的工作需要作品集。从我面试各种设计师的经验来说，&b&作品集其实是一个人设计风格和思考过程的折射&/b&。所以基于这个观点，我们来说说怎么用作品集来传达这些信息。&br&&br&&b&1. 你解决了什么问题&/b&&br&我见过最普遍的作品集，也是最普遍的让我看了一眼就会选择&b&不要&/b&这个candidate的作品集，通常有一个固定的格式：上来就说“我的流程”。UX是一门科学，请问你除了做用户研究做线框图做原型做测试做迭代，还能给我玩出什么花样来？我不需要你把这些赘述一便，我真正想看到的是，&b&你如何用你的设计解决了一个具体的问题。&/b&&br&可能你会说我做的东西都是产品经理提的需求，我做的都是学生项目只是个大作业，但其实万变不离其宗，你之所以设计一个款产品或者产品中的一个功能，总是要解决一个问题吧。哪怕是个很小的例子，你做了朋友圈点赞的设计，这个设计存在也有他的理由吧，你是如何思考得到了你最终的解决方案的呢？我在意的是这个。&br&下面来一发栗子&br&我非常喜欢的设计师事务所MetaLab是设计了大名鼎鼎的&a href=&///?target=https%3A///organization/slack%23/entity& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Slack | CrunchBase&i class=&icon-external&&&/i&&/a& (融资3亿多美金，一年前估值已达到28亿)的事务所。他们怎么展示了他们对于slack的设计呢？&br&&img src=&/ff5b74bbb0bf_b.png& data-rawwidth=&1517& data-rawheight=&3883& class=&origin_image zh-lightbox-thumb& width=&1517& data-original=&/ff5b74bbb0bf_r.png&&&br&是的你没有看错，只有这么短的内容。你可能会说那是因为他们名声在外不需要做很高级的portfolio展示了。那么你就错了，在做了Slack之前，MetaLab在硅谷众多老牌牛逼事务所里面，只是名不见经传的小事务所一枚，没有portfolio，哪里来的客户。&br&扯回来。之所以说他们是个很好的栗子，并不是因为他们做了Unicorn Startup的设计，而是他们怎么展示了自己用设计解决的问题：&How we got people talking.&整个布局中，他们很简单的展示了他们设计中不同的走向，不需要他们说太多话，你能感受到他们在设计产品中，投入在产品中的思考力。&br&当然，这个栗子只是为了帮大家认识到怎么确立一个好的problem statement. 让别人第一眼就知道你做了什么。&br&（后面的portfolio会比较接地气，只是忍不住给大家看看这个很牛逼的portfolio）&br&&br&&b&2. 你如何思考并解决问题&/b&&br&设计不是纯粹主观的，交互设计更不是。交互设计强调功能性，强调解决问题。作为一个每天审阅很多作品集的人，我很看重你的思考力，你如何解决问题。&br&接地气一点的说，就是你的“流程”。你可能很疑惑，刚才第一条里面不是说了如果上来就说流程我会立马Pass么。恩，此流程非比流程，如果你在这一步做的还是列出来你做的事情，告诉我我做了用户调研，然后做了线框图，然后做了高保真blah blah，那么不好意思，你还是out。大多数时候，我们需要的不是只会简单重复一个流程的人，而是能说明白为什么在某个特定场景需要使用特点流程的人，也就是事情背后的那个“&b&为什么&/b&”。&br&这个听起来好像很简单，但是我认为是作品集实践中最难的一步。因为你要不着痕迹的把你解决的问题，使用的方法融入到你叙述自己如何解决这个问题的过程中。&br&在这里提几个小技巧：&br&1. 给一个不是行业内的人讲一遍你做了什么，用了哪些方法解决了哪些问题的故事，看看他们哪里有了疑问。这就是你故事没有讲好的地方。&br&我们举例你做了个app帮用户找附近好喝的奶茶店（这是一个虚构的项目请不要太认真为什么是奶茶不是咖啡之类的问题），你采访了10个爱喝奶茶的人，然后你做了个流程图，接着你做了线框图，你把线框图给工程师看了，他们提了点建议，你做了改进然后做了高保真.现在你要把这个项目放到你的portfolio里面。&br&找个人说说这个流程，你每一步做了什么之类的。你可能会被问到：你为什么要找10个爱喝奶茶的人，为什么不是不爱喝的人？为什么你要做流程图之类之类的。然后你再来做改进。&br&于是改进后的版本可能是：为了知道谁是我们的用户，他们有什么痛点，我们采访了十个人。我们希望我们的app能够给喜欢喝奶茶的人带来价值，所以我们采访的都是奶茶的爱好者。。。（后面的请开脑洞自己编下去）&br&重点就是你知道谁是你的听众，并且讲清楚你每一步的决策是为什么。&br&&br&2. 能使用图来讲故事的时候，多使用图片&br&你们读我写的这么多字到现在，估计也要哭了吧哈哈哈。想想我看你portfolio的时候你全是字我的心情~！来让我给你们个栗子吧。&br&&a href=&///?target=http%3A//tingyu.li/feast.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tingyu Li
The Feast Catering&i class=&icon-external&&&/i&&/a&是亲爱的萌萌哒的学生听雨小朋友的作品之一，这也是一个课堂项目。她做了一些很有意思的观察，然后再作品集里面，很聪明的把这些流程用图像表现了出来。比如她和用户访谈的过程中，发现用户说点餐的时候想要一个餐巾纸都要很久，她就形象的把这部分做了出来，让你能够感同身受，同时也深入的说了这个问题是因为顾客并不能总是及时的和服务员交流。我觉得大家对于作品集最多的问题可能就是：我都做得是用研，怎么办？我做的东西看起来并不高大上，怎么办？你们可以自己感受一下听雨这里的方法。（所以学生项目也可以做的很有意思并且被包装的很好）&br&&img src=&/d59dfe7df0_b.png& data-rawwidth=&1637& data-rawheight=&1405& class=&origin_image zh-lightbox-thumb& width=&1637& data-original=&/d59dfe7df0_r.png&&&br&&b&3. 能展示结果，一定要展示结果&/b&&br&就像刚才说的，交互设计不是纯主观的，一个设计有没有起到他本来的作用，是可以被衡量的。比如一个交友网站，你做了让用户对其他用户点赞的功能，目的是为了增强用户间的交流，加强用户粘性，那么有没有做到这件事情，是可以衡量的。&br&估计你们也喜欢看更接地气一点的栗子，那我还是用学生的例子吧。&a href=&///?target=http%3A//www.sherryzyx.xyz/%23/hustpass/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&XUAN&i class=&icon-external&&&/i&&/a&同学本科期间一直在为在校同学做一枚app，在过程中积累了不少用户，于是在她的作品集里面，她很清楚的写出了自己的这个结果。我建议大家再有这样的结果的时候，就一定要展示出来。&br&&img src=&/ebd00da3640_b.png& data-rawwidth=&1370& data-rawheight=&652& class=&origin_image zh-lightbox-thumb& width=&1370& data-original=&/ebd00da3640_r.png&&&br&&br&4. 没人不喜欢惊喜，来个彩蛋吧&br&这个没什么太多可以解释的，每次看到申请者的作品集里面有很匠心独运的小彩蛋的时候，都肯定会是个加分项。&br&来个我好朋友的portfolio安利一下，这除了是一个非常好的作品集之外，彩蛋请自寻。&a href=&///?target=http%3A//shuangshuang.li/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Shuang's Portfolio&i class=&icon-external&&&/i&&/a&&br&&br&&b&3. 你到底是个怎样的设计师&/b&&br&其实说来说去，我看你的作品集，最想知道的就是你到底是个怎么样的设计师呢？有没有自己的风格，自己分析问题处理问题的方式。&br&你可能会说，作为交互设计师我不想限制自己，我的风格就是项目是什么风格我就是什么风格。那么你可能错误理解了我这里说的风格的意思，我所指的风格，是指你作为设计师，思考的风格。&br&这次先来一枚栗子&br&&a href=&///?target=http%3A///about/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&I Am | Ying Wang&i class=&icon-external&&&/i&&/a& Sunny是湾区挺厉害的设计师一枚，也是我很喜欢的一个妹子，之前在Google，最近刚刚去了Airbnb。她做过的项目，不管是freelance的还是在公司做的项目，跨度很大，风格也不禁相同，但是他的portfolio展示出来的，却是一个很完整的有自己体系的设计师。你看了她的portfolio之后，就像是能看到她这个人一样。（是的她本人也是这么萌萌哒）&br&再比如&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Melanie Daveid&i class=&icon-external&&&/i&&/a& 的例子就是完全不同的风格，但是你能从她的作品里面直接感觉到她到底是怎么样的设计师。&br&做到这一点，其实是很难的，因为不同时期的项目，不同时期的你，会有不同的思考和工作流程，那么应该怎么办呢？下面是几个小技巧。&br&1. 多使用stock image&br&2. 先确定整体portfolio的风格，再对项目逐个调整&br&3. 整个作品集别使用太多字体，不论是你包装出来的图片还是你的作品本身。也别用太多颜色。&br&4. 别在布局上创新，我能顺利的浏览你的作品集是重中之重，别搞出什么导航在左下角这种反人类设计。&br&&br&&br&最后说几句大家谈起portfolio的时候经常问我的问题：&br&1. 多少个项目最合适&br&我的portfolio &a href=&///?target=http%3A//hangyu.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hang's portfolio&i class=&icon-external&&&/i&&/a& 上面只有六个项目，其中 &a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UXOffer &i class=&icon-external&&&/i&&/a&那个项目还只是个链接，有充数的嫌疑。我个人认为3-8个都是合适的，无需太多。&br&2. 之前做的和UX/交互设计无关怎么办&br&这个其实有点因人而异，但是你要做的第一步无疑是要开始做更多的项目开始积累。但是更重要的是不要浪费自己之前的经历，因为你的每部分经历都会对你的人生和成长有帮助的。我面试过从数据科学家，建筑师，日语翻译等等各行各业转行来做交互设计的人，我反而觉得这些人很有趣。在项目不够的时候可以想想怎么把自己之前的经历讲成故事，放在你的网站上。如果你想单独跟我讨论，也可以私信我。&br&3. 我不是美工不太擅长视觉设计，怎么包装自己的项目&br&几个建议：stock image大法好。别吝啬留白。选好字体。&br&&br&&br&————————update————————&br&解释一下stock image，有空会给大家出一个可以找到这些图的网址合集。&br&清晰大图：&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Unsplash | High-Resolution Photos&i class=&icon-external&&&/i&&/a& 可以用于你的网站首页等等的&br&Mokcup模板：&a href=&///?target=http%3A///essentials/freebies-tools-templates/blast-from-the-past-7-100-free-photorealistic-mockups-to-win-the-pitch-88886.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&100 Free Photorealistic MockUps to Win the Pitch&i class=&icon-external&&&/i&&/a&，可以让你把设计图放进去瞬间高大上的。&br&&br&&br&终于写的手酸了。收工。希望对大家有所帮助。
感谢邀请。我的答案主要基于硅谷的业界标准，如果有和国内不完全相同的地方欢迎跟我讨论~ 其实我觉得回到这个问题首先要明白的一点就是，为什么找交互设计，或者其他设计的工作需要作品集。从我面试各种设计师的经验来说，作品集其实是一个人设计风格和思考…
其实Behance的Discover-People下有官方推荐的设计师，你只要选自己感兴趣的领域就好了。但就我观察UI/UX这个分类下的官方推荐很多时候质量都属于大众口味这个分类，创新性不够。&br&&br&来贴一个时效性强针对界面设计的答案好了。毕竟界面设计这几年大换血，前两年拟物风格画的好上天的设计师这两年作品都扭得很吃力。&br&&br&&b&我认为的Behance十大值得关注的界面设计师&/b&&br&&b&&br&1.&a href=&///?target=https%3A//www.behance.net/vanschneider& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tobias van Schneider&i class=&icon-external&&&/i&&/a&
&/b&&b&多领域&/b&&b&连续创业者+Spotify首席设计师&/b&&br&&img src=&/92a673d531a1ca3e57b57_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/92a673d531a1ca3e57b57_r.png&&&br&此人算是界面设计这两年最火的网红之一，如果你关注国外的设计动向，你几乎可以在任何一个平台上看到他的身影。哥们是德国人，现生活在纽约。小时候很苦逼属于外国蓝翔出来自学成才的设计师，之前是Spotify的首席设计师和艺术指导，拿过很多奖，开过自己的工作室。&br&&br&Tobias非常有折腾精神，要知道混到这个地步只要没事发发水水的Medium总结文，写写什么顶级设计师该做的十件事把自己的title写大点各处混导师当就好了，恩其实Tobias这样做了，但除此之外他非常实干，是个设计商业方向的连续创业者，而且和『成为创始人就开始指挥别人干活的这类创始人』不同的是，他大部分作品都有实打实有自己上手做，一一来看。&br&&br&&ul&&li&之前很火爆的&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Authentic Weather&i class=&icon-external&&&/i&&/a&就出自他之手。而且是他13年2月份的作品。这个App现在看来都简单粗暴很有点，一句话告诉你外面天气什么尿性，一美元你值得拥有。&br&&/li&&/ul&&img src=&/a37fcb3e9af61dfd17f7c_b.png& data-rawwidth=&668& data-rawheight=&688& class=&origin_image zh-lightbox-thumb& width=&668& data-original=&/a37fcb3e9af61dfd17f7c_r.png&&&br&&br&&ul&&li&&a href=&///?target=http%3A//aquatilis.tv/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AQUATILIS EXPEDITION&i class=&icon-external&&&/i&&/a&&br&&/li&&/ul&这是我2014年看到最美的网站，是和一个海洋学家合作的一个项目，这个项目也拿了Awwwads的Honorable Mention和Site Of The Day。&br&&img src=&/e51ddcb533eb6f0d9bcba12_b.png& data-rawwidth=&1277& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&1277& data-original=&/e51ddcb533eb6f0d9bcba12_r.png&&&br&&ul&&li&&b&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Semplice&i class=&icon-external&&&/i&&/a&&/b&&br&&/li&&/ul&第三个项目也是我极力安利给身边设计师的Semplice，是基于Wordpress之上的一个提供设计师高质量作品集网站搭建模板的一个平台。&br&相比Themeforest这种传统Wordpress平台，Semplice核心竞争力在于：&br&&ul&&li&便宜 /个人版只要89刀一次性付费（一般Themeforest上都是一年50刀这样子，之后就不再提供更新和支持服务了&/li&&li&可自定义任何一个模块（传统都是别人设计好的模板半自定义下&/li&&li&颜值高（给了设计师自由发挥的空间，如下图&/li&&/ul&&img src=&/dfafca4ee1ade93be6ebe8_b.png& data-rawwidth=&1211& data-rawheight=&836& class=&origin_image zh-lightbox-thumb& width=&1211& data-original=&/dfafca4ee1ade93be6ebe8_r.png&&&br&除了设计师的身份之外，Tobias也是个很有意思的洗脑小能手，经常写点文章和故事，比如&a href=&///?target=https%3A///desk-of-van-schneider/how-to-beard-6e1aa75ec379%23.jina6nv7u& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我有胡子我最吊&i class=&icon-external&&&/i&&/a&，&a href=&///?target=https%3A///desk-of-van-schneider/no-alcohol-no-coffee-for-15-months-this-is-what-happened-1a2d052be9e7%23.cqrbpfggz& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&不喝咖啡我骄傲&i class=&icon-external&&&/i&&/a&，&a href=&///?target=https%3A///desk-of-van-schneider/the-real-story-of-how-to-become-a-designer-dc%23.uktx9xy6y& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我的艰苦卓绝奋斗史&i class=&icon-external&&&/i&&/a&等等。他自己的&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网站&i class=&icon-external&&&/i&&/a&也是用Semplice做的。&br&&br&Tobias是我觉得界面设计/设计创业领域无出其右的人物，基本功扎实，非常有想法，勤奋高产，创业家，实践者。最难得是，无论在哪个方向上他都非常高产，他每周都会写邮件文章（有时候一周还写两篇），而且Semplice的更新一直很猛。而且他作品范围也很广，不只有界面设计，也一直把一些新的想法做出来。（其实我是想吐槽那些成为leader之后电脑里再没打开过PS/Sketch的『设计师们』）&br&&img src=&/6b45f837c86cd38c99c82dcecbf6a57a_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/6b45f837c86cd38c99c82dcecbf6a57a_r.png&&&br&&br&&br&&br&&b&2.&a href=&///?target=https%3A//www.behance.net/altavizta& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ghani Pradita&i class=&icon-external&&&/i&&/a&
靠作品赢得口碑 &/b&&br&&img src=&/e7ff5a8fdcecb37_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/e7ff5a8fdcecb37_r.png&&&br&Ghani是一位来自印尼的界面设计师。他并没有傲人的工作背景支持，也没有做过PR，推荐是因为他的界面作品细腻又干净，很多小细节都非常出彩，属于实打实靠高质高产的作品赢得口碑的设计师。&br&他其实在Behance上更新的不多，好多都是以前的作品现在看起来蛮挫的，最新作品大多数都在&a href=&///?target=https%3A///altavizta& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&i class=&icon-external&&&/i&&/a&，前两年作品还比较普通，今年作品已经形成了很强的个人风格，要知道在扁平化趋势下能做出有风格的作品是很难的，大多数设计师都在精致这个级别止步了。&br&&ul&&li&比如这个Dashboard的设计，配色和字体的选择都非常棒，仔细看Icon的半填色的呈现方式也令人惊喜。&br&&/li&&/ul&&img src=&/52b34b6d4af155dcf4fa67a_b.png& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&br&&ul&&li&整体个人风格很统一&br&&/li&&/ul&&img src=&/92a1e2bced936e6be01b31_b.png& data-rawwidth=&1537& data-rawheight=&906& class=&origin_image zh-lightbox-thumb& width=&1537& data-original=&/92a1e2bced936e6be01b31_r.png&&&br&&br& 有一个风格和Ghani风格很像的设计师Anton Chandra，但他没有Behance，放个&a href=&///?target=https%3A///anton_chandra& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&i class=&icon-external&&&/i&&/a&地址好惹，也是清新干净的风格（印尼小清新异军突起？）。&br&&img src=&/144d3ad0df2c98509dbc2a4c_b.png& data-rawwidth=&1531& data-rawheight=&894& class=&origin_image zh-lightbox-thumb& width=&1531& data-original=&/144d3ad0df2c98509dbc2a4c_r.png&&&br&&ul&&li&我尤其喜欢这个Gallery的设计&br&&/li&&/ul&&img src=&/f6aadd9f26cda4df82a51_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/f6aadd9f26cda4df82a51_r.png&&&br&&br&&br&&b&3.&a class=& wrap external& href=&///?target=https%3A//www.behance.net/aureliensalomon& target=&_blank& rel=&nofollow noreferrer&&Aurélien Salomon&i class=&icon-external&&&/i&&/a&
华丽转身的前Dev&/b&&br&&img src=&/2ca22ff1b07c7b9c81d94d1f_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/2ca22ff1b07c7b9c81d94d1f_r.png&&&br&Salomon之前是学工业工程，做过iOS开发，后来转做的UI/UX。他经常会做redesign，而且包含很多UX的内容。他的Redesign项目范围非常广，从Mac app，到Material design，以及OS X的concept都有涉猎，每一个都做得可圈可点。作为一个全栈设计师，他的Wireframe也做得很棒。&br&&img src=&/2d9f4e010795cba56094_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/2d9f4e010795cba56094_r.png&&&br&&b&4.&a href=&///?target=https%3A//www.behance.net/taragraphy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Artyom Tarasov&i class=&icon-external&&&/i&&/a&
风格现代简洁的高颜值设计师&/b&&br&&img src=&/268a48615cdef0_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/268a48615cdef0_r.png&&&br&Tarasov是俄罗斯一家叫&a href=&///?target=https%3A//www.behance.net/greatsimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Great Simple&i class=&icon-external&&&/i&&/a&的设计工作室的设计师，他们出了几个UI kit，质量都很高价格也不贵，经常会放出Free sample。设计风格如他们自己形容的：简洁，现代，实用。&br&Tarasov对于复杂元素的掌握非常娴熟，这个要比把极简做好了更难得，而且很多细节也突破常规又不失精致。&img src=&/346b4dffca11f4e4defa24f_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/346b4dffca11f4e4defa24f_r.png&&&br&&img src=&/acb60bca52ffec0c6ba16e_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/acb60bca52ffec0c6ba16e_r.png&&&br&&b&5.&a class=& wrap external& href=&///?target=https%3A//www.behance.net/kubo& target=&_blank& rel=&nofollow noreferrer&&Jakub Antalík&i class=&icon-external&&&/i&&/a&
Taaky的创始人 &/b&&br&&br&Jakub做了一个叫Taasky的app，他的作品很精致而且超级爱用渐变的紫色+毛玻璃，因此有了很强的个人风格（不失为一种营造个人风格的鸡贼手段_(:з」∠)_）&br&&img src=&/425f324e55d1b18d963b_b.png& data-rawwidth=&1400& data-rawheight=&1157& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&/425f324e55d1b18d963b_r.png&&&br&&br&&b&6.&a href=&///?target=https%3A//www.behance.net/barthelemychalvet& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Barthelemy Chalvet&i class=&icon-external&&&/i&&/a&
一个人扛起外包公司&/b&&br&&img src=&/821fc37e8ad0884ffadfbec3a7a6dc97_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/821fc37e8ad0884ffadfbec3a7a6dc97_r.png&&&br&Chavelt来自法国，是设计咨询AgenceMe的创始人。这个公司只有三个人，另外两个一个是Dev一个是设计助理，所以Chavelt几乎是一个人撑起的，这就要求你是全栈设计师（莫吐槽）。&br&所以他的作品特点是精细完整成熟，而且作品的展示都非常棒。很多作品都包含动效和交互细节，尤其是擅长深色系的产品，缺点在于字体方面差点火候，再就是在于不是特别具有创新性，毕竟是设计咨询公司的产物。&img src=&/48bd82ccf3c7e39c6f92a_b.png& data-rawwidth=&600& data-rawheight=&897& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/48bd82ccf3c7e39c6f92a_r.png&&&br&&br&&br&&b&7.&a class=& wrap external& href=&///?target=https%3A//www.behance.net/gregoirevella& target=&_blank& rel=&nofollow noreferrer&&Grégoire Vella&i class=&icon-external&&&/i&&/a&
擅长Dashboard的英国设计师&/b&&br&&b&&img src=&/92dfd07b14edd_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/92dfd07b14edd_r.png&&&br&Vella是学商科出身的，他是靠自学成为一名设计师，他的作品有很强的英国风格：干净，极简，精致。他非常擅长Dashboard的设计，尤其喜欢各种蓝色。他的字体选择很典型的英国系，如果你想学习界面设计细节考究的风格，研究他就对了。&/b&&br&&b&&img src=&/5caf35ec6ed85c1628bfc_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/5caf35ec6ed85c1628bfc_r.png&&&br&8.&a class=& wrap external& href=&///?target=https%3A//www.behance.net/fatihocak& target=&_blank& rel=&nofollow noreferrer&&Fatih Ocak&i class=&icon-external&&&/i&&/a&
黑白风的自由设计师&/b&&br&&img src=&/61a625ed68fd3c1f53b216_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/61a625ed68fd3c1f53b216_r.png&&&br& 名字很奇怪的Ocak是来自土耳其的自由设计师（可约），他的作品里黑白对比很强烈，所以非常擅长电影/电商这种多图片的设计，一般多图片的UI很容易有种花哨的杂乱感，但是Ocak用黑色去铺一种高级的氛围，白色上凸显内容和细节，仔细看他的作品里都是有很多考究的细节，不是那种随便为了骗赞只画一个极简的按钮类型。&br&&img src=&/f2a37e19a55b53cb521ff46_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/f2a37e19a55b53cb521ff46_r.png&&&img src=&/ab1e803dee2f8da_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/ab1e803dee2f8da_r.png&&&img src=&/4fd95dda5_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/4fd95dda5_r.png&&&br&&b&9.&a href=&///?target=https%3A//www.behance.net/JonathanQuintin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&StudioJQ&i class=&icon-external&&&/i&&/a&
创意十足的品牌工作室
&/b&&br&&img src=&/37c617dc6c255ebecd69f_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/37c617dc6c255ebecd69f_r.png&&&br&&br&&br&StudioJQ是一家非常有活力的设计工作室。JonathanQuintin是这家工作室的核心设计师(目测又是一人扛起大旗的类型)。JQ的作品都非常有想法，做的品牌项目比较多，UI类型做的不多但有几个非常有名的作品。&br&&ul&&li&比如这个巨型腕表的FUI&br&&/li&&/ul&&img src=&/5698edf3c439f27c01ea8_b.png& data-rawwidth=&800& data-rawheight=&1250& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/5698edf3c439f27c01ea8_r.png&&&ul&&li&以及这个Weather Dashboard&/li&&/ul&&img src=&/c299a7f5a66b460c5dcd53b_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/c299a7f5a66b460c5dcd53b_r.png&&&br&比起专业向的UI设计师，JQ可能少了深入而实用的细节，但是对于品牌和界面的交叉做的很有新意，提供了另一种方法和视角。另外JQ经常会有WIP的项目，会时时更新进展也很值得研究，而且更新非常快很高产。&br&&br&&b&10.&a href=&///?target=https%3A//www.behance.net/alesnesetril& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ales Nesetril&i class=&icon-external&&&/i&&/a&
完整的设计过程展示&/b&&br&&br&&br&&img src=&/7f4bf3cea4a2ece9b79ba5463bb1aac7_b.png& data-rawwidth=&711& data-rawheight=&583& class=&origin_image zh-lightbox-thumb& width=&711& data-original=&/7f4bf3cea4a2ece9b79ba5463bb1aac7_r.png&&&br&Ales就职于一家叫STRV的设计工作室，他们的作品都很完整成熟，好多项目都会把UX的过程到UI细节以及动效都放出来。一个完整项目会是很棒的研究案例，要知道好多作者都会只放最好看的那几张图，有时候甚至是带透视的展示图，虽然很好看但没法仔细去看细节。他们的项目有时还会专门写文章介绍这个项目的点点滴滴，比如这个&a href=&///?target=https%3A///%40alesnesetril/partying-gamificated-baf%23.ca3za5tlb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&邀请朋友参加Party&i class=&icon-external&&&/i&&/a&，里面详细的介绍了这个项目的几乎所有细节，简直令人泪目。&br&&br&&img src=&/510e9cdc698bed5e722ff3d7c596ded6_b.png& data-rawwidth=&1080& data-rawheight=&571& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&/510e9cdc698bed5e722ff3d7c596ded6_r.png&&&img src=&/a8ff3deadab1dd0e6cbe35_b.png& data-rawwidth=&1800& data-rawheight=&1012& class=&origin_image zh-lightbox-thumb& width=&1800& data-original=&/a8ff3deadab1dd0e6cbe35_r.png&&&br&&br&--------------------------------------------依旧是八卦的分割线---------------------------------------&br&&br&1.这个名单纯粹是我个人口味，没有按照粉丝的数量排序。私以为不论哪个平台，粉丝数量和作品质量并非正相关的关系。&br&2.我的口味是：设计功底+创新程度+实践程度。&br&3.其实我不太建议单一的在Behance上去获取关于界面设计的资讯。Behance是全领域的平台，而且一般发作品要求完整度和展示度非常高，这和UI设计师的工作方式有很大关系，大多数设计师在公司里只负责产品的某一部分，很难整体性的去展示。而在Behance上比较火的UI作品大多数都是展示做的非常好，但仔细看少了很多实用的细节。&br&相比Dribbble就非常适合UI设计师了，兴致来了做个飞机稿放上，或者自己工作负责的一个页面。而且Drbbble和互联网公司的链接做的很好，像&a href=&///?target=https%3A///DesigningUber& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Uber&i class=&icon-external&&&/i&&/a&，&a href=&///?target=https%3A///facebook& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Facebook&i class=&icon-external&&&/i&&/a&，&a href=&///?target=https%3A///dropbox& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dropbox&i class=&icon-external&&&/i&&/a&等公司都有自己的主页。很多UI设计师是不用behance的，特别是在大公司工作的，但大多设计师都有Dribbble账号。唔，下次再来答dribbble上值得fo的UI设计师好啦。&br&4.UI设计师使用Behance和Dribbble的关系是：用Behance的设计师99%用Dribbble，用Dribbble的设计师50%用Behance( 未经统计验证，大致关系)。&br&&br&&br&最后凑表脸的放下自己的好啦~大家一起来玩&br&&a href=&///?target=https%3A//www.behance.net/mi-zou& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MizouOnBehance&i class=&icon-external&&&/i&&/a&
其实Behance的Discover-People下有官方推荐的设计师，你只要选自己感兴趣的领域就好了。但就我观察UI/UX这个分类下的官方推荐很多时候质量都属于大众口味这个分类，创新性不够。 来贴一个时效性强针对界面设计的答案好了。毕竟界面设计这几年大换血，前两年…
帮你查了下一些github比较受欢迎的HTML游戏，可以参考下~&br&&a href=&///?target=https%3A///gabrielecirulli/2048& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gabrielecirulli/2048: A small clone of 1024...&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///mozilla/BrowserQuest& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mozilla/BrowserQuest: A HTML5/JavaScript multiplayer game experiment&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///AlexNisnevich/untrusted& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AlexNisnevich/untrusted&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///doublespeakgames/adarkroom& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&doublespeakgames/adarkroom&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///ellisonleao/clumsy-bird& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ellisonleao/clumsy-bird: A MelonJS port of the famous Flappy Bird Game&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///Hextris/hextris& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hextris/hextris: A fast paced puzzle game inspired by Tetris&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///Q42/0hh1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Q42/0hh1 · GitHub&i class=&icon-external&&&/i&&/a&
帮你查了下一些github比较受欢迎的HTML游戏，可以参考下~
先挖坑，回去填&br&----------------------------------------&br&先来看一下列一下自己的小游戏，每个游戏都是开源的哦，后面是github地址&br&&ul&&li&贪吃蛇：&a href=&///?target=http%3A///snake/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&无标题文档&i class=&icon-external&&&/i&&/a&（&a href=&///?target=https%3A///yanhaijing/snake& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&yanhaijing/snake · GitHub&i class=&icon-external&&&/i&&/a&）&br&&/li&&li&连连看：&a href=&///?target=http%3A///linklink/new.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&颜海镜连连看4.0beta版&i class=&icon-external&&&/i&&/a&（&a href=&///?target=https%3A///yanhaijing/linklink& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&yanhaijing/linklink · GitHub&i class=&icon-external&&&/i&&/a&）&br&&/li&&li&翻一下：&a href=&///?target=http%3A///fan1xia/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&颜海镜翻一下2.0beta版&i class=&icon-external&&&/i&&/a&（&a href=&///?target=https%3A///yanhaijing/fan1xia& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&yanhaijing/fan1xia · GitHub&i class=&icon-external&&&/i&&/a&）&br&&/li&&li&变色方块：&a href=&///?target=http%3A///inverter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&变色方块 史上最难智力游戏&i class=&icon-external&&&/i&&/a&（&a href=&///?target=https%3A///yanhaijing/inverter& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&yanhaijing/inverter · GitHub&i class=&icon-external&&&/i&&/a&）&br&&/li&&li&看你有多色：&a href=&///?target=http%3A///color/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&看你有多色&i class=&icon-external&&&/i&&/a&（&a href=&///?target=https%3A///yanhaijing/color/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - yanhaijing/color: 看你有多色&i class=&icon-external&&&/i&&/a&）&/li&&/ul&&br&这是我做过的五个html5小游戏，由简单到难，时间由远倒近，其实H5小游戏非常简单的，根本连canvas都用不到，学点html，css和js就可以了，可以先从山寨别人的游戏开始&br&&br&个人感觉贪吃蛇，连连看，俄罗斯方块这些都是非常不错的练手项目&br&&br&我后续还有什么计划呢？准备开发2048，俄罗斯方块，。。。&br&-----------------------------------------&br&既然大家这么热情，我就在补充一些适合新手开发的HTML5小游戏：&br&&ul&&li&俄罗斯方块&br&&/li&&li&拼图&/li&&li&打地鼠&/li&&li&打字游戏（玩过很多金山的打字游戏）&/li&&/ul&还有最近在微信里比较获得一些简单的小游戏：&ul&&li&一夜**次郎（我玩的是杜蕾斯那个，有很多变种的）&/li&&/ul&这些我都没做过，但个人感觉都比较简单，又挺有意思，如果你有其他建议欢迎反馈啊o(∩_∩)o 哈哈
先挖坑，回去填 ---------------------------------------- 先来看一下列一下自己的小游戏，每个游戏都是开源的哦，后面是github地址 贪吃蛇：（） 连连看：（） …
&p&从各种渠道总结的：&/p&&br&&p&Some good tutorials and examples site:&br&&/p&&p&&a href=&///?target=http%3A///redirect%3Fz%3Dhttp%253A%%252Fpage%252F4%252F%26t%3DOTE3MjY5ZjMzMjlhMzZlMDZhNTQyNDA2NDQxNzc3YzQwMDg0N2YzOCx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/page/4/&i class=&icon-external&&&/i&&/a&&br&Principle templates &a href=&///?target=http%3A///redirect%3Fz%3Dhttp%253A%%252F%26t%3DYzEzMWExODhmMGRmYWY3NjIyYjNlMmJkYzNiOGRmOTY0ZDAxMGU4ZSx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/&i class=&icon-external&&&/i&&/a&&br&SketchTV Youtube Playlist &a href=&///?target=http%3A///redirect%3Fz%3Dhttps%253A%252F%%252Fplaylist%253Flist%253DPLgwNtYvZGv9STGDSx_knjYyzS7XzmpK84%26t%3DM2FmNDVhMDE4NGE0MjRjOWI2N2U0M2YyNDVjYmQ3YTNjOTQ2Y2Q1Yyx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/playlist?list=PLgwNtYvZGv9STGDSx_knjYyzS7XzmpK84&i class=&icon-external&&&/i&&/a&&/p&&p&&br&&br&Put in keywords “principle” in Dribbble, you can find many examples like:&/p&&p&&a href=&///?target=http%3A///redirect%3Fz%3Dhttps%253A%%252Fshots%252F2428048-Paged-Scrolling%26t%3DZDUyYjYzMTM2YmViMTc3NjZlZWFjNjY3Mzk5OTcyOGM3N2U5YjA0ZCx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/shots/2428048-Paged-Scrolling&i class=&icon-external&&&/i&&/a&&br&&/p&&p&&a href=&///?target=http%3A///redirect%3Fz%3Dhttps%253A%%252Fshots%252F2431585-Parallax-Scroll%26t%3DMmI0NjY5ZDdlZTgwMWNlNDI1ZmZkZWRhN2UwZTVmNjI2MTIxZmQ4OSx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/shots/2431585-Parallax-Scroll&i class=&icon-external&&&/i&&/a&&br&&/p&&br&&p&FB Group:&/p&&p&&a href=&///?target=http%3A///redirect%3Fz%3Dhttps%253A%252F%%252Fgroups%252F625%252F%26t%3DZDM0ZDcxMzQzNzI5NDA3NzMxMDM0ZGI5YmQ5ZDg3ZDI4MGUwMzUxMyx3Y2R6eTE0RA%253D%253D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/groups/625/&i class=&icon-external&&&/i&&/a&&/p&
从各种渠道总结的： Some good tutorials and examples site:
Principle templates
SketchTV Youtube Playlist …
抛砖引玉。&br&比如:&br&CMU的&br&&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kyungmin Youn&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wenni Zhou&i class=&icon-external&&&/i&&/a&&br&Senior UX designer &a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Denys Nevozhai&i class=&icon-external&&&/i&&/a&&br&Amazon&Uber &a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&User Experience Design Portfolio of Simon Pan&i class=&icon-external&&&/i&&/a&&br&MIT Media lab &a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Guanyun Wang&i class=&icon-external&&&/i&&/a&&br&Austria Junior UX designer &a href=&///?target=http%3A//www.giovannimartens.eu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Giovanni Martens&i class=&icon-external&&&/i&&/a&&br&&br&如侵删。
抛砖引玉。 比如: CMU的
Senior UX designer
Amazon&Uber
MIT Media lab
Austria Junior UX designer
&a href=&///?target=http%3A///p/dad& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&交互设计师必备书单&i class=&icon-external&&&/i&&/a&&br&&br&&b&理论知识&/b&&br&&b&设计原则&/b&&p&《About Face：交互设计精髓》&br&&/p&&p&《简约至上》&br&&/p&&p&《Don't make me think点石成金》&br&&/p&&p&《设计心理学》&br&&/p&&p&《认知与设计》&br&&/p&&p&《交互设计沉思录》&br&&/p&&p&《Designing for the Social Web 筑巢引凤：高黏度社会化网站设计秘诀》&br&&/p&&p&PS：前五本为交互设计基础必备书籍，有心的话不防纳入床头书籍，定期反复回顾。&/p&&br&&b&用户研究&/b&&p&《用户体验面面观——方法、工具与实践》&br&&/p&&p&《赢在用户》（怎么以用户为中心的方法论）&/p&&br&&b&信息架构&/b&&p&《A Practical Guide to Information Architecture》&br&&/p&&p&《锦绣蓝图》&/p&&p&《Web信息架构：设计大型网站》&/p&&br&&b&流程方法&/b&&p&《A Project Guide to UX Design》&br&&/p&&p&《精益设计》&br&&/p&&p&《This Is Service Design Thinking: Basics, Tools,Cases 服务设计与交互设计很多共同的概念》&br&&/p&&p&《秩序之美》栅格系统应用&br&&/p&&p&《用户体验草图设计》&br&&/p&&p&《微交互 Microinter actions: Designing with Details》&/p&&p&《诱人的互动设计：创造好玩，有趣，有效的用户体验 Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences》&/p&&br&&b&文档（输出物）&/b&&p&《Communicating Design高效沟通设计之道》&br&&/p&&br&———————————————————————————————————————————&br&&b&软知识&/b&&br&&b&视觉类&/b&&p&《写给大家看的设计书》—— 适合初级设计师&br&&/p&&p&《设计几何学:关于比例与构成的研究 》&br&&/p&&p&《超越平凡的平面设计》&br&&/p&&p&《形式感》&br&&/p&&br&&b&思想类&/b&&p&《失控:全人类的最终命运和结局 》&br&&/p&&p&《浪潮之巅(第2版)(套装共2册) 》&br&&/p&&p&《精益创业:新创企业的成长思维 》&br&&/p&&p&《基业长青(珍藏版) 》&br&&/p&&p&《启示录:打造用户喜爱的产品 》&br&&/p&&p&《定位:有史以来对美国营销影响最大的观念 》&br&&/p&&p&《女人的起源》&br&&/p&&p&《长尾理论 》&br&&/p&&p&《设计中的设计(全本) 》&br&&/p&&p&《黑客与画家:硅谷创业之父Paul Graham文集 》&br&&/p&&p&《连接：如何建立习惯形成产品 Hooked: How to Build Habit-Forming Products》&/p&&p&《每个设计师需要了解的100件事 100 Things Every Designer Needs to Know About People》&/p&&p&《行为改变的设计：应用心理学和行为经济学 Designing for Behavior Change: Applying Psychology and Behavioral Economics》&/p&&br&&br&&b&实践能力技术类&/b&&p&《有说服力的技术：使用计算机来改变我们的想法和做的 Persuasive Technology: Using Computers to Change What We Think and Do》&/p&&br&&b&工具类&/b&&p&《团队协作工具书》&br&&/p&&p&交互相关所需的axure、form等相关书籍就不一一罗列了，这些找些网络教程也是很多的。&/p&&br&&br&&b&写在最后的话：&/b&&p&1.这些书籍从各方收集而来，但是如何将书中知识吸收成为自己的并加以实践，就看自己的了。&/p&&p&2.如若发现本文有笔误，请留言，另多多欢迎各方指正。&/p&&p&3.妥妥的备上脑图供各位下载，请继续下拉。&/p&&br&&p&Flugel_Yan书于&/p&&br&&b&我是脑图，我是脑图&/b&&br&&img src=&/5dbec714b565f3c6afa4_b.jpg& data-rawwidth=&1869& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1869& data-original=&/5dbec714b565f3c6afa4_r.jpg&&
理论知识 设计原则《About Face：交互设计精髓》 《简约至上》 《Don't make me think点石成金》 《设计心理学》 《认知与设计》 《交互设计沉思录》 《Designing for the Social Web 筑巢引凤：高黏度社会化网站设计秘诀》 PS：前五本…
设计最有趣的地方在于它的通用性，不论是音乐、建筑还是工业，设计的规则大同小异。&br&转载一纽约妹子Melissa做的分享：总结了从建筑到产品UI的四个设计的基本原则。&br&&p&&strong&一、轴&/strong&&/p&&p&轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。&/p&&p&&strong&1、对齐&/strong&&/p&&img src=&/bf9ee591b648e1016890db_b.png& data-rawwidth=&234& data-rawheight=&390& class=&content_image& width=&234&&&br&&p&轴最常见于对称元素的使用，当元素被布置成轴对称的布局的时候，会给人有序感。就像生活中绝大多数的事情一样，我们更倾向于享受有序的的东西，它们令人感觉平稳、舒适、平易近人。最简单的一个例子就是iTunes 程序中的专辑列表的设计，所有的专辑列表在界面的左侧保持对齐，围绕虚线轴轴对称。&/p&&p&&strong&2、强化&/strong&&/p&&img src=&/1ed58a6020deae7896a3_b.png& data-rawwidth=&272& data-rawheight=&404& class=&content_image& width=&272&&&br&&p&虽然轴是一条假想的线，但是如果周围的元素的边缘控制得足够整齐，这跳线会在视觉中变得更加“明显”的。最好的例子是城市中的路灯构成了道路两旁建筑物之间的轴，如果一边有建筑一边没有，那么这种轴线的感觉不会那么强烈。&/p&&p&从产品设计的角度上来看，Twitter 的时间线设计就是一个很好的案例，左侧的头像和右侧的推文共同塑造出缝隙中轴线的感觉。&/p&&p&&strong&3、运动&/strong&&/p&&img src=&/4aeb9ca9515246dbdffa77_b.png& data-rawwidth=&276& data-rawheight=&398& class=&content_image& width=&276&&&br&&p&当我们碰到某先线条的时候，视觉会很自然地沿着这些方向运动，就如同我们站在街上，会自觉地沿着街道的两头走动。两个端点决定了线，界定了开始和结束的地方，线，或者说轴线的存在会引导和提示运动的方向。&/p&&p&SoundCloud中，音轨沿着一条既定的水平轴线运动，随着音乐的播放，音轨自然地自左向右匀速运动。&/p&&p&&strong&4、连续性&/strong&&/p&&img src=&/936e20c790a55caa1f1f4bc_b.png& data-rawwidth=&240& data-rawheight=&418& class=&content_image& width=&240&&&br&&p&如果终点是不确定的，那么你通常会沿着轴线的方向浏览/运动，直到你找到感兴趣的东西，或者感到厌倦并关闭应用。在建筑学中，未清楚界定的终点非常少见，因为建筑的修建通常没法永远持续下去，但是UI设计则不一样，无限地滚动下去是无比受欢迎的设计手法。&/p&&p&Pinterest的APP中就是这样做的，持续不断的图片沿着中轴线的方向持续不断地滚动下去，只要你有兴趣一直观看下去。&/p&&p&&strong&二、对称&/strong&&/p&&p&当元素被均匀地放置在轴线的两侧之时，他们构成了对称的关系。当元素被精准地在轴线两侧一一对应之时，它们就形成了完美对称。&/p&&p&&strong&1、平衡&/strong&&/p&&img src=&/60ab974ea5eeafd34a12_b.png& data-rawwidth=&270& data-rawheight=&407& class=&content_image& width=&270&&&br&&p&对称令整个设计更加平衡。当元素与控件在轴线两侧处于相同位置之时，会给人以协调和谐的设计感。当我们在规划街道两侧的房屋建设的时候，如果左右两侧都是5间大小一致的房子，当你走在街上的时候这种平衡的设计会令人非常舒适，这是平衡给人的感受。&/p&&p&Rdio的APP设计就遵循着这样的设计规则，屏幕两侧的控件是相同的规格，这类布局很适宜阅读，用户会自觉地自上到下，从左向右查看。&/p&&p&&strong&2、不对称&/strong&&/p&&img src=&/6ce785d4fa1b5a76a30f6d6ca1744ac2_b.png& data-rawwidth=&234& data-rawheight=&378& class=&content_image& width=&234&&&br&&p&如果轴线两侧的控件布置不再是一一对应尺寸相近，那就是不对称的设计。不对称的设计会给人明显的失衡感，可能会令人不舒服，但是也能造就残缺美，当然这要看你具体怎么做。&/p&&p&虽然Pinteret 的APP设计在整体上是沿着中轴线对称的（宽度一致），但是两边的界面控件并非是对称的，它们的高度并不一致，位置也是错落的。稍微一点的落差都会被眼睛捕捉到，而这样的差异让用户无法准确地左右顺序阅读。不对称设计打破了设计的平衡性和舒适性，但是也可以缓解了规律性设计带来的视觉疲劳。&/p&&p&&strong&三、层级&/strong&&/p&&p&当某个元素出现在比其他元素更重要的位置的时候，层级就出现了。&/p&&p&1、尺寸&/p&&img src=&/f9af67b0a26ad015ccfccb0_b.png& data-rawwidth=&261& data-rawheight=&402& class=&content_image& width=&261&&&br&&p&如果一个设计元素在尺寸上比其他的控件更大，就会区分出层级。毫无疑问，我们查看某个设计的时候，通常会被最大的元素吸引到。如果一个建筑物有5个出窗户，其中一个是其他四个的两倍大，我们的注意力自然而然会被吸引过去。&/p&&p&通过尺寸来区分文章列表层级的典型就是稍后读应用Pocket。顶部的轮播文章拥有更大的图片，它的位置和尺寸会令我们一眼注意到。&/p&&p&&strong&2、形状&/strong&&/p&&img src=&/ef4c28dcdc786f_b.png& data-rawwidth=&270& data-rawheight=&401& class=&content_image& width=&270&&&br&&p&如果一个控件在形状和形态上同其他的不一样，也可以让它独立出一个层级。不规则的设计同样会令人侧目。建筑物的正面拥有五个相同的窗户和一闪大门，你会立刻注意到门的独特之处。&/p&&p&在Instagram的个人信息页中，圆形的个人头像在方形的图片中别具一格，非常抓人眼球。它会让人意识到，这个独特的东西，更为重要。&/p&&p&&strong&3、位置&/strong&&/p&&img src=&/a8b61fccd45f4d1a0e5d_b.png& data-rawwidth=&281& data-rawheight=&403& class=&content_image& width=&281&&&br&&p&位置的存在同样能彰显层级的不一样。在圆圈之内，中心位置的东西比边缘部分的看起来更重要。位于轴线顶端的控件会显得比其他部分的优先级更高。&/p&&p&以设计应用Path的设计为例，时间轴顶点处的用户头像就明显比时间轴上的其他部分更重要，而这个地方正好展示的也是用户头像。&/p&&p&&strong&四、韵律&/strong&&/p&&p&UI设计和建筑设计同样有着韵律之美，重复的模式会营造出独特的节奏之美。&/p&&p&&strong&1、模式&/strong&&/p&&img src=&/d00fbd7ec0edf9fe3cd5e435a993e6c2_b.png& data-rawwidth=&313& data-rawheight=&415& class=&content_image& width=&313&&&br&&p&理解韵律最直接的方式就是听歌。音乐拥有节奏感，绝大多数的音乐遵循着相同的节拍，节拍就是音乐模式的一部分。&/p&&p&这方面最典型的APP是Airbnb，APP列表中每一间房子都占据一个模块，模块中有着大小相同的图片，价格、位置和房东信息和图片的相对位置一定，且排版匀称舒服，两个模块之间的间距也相同，当你浏览的时候，熟悉的节奏会让你清楚地知道上哪看关键信息。&/p&&p&&strong&2、间断&/strong&&/p&&img src=&/1de5ddca1e3dc_b.png& data-rawwidth=&259& data-rawheight=&411& class=&content_image& width=&259&&&br&&p&当节奏被间隔打断的时候，会形成不同的层级。听歌的时候，均匀的节奏被其他的音乐元素打断的时候，你会意识到这是比较特别的部分。&/p&&p&在Twitter的APP中，推文和推文保持着相同的样式，均匀的节奏，但是其中的“推荐用户”一项有着不同的样式，它插入到推文列表中，打破了整个信息流的节奏，凸显出不同的层级，会很快抓住你的注意力。&/p&&p&文章内容转载自：&a href=&///?target=http%3A///essay/essayInfo/1604.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&纽约设计师教你UI设计的四个基本原则&i class=&icon-external&&&/i&&/a&&/p&
设计最有趣的地方在于它的通用性，不论是音乐、建筑还是工业，设计的规则大同小异。 转载一纽约妹子Melissa做的分享：总结了从建筑到产品UI的四个设计的基本原则。 一、轴轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，…
已有帐号？
无法登录？
社交帐号登录
4935 人关注
433 条内容
572 人关注
1184 条内容
5976 人关注
174 条内容
4115 人关注
455 条内容}