首席设计师从 10000 个UI界面中所学到的10件事

一、优先考虑你的设计本职

我总是用这个比喻：

没有人会关心你的花式概念车真皮座椅上的针脚是什么颜色，如果连车轮都没有的话。

优先考虑你的设计本职，这样你才能首先满足所有基本要求。只有在那之后你才能继续寻找更有趣的事物，比如传统插画和动画，这些可以方便地引导我们。

二、没有人关心动画

我说这个并非因为我不那么擅长，而出的恶意。

世界级的产品几乎没有动画：Facebook. Salesforce. Medium.

这些产品价值数十亿美元，因为它们解决问题并提供价值，而不是因为它们有可爱的动画。

动画的确有其用武之地，但先花时间从通过一流的用户体验，提供卓越价值开始吧。然后，你可以任意花费全部时间制作一个可爱的小汉堡按钮，让其变身为麦当劳巨无霸。

△ 皮特塞纳的这部动画不可能更完美

三、不要重新发明轮子

模式是在类似对象中经常被发现的东西。

设计模式被称为模式，因为它们遍布各处。用户习惯于以某种方式做事，并且通常伴随着对用户体验的期望。

我可以为您设计一百种不同的方式来筛选数据表，但是没有哪个会像电子商务网站上出现的左侧栏复选框那样有效。

不要花时间去想那些不需要改造的东西。

四、「模版化」你的工作

为了追求效率，为了高效的团队协作，给自己做一些设计模板，你会为自己节省很多时间。

在一周半的时间里，我为一位想要销售演示文稿的客户设计了52个屏幕，甚至将它们连接成一个可点击的 InVision 原型。这也是一种完全定制的设计，并且完全按照其品牌的基调进行了定制。如果没有模板可以帮助我快速开始工作，这一切都是不可能的 。

以下是我个人主 UI 样板中的一个示例屏幕，我将其用于每个项目，以此开始。

这是使用 UX Power Tools 中的元素构建的。

五、一致性产生效率

你设计得越一致，你就会变得越快。因为你大大减少了你必须做设计决策的数量。

如果你在 Sketch 中为自己设计一个按钮符号，并在整个设计中使用该符号，不仅可以让所有按钮看起来一致，而且工作效率会更高，因为你不需要每次都从头开始制作按钮。

六、效率会产生一致性

这些都是共生的，所以它也可以反过来作用。

为了加快工作速度，你必须为自己创建捷径。这些捷径可以是设计资源等有形的东西，也可以是像建立和遵循一组设计原则（如坚持 8px 网格系统）那样的无形的东西。

随着你变得更快，一致性自然会随之而来。

七、商业和用户价值篡夺一切。

根据最新估计，Craigslist 的价值约为30亿美元。

你有没有看过那个网站？非常丑。

但这并不重要。因为它解决了一个问题并为用户提供了价值。

干净利落。就像 Craigslist 这样！

我不主张设计过于简单化。我要说的是，如果你能为用户提供价值，你就能让客户给商业带来价值。

为正确的人解决正确的问题 ，你将发光。

八、我不是世界的中心

有许多人在产品设计过程中担任重要角色。

只要看看：

《我们为谁而设计？为买入设计（第1部分，共3部分）》，这些集团要么需要买入以支持您的愿景，要么需要买入才能真正销售和上市。

《我们为谁而设计？为生产设计（第2部分，共3部分）》，谁会帮助你发展你的产品或想法？

《我们为谁而设计？质量和标准团队（第3部分，共3部分）》，谁来确保它会实际上像它本该的那样工作？

九、优秀的设计表现不好将会失败

你是否曾与某些很漂亮，却连正常交流都做不到的人约会？

单凭视觉不会让好的设计长久。我认为视觉效果实际上只占整个演示过程的20％左右。

其余的部分？是故事讲述 。如果你没有将观众与引人注目的故事挂钩，展示商业价值并代表用户说话，那么你必然失败。

十、想到，做出来

我把这个保留到最后说，因为它是如此重要。

功能性产品> Dribbble上的赞，没有什么比这个更重要。漂亮的设计？好厉害！还没启动？等于失败。

我想表达的是：为了被认为是一个成功的设计师，你必须实际构建一些东西。

想到，就做出来。即使它很糟糕，即使它不完美，即使没有人使用它 。至少你坚持了下来，从中有所收获。

欢迎关注译者微信公众号：「非科班设计」

原文链接：《Here’s everything I’ve learned from designing 10,000+ UI screens as a lead product designer.》 Jon Moore

「找准痛点，做好的设计」

• 《那些很熟悉但又叫不出名字的设计法则：需求的等级》
• 《停止争吵！UI设计师如何用科学的方法找到用户需求？》
• 《不甘心被产品带着走？先学会将商业需求转化为设计需求！》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： http://hao.uisdc.com