如何从Dribbble的“飞机稿”中汲取营养？

用户5009027

发布于 2019-06-02 21:13:20

1.2K0

发布于 2019-06-02 21:13:20

文章被收录于专栏：静Design

关注+标星「静Design」

海量设计干货每天准时放送

不管你同不同意，Dribbble上的设计都在直接或者间接的影响着我们的UI设计趋势的变革，虽然有些设计看起来只是飞机稿，有些则没有考虑产品的真实需求。但是咱们UI设计师小伙伴却善于提炼和改进，将这些设计趋势和风格为我所用，提炼出适合本国产品和用户的界面。比如直接我们提到过，腾讯QQ手机端改版中大量使用无分隔线的设计，就是这种趋势的再利用和深度思考所产生的结果。

因此，有人问我怎么看待Dribbble，我想说：当你真正能从这些Dribbble风设计中看到趋势，并加以思考，创造出独特的属于自己的风格，且被市场和用户认同的时候，这才是你真正进入UI设计后半场真正的入场券。

接下来，让我们看看最近Dribbble中的优秀（fei ji gao）设计吧！记得，欣赏的过程中提炼+批判+思考，这才是学习的正确方式哦~

这个游乐园主题的设计运用了大量的插画和鲜艳的颜色进行搭配，白色背景与大阴影的搭配让浏览者眼前一亮。这也是典型的Dribbble风格，相信大家都能明白。

设计师：Moze

https://dribbble.com/shots/6369889-Park-navigation-app-Vol-1

如果是图书类型的应用，你会选择怎样的设计风格呢？好的，同样是白色背景，无边框设计已经大量鲜艳颜色的使用，其实看多了，我们能找出这种类型设计的规律来。总结一下，就是：矢量插画+艳丽色彩+白背景+大阴影+大留白。Get到了吗？想一想，如果让你来做一个图书类型的应用，除了这样的风格，怎么能让自己的设计显得更加与众不同而不是完全的为了Dribbble而Dribbble呢？

设计师：Anton Mikhaltsov

https://dribbble.com/shots/6367657-Reading-App-Design

下面这个设计是国内UI设计师的作品。其实，我们仔细观察，会发现不少套路，抛开这样颜色纯净的书封面，那么这样的设计稿是否具有足够高的可用性。毕竟，不是所有的书都是这样的风格，那么作为设计师的大家应该如何处理？从一定程度上来说，下面这个设计稿，并不能算正面例子。他的最大意义是让我们了解配图对于设计稿的重要性。

设计师：Mr.Shi Li

https://dribbble.com/shots/6368615-New-Bookstore8

接下来欣赏一副插画作品，简单的线条勾勒出一男一女的生活，那么他们两个人到底在干什么呢？睡觉还是？大家自己猜一猜。方块和圆形的搭配是这幅图俄亮点，女性是柔软的曲线，男性是刚硬的直线。对比鲜明。

设计师：Afterglow

https://dribbble.com/shots/6369340-Psychology-Illustration-Poster

印度尼西亚设计师的作品，绿色的美食应用。emmmm，绿色也许是很清新的颜色，但是对于我们国内的小伙伴来说，可能缺少那么一点点食欲。大家怎么看呢？反正，我觉得看了绿色后，不太饿了（笑）。在本作中，大家可以学习一下navibar的设计，通常，它会和轮播图各搭界一半，形成视觉层次感。

设计师：Sulton hand

https://dribbble.com/shots/6369568-Food-Recipes-App/attachments/1363850

其实静电总想在Dribbble中给大家找一点不一样的风格的设计，因为插画风看多了也是会腻歪的。那么这幅大家觉得如何？健身类型的应用。当然，这里我们又Get到一个设计的诀窍，纯色背景！你会发现，如果你随便扔上去一张乱糟糟的模特图片，你的设计马上就完蛋了。这个设计的特点就是模特背景全部是精挑细选的图片，看起来是不是精致了很多？那么？各位小伙伴，你是不是要考虑下，自己拿起相机，租个摄影棚，来拍摄一些这样的照片？或者把他们抠出来重新处理来用，会更好一些呢？这对于我们的后期运营提出了超级高的要求。怎么说，设计总是在不断的妥协中成长吧。

设计师：Ramotion

https://dribbble.com/shots/6302983-Vshr-d-Mobile-Design

下面这幅图，我们要学习的，就是它更纯净，更鲜艳的颜色。总感觉这样的图稍微有些调皮和有趣，它们适合用在更有风格的产品中，而不是过于商务和正统的产品。因此，请大家在设计任何一类产品时，务必考虑产品的调性，公司的风格。因为不是所有的企业和用户都喜欢这样的风格。

设计师：Mike | Creative Mints

https://dribbble.com/shots/6285205-Bogo-Apps-Web-site-design

想象一下，图片对于一副设计来说是否特别的重要呢？人如果下面这个图换成一副照片，或者科幻电影里那样的场景，那就真的更酷了。所以，这幅作品给我们的启示就是，选图太重要了。

设计师：Walid Beno

https://dribbble.com/shots/6361527-Titan-Mining-Concept

当我们看了太多的设计后，你是否会感慨，现在的UI设计已经不是单纯的排版了，而是在拼配图。确实，这就是UI设计的后半场，也是所有设计的后半场，网页设计，app设计，还有各种各种设计。（摊手）现在的设计形式越来越多样化，多元化，各位UI设计师也不能仅仅局限于排版了，当进入后半场，要么思维强（广度和深度），执行力强，要么技术更牛，你会选择哪一种发展方向呢？

不管是不是飞机稿，希望各位设计师都拥有足够的能力，将自己的设计稿变现，被市场认可，被用户认可。