在一幅作品中，配圖往往是吸引用戶的重要元素，而在設(shè)計(jì)作品中，配圖同樣需要具備設(shè)計(jì)感，它能直接體現(xiàn)這位設(shè)計(jì)師的品味。配圖圖選的好，能快速拉高作品的設(shè)計(jì)品質(zhì)。(文末會(huì)分享給大家我常用的150張高質(zhì)量圖片資源，記得點(diǎn)贊下載哦)
這里有個(gè)點(diǎn)需要引起注意，有些人在做概念稿的時(shí)候會(huì)糾結(jié)到底要用真實(shí)場(chǎng)景的圖，還是要用設(shè)計(jì)感更強(qiáng)的圖。嚴(yán)格來(lái)說(shuō)也沒(méi)有對(duì)錯(cuò)，但我建議大家選用設(shè)計(jì)感更強(qiáng)的圖更加分，因?yàn)樵O(shè)計(jì)師在看作品時(shí)的第一印象還是作品本身的設(shè)計(jì)感，更關(guān)注視覺(jué)專業(yè)能力。優(yōu)質(zhì)的選圖能夠體現(xiàn)一個(gè)設(shè)計(jì)師基本的審美，真實(shí)的產(chǎn)品配圖雖然更能體現(xiàn)線上實(shí)際效果，但第一印象扣分了就很難繼續(xù)往下看了。
好看的作品會(huì)有一種直覺(jué)美，就是你一眼看過(guò)去，就能打動(dòng)你。按我自己的經(jīng)驗(yàn)，我會(huì)從以下7個(gè)方面快速判斷一張圖是否具有設(shè)計(jì)感：
1.顏色要飽滿
一張圖里應(yīng)該有暗部，亮部和比較多的灰度區(qū)域，有一個(gè)簡(jiǎn)單的辦法，如果把照片去色后用色階檢查的時(shí)候依然從黑到白顏色信息飽滿就是合格的，有1分最暗的地方，1分最亮的地方，8分暗部過(guò)渡這種圖片會(huì)比較好。（當(dāng)然這不是唯一的標(biāo)準(zhǔn)，不同的顏色氛圍能表達(dá)不同的情緒，這里只是為了方便判斷）
或者也可以直接打開色階，如果直方圖中從白到黑都有較多顏色信息，就代表顏色是飽滿的。
2.光影關(guān)系要細(xì)節(jié)
畫面中有合理的高光，投影有細(xì)節(jié)，能突出畫面主體內(nèi)容，避免出現(xiàn)死黑。不僅限于照片，在UI設(shè)計(jì)中，要注意投影會(huì)反射場(chǎng)景中其他的顏色信息，避免使用純黑色投影。有2個(gè)做法，一個(gè)是直接給投影吸上周圍的顏色然后加深一些，另一個(gè)是通過(guò)修改投影的疊加模式改為正片疊底。
3.大的留白
要讓畫面具有不錯(cuò)的設(shè)計(jì)感，大量留白是一個(gè)比較好的辦法，畫面簡(jiǎn)潔，具有高級(jí)感。
4.構(gòu)圖有特點(diǎn)
一幅好的作品，首先吸引你注意的多半是構(gòu)圖，構(gòu)圖關(guān)系比較獨(dú)特，往往就能令你印象深刻。常見的畫面構(gòu)圖方式有：中心構(gòu)圖、水平線構(gòu)圖、垂直線構(gòu)圖、三分構(gòu)圖、對(duì)稱構(gòu)圖、對(duì)角線構(gòu)圖、引導(dǎo)線構(gòu)圖、框架構(gòu)圖、重復(fù)構(gòu)圖。這些常見構(gòu)圖法引用自知乎上一篇很棒的文章《九種最常用的構(gòu)圖法》https://zhuanlan.zhihu.com/p/21261635，推薦大家看看，我這里就不詳細(xì)展開了。
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com
圖片來(lái)源：https://www.pexels.com這些構(gòu)圖方法需要經(jīng)常在看圖的過(guò)程中進(jìn)行有意識(shí)的分辨，才能加深印象，然后潛移默化的改變自己的審美。比如我自己在拍照的時(shí)候，看圖的時(shí)候，會(huì)下意識(shí)的判斷下這個(gè)畫面屬于什么樣的構(gòu)圖方式，不論是拍攝的過(guò)程中還是后期，都能比較準(zhǔn)確的把握好畫面的美感。
5.細(xì)節(jié)有亮點(diǎn)
在看一副作品時(shí)，要注意找畫面中吸引自己的點(diǎn)，并隨時(shí)做好筆記。這些亮點(diǎn)可以是一個(gè)少見的材質(zhì)，可以是一個(gè)有意思的創(chuàng)意，但凡有點(diǎn)出人意料的小細(xì)節(jié)，就可以為作品增色不少。比如可以是這種顛覆的對(duì)比關(guān)系
比如這張人像與魚的組合，眼睛部分做成了魚鱗的形狀，就是一個(gè)不錯(cuò)的亮點(diǎn)
這些設(shè)計(jì)亮點(diǎn)相對(duì)比較主觀，只有你能說(shuō)出你喜歡它的理由，那么這就是它亮點(diǎn)。
6.切合主題
配圖的選擇要有系列感，千萬(wàn)不要讓畫面顯得凌亂。比如做UI時(shí)的概念稿，選定一個(gè)配圖風(fēng)格后，后續(xù)的配圖也保持這種風(fēng)格，統(tǒng)一才有更好的美感。比如偏概念性的配圖就可以使用下面這個(gè)系列，我個(gè)人非常喜歡的：
圖片來(lái)源:https://dribbble.com/shots/15667376
圖片來(lái)源：https://dribbble.com/shots/14873066-Cepirit-Japan-Travel-App-Exploration7.顏色豐富
干凈或者炫酷的顏色，都能非常吸引用戶的注意力，在一些需要設(shè)計(jì)感的UI配圖中，比如音樂(lè)，藝術(shù)類的APP設(shè)計(jì)中非常好用。
總結(jié)
大家平時(shí)在看圖的時(shí)候，要有意識(shí)的進(jìn)行收藏，有些配圖是可以反復(fù)使用的，像文章中的這些配圖被我稱之為“御用配圖”。當(dāng)然，還可以把常用的配圖做成圖片組件庫(kù)，提升效率。文章中所提到的選圖方法，并非唯一的標(biāo)注答案，只是我們?cè)趯?shí)際工作中的一些快速判斷方法。如果你自己有更好的辦法，也歡迎在留言區(qū)與大家分享~最后，也分享一些常用的免費(fèi)圖片資源網(wǎng)站給到大家，不用收藏太多，有幾個(gè)精品網(wǎng)站足矣：1）高質(zhì)量的圖片視頻資源網(wǎng)站，視頻和圖片都可以免費(fèi)下載2）國(guó)外的高質(zhì)量免費(fèi)圖片下載網(wǎng)站，這個(gè)網(wǎng)站的資源分類更加全面，跟sketch也有合作，隨機(jī)生成的圖片，來(lái)源就是這個(gè)網(wǎng)站3）高質(zhì)量的作品分享網(wǎng)站，里面的資源比較豐富，這里面有很多攝影師自己上傳的圖片，登錄后即可下載https://www.deviantart.com
