作為UI設(shè)計(jì)，在一款產(chǎn)品沒(méi)有落地之前，效果最主要的作用就是讓別人對(duì)我們的界面產(chǎn)生好感，同時(shí)在發(fā)表作品或者找工作的時(shí)候，我們的設(shè)計(jì)稿也是有很大的門面作用的。

圖片在整個(gè)界面中占比是非常大的，所以界面中的每一個(gè)圖片都不能馬虎對(duì)待，那么在界面設(shè)計(jì)的時(shí)候，需要注意圖片的選擇方法，以及圖片和界面 的統(tǒng)一性的問(wèn)題。

1、挑選配圖的常見(jiàn)過(guò)錯(cuò)

在為產(chǎn)品找配圖的時(shí)候，是一個(gè)很艱難的過(guò)程，好的圖片能夠讓界面達(dá)到更好的視覺(jué)效果，但是我們常常找圖找到后面的時(shí)候會(huì)陷入死胡同，比如我某次漫畫(huà)首頁(yè)的練習(xí)，找圖找到奔潰的那種，因?yàn)槭锹?huà)，所以覺(jué)得需要畫(huà)風(fēng)一致的首頁(yè)，因此我鉆的第一個(gè)死胡同是強(qiáng)烈追求畫(huà)風(fēng)一致，導(dǎo)致忽略了圖片還需要視覺(jué)簡(jiǎn)單同時(shí)重心一致的地方，如下圖第一個(gè)失敗的案例:

那時(shí)候是為了與banner的畫(huà)風(fēng)保持一致，但是這個(gè)畫(huà)風(fēng)其實(shí)比較特殊并且少見(jiàn)，我又不愿意放棄我好不容易過(guò)了的banner圖（重新找很難得），然后我選擇了更難的一條路，就是上面看到的那樣，下面所有的封面都是配合banner圖的。

封面效果不好自然是要修改的，下面就陷入第二個(gè)死胡同，重心不在一個(gè)點(diǎn)上，同時(shí)沒(méi)有封面該有的故事性，但是還是比上面的好一點(diǎn)的，如我第二個(gè)失敗的封面為例：

找圖片真的是一件很難的事情 ，小聲說(shuō)：如果有小伙伴們有好的網(wǎng)站推薦（不是很貴的也可以），記得留言區(qū)給出鏈接，團(tuán)子給你比小心心。我覺(jué)得要找重心差不多，畫(huà)風(fēng)一致的，并且要讓用戶有點(diǎn)擊欲的真的怪難找的。

這里要插播一個(gè)要封面有故事性的小話題，舉個(gè)目前我見(jiàn)到的最好的例子，《七月與安生》的電影海報(bào)，可以看好久的那種，一張圖片就大致能夠看出這個(gè)電影的故事性，如果兩者位置翻轉(zhuǎn)，可能又是另一番景象了，當(dāng)然我的漫畫(huà)封面沒(méi)有這么高的要求，但是還是要有所表現(xiàn)的，如下圖所示：

所以找封面就開(kāi)始側(cè)重于有故事類或者本身就是動(dòng)漫的封面或者情節(jié)圖，同時(shí)把握封面的一致性以及人物的重點(diǎn)，想清楚了要表達(dá)的效果以及側(cè)重點(diǎn)是什么，這樣找起來(lái)還是比較難，但是比之前沒(méi)有想清楚要什么會(huì)簡(jiǎn)單很多。請(qǐng)看我的第三稿：

從上面三個(gè)不同封面的界面來(lái)看，我們可以很明顯的看出來(lái)封面對(duì)于界面的差別還是比較大的，當(dāng)然不是說(shuō)我最后一稿就是最好的，只是希望大家能夠看到我的進(jìn)步以及思考的過(guò)程。

封面難找的地方在于我們一開(kāi)始沒(méi)有想清楚我們的產(chǎn)品定位以及需要表現(xiàn)出來(lái)的效果，比如說(shuō)漫畫(huà)界面，需要的圖片就是有故事張力以及整體視覺(jué)一致，但是類似漫畫(huà)、視頻還有小說(shuō)類的封面都是屬于比較難找的類型，大家可以通過(guò)作者或者是風(fēng)格來(lái)搜索，會(huì)比較好找一點(diǎn)（但前提在于這個(gè)作者比較多產(chǎn)。。。）

保持統(tǒng)一

可能是因?yàn)榕鋱D比較難，所以我另外一個(gè)很常見(jiàn)的問(wèn)題就是，不同的界面圖片風(fēng)格就不太一樣了，主要是因?yàn)樵谧霎?dāng)前頁(yè)面的時(shí)候，配圖就會(huì)忘記考慮別的頁(yè)面了，導(dǎo)致不同的頁(yè)面配圖風(fēng)格都是各不相同（百變小櫻就是我。。。）如下圖所示：

這是我做的首頁(yè)、運(yùn)營(yíng)業(yè)和詳情頁(yè)，配圖就是三種不同的風(fēng)格了，其實(shí)這樣看起來(lái)詳情頁(yè)的配圖展現(xiàn)出來(lái)的效果是最好的，因?yàn)殡m然我的產(chǎn)品是K12，但是其實(shí)真正的用戶是家長(zhǎng)，因此配圖上以插畫(huà)為主，但是不能過(guò)于太幼齡，所以配圖的風(fēng)格以簡(jiǎn)約、大氣同時(shí)形式上也可以特別一點(diǎn)比較好。再看我改好了的一版：

還有一種情況就是自尊心太強(qiáng)羞于請(qǐng)教別人，或害怕別人不搭理，若想成為一名優(yōu)秀的設(shè)計(jì)師，臉皮薄可不好，玻璃心可不好，因?yàn)樵O(shè)計(jì)其實(shí)是一種溝通的過(guò)程，你不與同行切磋便不知自己跟別人的差距。

總結(jié)

關(guān)于配圖大家都看過(guò)了很多文章了，可能也會(huì)有人跟我一樣文章看過(guò)千千萬(wàn)，依然配不好圖的那種，其實(shí)還是建議大家不要盲目的直接就是打開(kāi)各路圖片網(wǎng)站一頓亂找，還是要想清楚你的界面需要什么樣類型的圖，或者想要怎樣的配圖才能讓你的界面效果更好。

作者：潘團(tuán)子

原文連接：海鹽社