想必很多UI设计培训中的新人都遇到过这样的遭遇：明明我的APP设计的已经非常规范了，为什么还是觉得辣么丑，在审视自己作品后还是没有找到任何实质原因，是因为自己审美提升了还是对现有要求太高？

于是你报着怀疑的态度继续完善你的作品，终于！在视觉稿设计完毕前夕，甲方竟然直接找到你指着你的作品说：太丑！有没有更好的方案？

这样是不是一个很心塞，感觉一晚上就老了十岁…

好吧，其实，我们应该想一下，在排版与配色都很规范的情况下，是不是配图出现了问题。

我们暂且抛开交互，对于视觉设计而言。一个APP页面由icon，排版、文字与配图等基本要素构成，现如今，富有设计感APP文字与icon位置只能占据不到页面的1/2，而图片占比却非常可观。如果我们能够选择一个恰当且美观的配图，那么我们的视觉设计基本上成功了一半。

关于简洁：

那UI设计入门这应该如何配图呢？说起来很简单，但是其实做起来…也是很简单的。我们只需要牢记 “简洁”二字就可以了。

在国内，大部分像我这样的曾经可能受生活水平限制，国内产品里真正高端的东西并不算太多。面向普通大众的消费品层次大多比较一般，国内并没有对高端设计的大量需求，所以导致我们大部分人的审美能力不算高。

可能我们每天看到的建筑图片是这样的：

但是作为设计师，我们理想界面中的配图是这个样子的：

我们可能接触到的大部分美食图片都是这样的：

但是作为设计师，我们理想界面中的配图是这个样子的：：

举个例子：从下图某美食APP初稿可以看出。现在的问题就是虽然整体文字排版视觉偏左，但其实看上去整体还是比较规范的，但是本来定位是要做一个高端的美食产品，却从视觉表现上总感觉整个APP很平民化。其实，此页面最大的问题就出现在了配图上。

我们通过上面简洁的配图去稍作修改：

调整后，在不考虑数据延展与可点击性问题方面，只需替换配图，是不是整个页面就显得高端起来了呢？

做高端美食APP，如果在展示页面比较多的时候，还是选择比较简洁的俯视图比较合适。 

关于风格与色彩统一：

我们设想一下，如果多种风格的图片与色调用在同一张界面上，这简直是一场灾难。就像一个非常帅的男孩在大街上身穿一身黑色西装，却戴着一个绿色的帽子，或许会有人会说这是混搭，这是潮流，但想必在这种风格并不是广大人民群众所能接受的。

正如上图，虽然在排版方面非常规范，但是忽视了风格与整体色调的统一。这种配图方式会让用户视觉引起错乱，大大增加了对图像信息理解的压力。

上图配图风格统一，整体低饱和度配上高明度的完美色调可以提高APP的一致性，能够让用户没有任何感觉不适的地方，从而以愉悦的心情去操作这款APP并有效的提高用户的操作效率。

关于构图：

说到构图，我们就不得不提一下斐波那契螺旋线，也称“黄金螺旋”，是根据斐波那契数列画出来的螺旋曲线，是自然界最完美的经典黄金比例。这种曲线最大的特点所有的比例都显得恰到好处，让人感到身心舒畅。

斐波那契螺旋线

不论做LOGO还是选择配图，都离不开黄金比例的应用。

以Franco fontana1987年在Basillicata拍摄的作品为例。该作品结构与黄金比例完美契合，宁静的画面中传达出一种觉醒的灵感。云彩的位置恰到好处，起到了平衡整体视觉的效果。同时，精致的线条将画面分割给大家带来一定的稳定感。

作为设计新人，在做飞机稿时，找配图尽量找接近黄金比例的图，如果实在找不到类似的话，我们可以通过微调图片达到自己想要的效果。

关于比例与质量：

关于图片的质量，像素妹很想强调下，不管你做的再规范，如果你的图片不够清晰，整体个页面都会显得非常山寨。有很多设计师新人总是喜欢偷懒，将比较小的图片稍微拉大一些，将本身很合适的图片进行拉伸或者不按照比例缩放，以为大家看不出来，达到蒙混过关的目的。

其实这是一种很低级的错误。虽然同样是一幅图，但是我们可以明显的看出，左边的图片的质量明显低于右边的图片。左边的图片放大后并被拉伸，与右边图片质量相比就显得很不上档次。

结语：

图片的选择，要与界面的风格有着完美的契合点，配图与界面中的配色同等重要。看到界面中的配图，一般人会有一个整体印象，这个印象，其实也正是界面风格的一种体现。