設(shè)計稿如何選合適的配圖?

一個優(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))

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末摧茴,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子埂陆,更是在濱河造成了極大的恐慌苛白,老刑警劉巖娃豹,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異购裙,居然都是意外死亡懂版,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門躏率,熙熙樓的掌柜王于貴愁眉苦臉地迎上來躯畴,“玉大人,你說我怎么就攤上這事薇芝∨畛” “怎么了?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵夯到,是天一觀的道長嚷缭。 經(jīng)常有香客問我,道長耍贾,這世上最難降的妖魔是什么阅爽? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮荐开,結(jié)果婚禮上付翁,老公的妹妹穿的比我還像新娘。我一直安慰自己誓焦,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布着帽。 她就那樣靜靜地躺著杂伟,像睡著了一般。 火紅的嫁衣襯著肌膚如雪仍翰。 梳的紋絲不亂的頭發(fā)上赫粥,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音予借,去河邊找鬼越平。 笑死,一個胖子當(dāng)著我的面吹牛灵迫,可吹牛的內(nèi)容都是我干的秦叛。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼瀑粥,長吁一口氣:“原來是場噩夢啊……” “哼挣跋!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狞换,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤避咆,失蹤者是張志新(化名)和其女友劉穎舟肉,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體查库,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡路媚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了樊销。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片整慎。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖现柠,靈堂內(nèi)的尸體忽然破棺而出院领,到底是詐尸還是另有隱情,我是刑警寧澤够吩,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布比然,位于F島的核電站,受9級特大地震影響周循,放射性物質(zhì)發(fā)生泄漏强法。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一湾笛、第九天 我趴在偏房一處隱蔽的房頂上張望饮怯。 院中可真熱鬧,春花似錦嚎研、人聲如沸蓖墅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽论矾。三九已至,卻和暖如春杆勇,著一層夾襖步出監(jiān)牢的瞬間贪壳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工蚜退, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留闰靴,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓钻注,卻偏偏與公主長得像蚂且,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子幅恋,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容