一个优秀的设计稿，除了配色，字体，排版外，配图也是一个很关键的点。
以UI视觉为例来说。设计的一般思路是，先确定风格。知道自己做什么样的，是冷静的简约风，还是热烈的多渐变。根据产品特性以及目标用户确定设计风格。然后确定整体框架布局。这里的框架布局是指文字大小，广告位，配图大小位置的确定。最后填细节，图片的填充，配图的选择。图片类型的选择根据产品的特点而定，比如做旅行类的app图片可以景色，建筑等旅行类照片，美食app就选择食物类照片。
为了更好的说明，我将之前练习稿图片进行替换，大家来找茬，下面两个界面，哪个给你的感觉更好一点呢。
对比图
上面两个图，只是配图不同，但明显左图设计给人的感觉会更好，为什么一点点的区别，就会产生如此大的差异呢。甚至给人的内心感受一个可以说是赏心悦目，一个却是脏乱，压抑。同时我们也会有这样的经验。在浏览优秀的UI作品时候，可以发现他们的图片也是很舒服的。由此，我们可以说配图对于一个设计好与坏起着很大作用。通过上面图的对比，以及自己做设计的经验，总结配图选择时候的一些小的技巧。
1 明度不能过暗
我们常常会听见说这个颜色太灰了，太脏了。在显示器上的展示的图和学习画画时候有着很大的区别的，画画会有高级灰，在显示器上展现的时候我们往往要求颜色比较鲜亮，明快。图片作为整个设计的一个部分也是如此。明度过暗的配图，会让人产生压抑的感觉。
对比图
2 背景元素不宜过多
图片一般放在固定位置，有时候甚至固定大小。有一些场景宏大，细节生动的图片，尽管很美也很精致。但作为UI设计的选图却不一定合适，把他们放在设计稿内，第一眼看过去往往会显得零碎，没有焦点，杂乱。所以选择图片时候。尽量选择主体物单一，大色块的图片会给整体视觉加分。
对比图
3 高清无码（不能虚图）
选图时候选择那些高清的大图（文章最后我会分享一些高清图的网站），做设计三大低级错误：虚图，变形，水印。其中虚图就在其中一列。图片在放大时候很容易虚图，所以设计时候格外注意去避免发生类似错误。
对比图
4 构图
设计稿中图片位置，大小往往是固定的。放图片时候我们常常需要设置剪贴蒙板，图片选择之后，如何去放置也是值得注意的点。我们要去分析，去观察，去尝试，去调试，最终选择合适的展示区域。
5 图片整体的调性
图片全部放置好之后，我们还应该站在一个整体的角度，去看图与图之间是否有统一的调性。也就是一致性。这里的一致性包括冷暖，视角等等。比如并列信息层级的图，有的事局部细节图，有的是整体图。这样就不是很好。尽管在实际产品运营中，无法让图片达到完美的状态，但是一个设计稿应对细节更高的要求。
如何去选择一个合适的图片，最重要的是多看多做，提高自己对美的鉴赏能力，当你懂得区分美与丑的时候，自然能够做出更好的设计。
最后分享比较棒的免费的可商业使用的图片素材网站
Unsplash（超级推荐，超高解度图片，作品没有任何版权，用户可任意使用。）
Pixabay（Pixabay是一个中文网站，提供检索和分类照片，作品没有任何版权，用户可任意使用。）
Gratisography（每星期都会更新由摄影师Ryan McGuire所拍的高像素照片，数量虽不多，但很有灵气。作品没有任何版权，用户可任意使用。）
除了图片网站，也可以从设计网站上找图，也是不错的选择。例如instagram,behance,Lofter,豆瓣。（考虑版权）
网友评论