优漫动游教育天象网络公司简介

设计五分钟，找图两小时？小技巧解决大问题

优漫教育   今天

在进行项目制作的时候，UI设计师往往不需要进行广告和内容的上传等工作，而是可以用统一的素材图片进行示意，但视觉方面如果采用统一的素材图片进行版式设计，往往无法体现整体设计效果，尤其在放入作品集当中时，效果会大打折扣。

所以今天要讨论一下，在UI视觉设计及展示时，容易被忽略的配图问题。以提升设计效率，解决设计5分钟，配图两小时的问题。

配图的主要应用

在 UI 设计过程中，出现的图片频率非常高，比如下面这样的案例，在真实项目设计中，配图随意填充，而且使用一样的素材填完。

虽然项目还没上线，内容部分也不是全部由 UI 设计师负责，但这种视觉效果，通过提案审核的可能性大大降低，UI设计师应该尽可能的展示出终成品的视觉效果而不是仅仅只做引导式展示。

调整了一下图片素材后，效果好看多了吧。

这种要求，看似让设计师的工作效率下降，陷入设计五分钟，找图两小时的困境中，但实际的效果确是事半功倍的。

项目中的图片也不全是用户生成内容，还有像注册登录页背景、引导页背景、用户页背景等都是需要UI设计师设计制作的。

除了在项目中的效果问题外，作品集的项目展示效果就更为重要了。

图片的应用，表现看起来像是以取巧、功利的方式提升我们作品的质量，但实际上，配图应用直接反应了设计师个人的审美和趣味，也在侧面表现一个设计师的能力。

配图的渠道

很多新进设计师会认为，配图就是图片素材，就一定要到各种提供免费素材图片的地方找，这个思路只正确一半。

对于应用正式上线后使用的背景图、启动图等，确实是需要免费素材，保证不会侵权。而常用的免费高清图库，网上的分享已经非常多了。如花瓣、包图、站酷等素材网站就包含一些免费的高清图。

这些免费图库是不错，也是设计师们的福音，解决各种商业需求。但对于我们 UI 中的配图和展示来说，并不是的。

选择配图，一定要把图片是从免费图库里找出来的想法改掉，而要扩大思维，寻找更多的可能方向。比如我们设计下面这个案例，该怎么找图呢？

01
从需求定向查找

和这个题材有关的图片，在哪里出现得多且。

比如这是女性购物类的电商，要获取相关的配图，首先应该想到的，就是对应产品的品牌。比如居家用品可以去造作找，服装可以在 ZARA 里找，口红美妆等可以去 M.A.C 找等等。当然这需要我们的设计师具备更多的“常识”，更需要眼界更宽，需要不断去学习。

定向查找，可以找到的图片和主题关联度高，同时，品牌会应用的宣传摄影图、产品摄影图，质量也会远远比普通的素材图网站更优质，更符合用户群体。

当然，有时候也不是的，有些题材内容找的摄影图质量不一定太好，那么还有一个万金油的渠道，就是 —— 淘宝！

淘宝店家为了销售产品，对于商品详情页制作可以说是费尽心血，同时对产品包装设计、产品图拍摄、产品精修、平面设计、排版效果都有了质的飞跃，用一句话来说，现在的消费者已经不再满足于产品本身的功能性，而更加关注它的外观视觉效果了。所以这样就为我们提供了更好的素材。

案例：

直接获取网站图片即可，而如果是需要一些透明背景的图片，简单的抠图即可获取素材。而不是大量寻找psd透明背景源文件。

对比上面美妆app界面，调整成食品类界面，则只需要修改相应素材，就可以达到想要的展示效果了。

02
国外社交或素材类网站

除了在淘宝取图以外，还有一些特殊的场景需要一些高大上配图来提升质感，那么能上 Behance 的同学，就可以从 Behance 摄影区中查找适合的图片素材。pinterest或insgram等等也是不错的图片素材获取站。

Be 摄影区聚集了多先锋视觉类摄影，不仅质量极佳，而且非常适合目前 UI 类设计的相关展示。