一個優(yōu)秀的設(shè)計稿付材,除了配色樊零,字體我磁,排版外孽文,配圖也是一個很關(guān)鍵的點。
以UI視覺為例來說夺艰。設(shè)計的一般思路是芋哭,先確定風(fēng)格。知道自己做什么樣的郁副,是冷靜的簡約風(fēng)减牺,還是熱烈的多漸變。根據(jù)產(chǎn)品特性以及目標(biāo)用戶確定設(shè)計風(fēng)格存谎。然后確定整體框架布局拔疚。這里的框架布局是指文字大小,廣告位既荚,配圖大小位置的確定稚失。最后填細節(jié),圖片的填充恰聘,配圖的選擇句各。圖片類型的選擇根據(jù)產(chǎn)品的特點而定,比如做旅行類的app圖片可以景色晴叨,建筑等旅行類照片凿宾,美食app就選擇食物類照片。
為了更好的說明兼蕊,我將之前練習(xí)稿圖片進行替換初厚,大家來找茬,下面兩個界面孙技,哪個給你的感覺更好一點呢惧所。
上面兩個圖,只是配圖不同绪杏,但明顯左圖設(shè)計給人的感覺會更好下愈,為什么一點點的區(qū)別,就會產(chǎn)生如此大的差異呢蕾久。甚至給人的內(nèi)心感受一個可以說是賞心悅目势似,一個卻是臟亂,壓抑僧著。同時我們也會有這樣的經(jīng)驗履因。在瀏覽優(yōu)秀的UI作品時候,可以發(fā)現(xiàn)他們的圖片也是很舒服的盹愚。由此栅迄,我們可以說配圖對于一個設(shè)計好與壞起著很大作用。通過上面圖的對比皆怕,以及自己做設(shè)計的經(jīng)驗毅舆,總結(jié)配圖選擇時候的一些小的技巧西篓。
1 明度不能過暗
我們常常會聽見說這個顏色太灰了,太臟了憋活。在顯示器上的展示的圖和學(xué)習(xí)畫畫時候有著很大的區(qū)別的岂津,畫畫會有高級灰,在顯示器上展現(xiàn)的時候我們往往要求顏色比較鮮亮悦即,明快吮成。圖片作為整個設(shè)計的一個部分也是如此。明度過暗的配圖辜梳,會讓人產(chǎn)生壓抑的感覺粱甫。
? 2 背景元素不宜過多
圖片一般放在固定位置,有時候甚至固定大小作瞄。有一些場景宏大魔种,細節(jié)生動的圖片,盡管很美也很精致粉洼。但作為UI設(shè)計的選圖卻不一定合適,把他們放在設(shè)計稿內(nèi)叶摄,第一眼看過去往往會顯得零碎属韧,沒有焦點,雜亂蛤吓。所以選擇圖片時候宵喂。盡量選擇主體物單一,大色塊的圖片會給整體視覺加分会傲。
3 高清無碼(不能虛圖)
選圖時候選擇那些高清的大圖(文章最后我會分享一些高清圖的網(wǎng)站)锅棕,做設(shè)計三大低級錯誤:虛圖,變形淌山,水印裸燎。其中虛圖就在其中一列。圖片在放大時候很容易虛圖泼疑,所以設(shè)計時候格外注意去避免發(fā)生類似錯誤德绿。
4 構(gòu)圖
設(shè)計稿中圖片位置,大小往往是固定的退渗。放圖片時候我們常常需要設(shè)置剪貼蒙板移稳,圖片選擇之后,如何去放置也是值得注意的點会油。我們要去分析个粱,去觀察,去嘗試翻翩,去調(diào)試都许,最終選擇合適的展示區(qū)域稻薇。
5 圖片整體的調(diào)性
圖片全部放置好之后,我們還應(yīng)該站在一個整體的角度梭稚,去看圖與圖之間是否有統(tǒng)一的調(diào)性颖低。也就是一致性。這里的一致性包括冷暖弧烤,視角等等忱屑。比如并列信息層級的圖,有的事局部細節(jié)圖暇昂,有的是整體圖莺戒。這樣就不是很好。盡管在實際產(chǎn)品運營中急波,無法讓圖片達到完美的狀態(tài)从铲,但是一個設(shè)計稿應(yīng)對細節(jié)更高的要求。
如何去選擇一個合適的圖片澄暮,最重要的是多看多做名段,提高自己對美的鑒賞能力,當(dāng)你懂得區(qū)分美與丑的時候泣懊,自然能夠做出更好的設(shè)計伸辟。
最后分享比較棒的免費的可商業(yè)使用的圖片素材網(wǎng)站
Unsplash(超級推薦,超高解度圖片馍刮,作品沒有任何版權(quán)信夫,用戶可任意使用。)
Pixabay(Pixabay是一個中文網(wǎng)站卡啰,提供檢索和分類照片静稻,作品沒有任何版權(quán),用戶可任意使用匈辱。)
Gratisography(每星期都會更新由攝影師Ryan McGuire所拍的高像素照片振湾,數(shù)量雖不多,但很有靈氣亡脸。作品沒有任何版權(quán)恰梢,用戶可任意使用。)
除了圖片網(wǎng)站梗掰,也可以從設(shè)計網(wǎng)站上找圖嵌言,也是不錯的選擇。例如instagram,behance,Lofter,豆瓣及穗。(考慮版權(quán))