7个提升UI设计感的配图方法（送150张高清UI配图资源）

5月 24, 2021 发表于: 视觉设计. 评论

Sponsor

前言：在UI设计中，配图是一个不可忽视的细节，好看的配图可以提升界面的设计感，那么如何判断一张图片的好坏？我们又可以从哪些地方找高质量的配图呢？今天彩设计师和大家分享下他自己的选图经验，抛砖引玉，大家如果有更好的方法，欢迎留言交流。

在一幅作品中，配图往往是吸引用户的重要元素，而在设计作品中，配图同样需要具备设计感，它能直接体现这位设计师的品味。配图图选的好，能快速拉高作品的设计品质。(文末会分享给大家我常用的150张高质量图片资源，记得收藏哦)

图片来源：dribbble

这里有个点需要引起注意，有些人在做概念稿的时候会纠结到底要用真实场景的图，还是要用设计感更强的图。严格来说也没有对错，但我建议大家选用设计感更强的图更加分，因为设计师在看作品时的第一印象还是作品本身的设计感，更关注视觉专业能力。优质的选图能够体现一个设计师基本的审美，真实的产品配图虽然更能体现线上实际效果，但第一印象扣分了就很难继续往下看了。

好看的作品会有一种直觉美，就是你一眼看过去，就能打动你。按我自己的经验，我会从以下7个方面快速判断一张图是否具有设计感：

1.颜色要饱满

一张图里应该有暗部，亮部和比较多的灰度区域，有一个简单的办法，如果把照片去色后用色阶检查的时候依然从黑到白颜色信息饱满就是合格的，有1分最暗的地方，1分最亮的地方，8分暗部过渡这种图片会比较好。（当然这不是唯一的标准，不同的颜色氛围能表达不同的情绪，这里只是为了方便判断）

图片来源：behance

或者也可以直接打开色阶，如果直方图中从白到黑都有较多颜色信息，就代表颜色是饱满的。

2.光影关系要细节

画面中有合理的高光，投影有细节，能突出画面主体内容，避免出现死黑。不仅限于照片，在UI设计中，要注意投影会反射场景中其他的颜色信息，避免使用纯黑色投影。有2个做法，一个是直接给投影吸上周围的颜色然后加深一些，另一个是通过修改投影的叠加模式改为正片叠底。

图片来源：behance

3.大的留白

要让画面具有不错的设计感，大量留白是一个比较好的办法，画面简洁，具有高级感。

图片来源：behance

4.构图有特点

一幅好的作品，首先吸引你注意的多半是构图，构图关系比较独特，往往就能令你印象深刻。常见的画面构图方式有：中心构图、水平线构图、垂直线构图、三分构图、对称构图、对角线构图、引导线构图、框架构图、重复构图。这些常见构图法引用自知乎上一篇很棒的文章《九种最常用的构图法》https://zhuanlan.zhihu.com/p/21261635，推荐大家看看，我这里就不详细展开了。

1）中心构图