现在的飞机稿，越来越脱离现实了

临摹是新手快速提升 UI 技能的有效方式，我的星球里也定期举办 UI 临摹训练营。

但是最近我发现，都是 UI 临摹，但是临摹飞机稿和临摹真实产品还是相差非常大的。

P.S. 这里的飞机稿指的是设计师在网上分享出来的作品，通常是个人练习或者在项目中被遗弃的稿件。

因为最近接连看到几个毕业生的作品集，一看就是经常借鉴 Dribbble、站酷这类网站上的飞机稿。

乍眼一看还挺有风格，再看，画面脏、尺寸乱等问题多如牛毛……完全经不起细看！

其实飞机稿虽然好看，但和真实产品之间存在着巨大的鸿沟！

而缺少项目经验的设计师很难看出差别，甚至会以为那些飞机稿比真实产品设计更加高明。

别看真实产品设计风格那么保守、广告又多……事实上，大厂工作的设计师，能力普遍强于网上的飞机稿设计师，只是真实产品不允许他们那样设计而已。

设计新人如果不去研究真实产品，总盯着飞机稿看，是很容易被带跑偏的。

今天就来总结一下，飞机稿有哪些和真实产品不一样的地方：

1. 阴影过多

2. 信息过少

3. 装饰过多

4. 手工P图

5. 缺乏运营

1. 阴影过多

这几年很流行大阴影，尤其是新拟态风格，把阴影发挥到了极致。

by Keanu Gaurava @ Dribbble

by Mariia Tokar @ Dribbble

by Filip Legierski @ Dribbble

但是现实中的 UI，不论国内还是国外，都很少用到这种大阴影。

这里面的原因很多，最主要的一点是，界面空间有限而需要摆放的内容太多，一般实在没有地方来放那种大阴影。

如果硬是要把大阴影加到信息密集的界面上，只会显脏。

例如我尝试把下图飞机稿的信息量增加一点后，看起来复杂了很多。

然而这还远远不够，真实标题会更长，需要的空间更大。

还有就是，这种阴影颜色要浅，但太浅了又看不出来，所以很不好调色。

就算在 iPhone 上调好好了，因为不同显示器的显色度差异，和不同人的色彩敏感度差异，最终用户也未必看得出差异。

所以真实世界的 UI 设计，风格上往往比较简约、保守一点。

2. 信息过少

飞机稿，尤其是国外的那种，一般信息量非常少，只有真实世界 UI 的一半甚至 1/3。

做 UI/UX 设计，最常处理的难题就是：如何把大量信息整理展示得美观清晰。

尤其是在国内做设计，无时无刻需要面对运营和产品经理“塞”过来的新增内容。

而按照飞机稿那种信息量去做设计，难度直接下降了好几个档次，对能力提升的作用有限。

设计师也不要总抱怨环境不好，一心想学国外那种极简风格。

尼尔森（Jakob Nielsen）和 Yunnuo Cheng 在 2016 年做过一次研究试验，发现给国内用户看那种极简风格，虽然国内用户觉得好看，但都抱怨信息量太少，所有的功能介绍都是在玩文字游戏等……

你可以对比下图 Wix 首页的中文版和英文版，就知道这种极简网站直接翻译过来是什么感觉了：

“创建专业网站的绝佳平台”

“探索可以让您完全按照自己想法自由建立、设计、管理和开发您的网络存在的平台”

这个信息量，对于中文用户来说，相当于啥都没写……

而且因为中文的信息密度高，文字量看起来更少了，整个页面显得更空。

关于为什么国内很难学习国外那种极简风格，我在这篇文章里有详细讨论：别随便学国外的极简设计

3. 装饰过多

就是因为飞机稿的内容很少，一张图、几行字就搞定了，有大量的空间可以发挥。

所以，其余地方就可以塞进去很多装饰图案，例如：箭头、星星、几何图案……

by Kawsar Ahmed @ Dribbble

by Martin Mroč @ Dribbble

设计真实产品时，你会发现整个产品几乎找不到几个地方可以塞装饰图案的。

UI/UX 设计就是要在有限的界面上给用户足够的信息，大部分情况下，空间是不够的。

偶尔找到空白区需要装饰一下时，也通常是用到 logo、标签、图标等“有用”的信息，而不是为了纯粹的图案装饰。

例如下图中，马蜂窝则很聪明地通过按钮来体现设计语意。

上图来源：看完马蜂窝改版，终于明白为什么设计要有目标感

4. 手工P图

很多飞机稿乍一眼看很好看，但仔细看看，就会发现根本不可能使用。

例如对头像和商品的抠图，就算技术真的发展到 AI 抠图无 bug 了，你也不能保证用户上传的所有图片是能抠出来的那种。

by App Ninja @ Dribbble

by Parves Ahamad @ Dribbble

还有就是在图片上叠字，必须要那种有纯色背景的图片才能做到，而且还不确定文字放不放得下。

by Tom Černý @ Dribbble

就算是高斯模糊的背景，如果遇到特别复杂或鲜艳的图片，可能还得重新定一些规则，很多大厂花了不少力气，也未必百无遗漏：

by Jean Delbrel @ Dribbble

5. 缺乏运营

飞机稿普遍不考虑 banner、气泡、活动礼包……等运营内容。

然而现实世界，几乎没有哪家主流产品不做运营的。

上图来源：这个交互思路，居然将转化率提升50%

把一个简单的产品设计的好看不难，把一个复杂又运营压力大的产品设计得好看就难了。

如果我看到作品集里的虚拟项目完全没有考虑真实的商业环境，一个运营区都没有，那么不论这个 UI 看起来多好看，都会觉得这个项目不完整。

总结

就是因为以上这 5 点原因，我决定以后星球的 UI 临摹训练营不能光画飞机稿了，得以真实世界产品为主。

飞机稿可以作为审美训练，但是真正练手，还是不能脱离实际，尤其要了解国内外大厂的真实设计。

最后推荐一个可以看到海外各大 app 真实截图的网站，每年的版本更新都有：mobbin.com

---

想要学习或者练习体验/交互设计的朋友，可以了解一下「体验设计学习社」。

作品集详细点评（我亲自看亲自写，千字以上）+答疑+免费训练营&学习打卡等活动，更有各类大厂内推：

如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：

本篇文章来源于微信公众号: 体验进阶