您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 視覺設計 >> 瀏覽設計教程

干貨!如何給作品配圖!清晰度?合適性?統(tǒng)一性?

你找的圖片真的合適嗎?你有思考過配圖的合理性嗎,比如圖片是否清晰(什么樣的圖片算作清晰)、圖片的大小和位置、是否和所處的環(huán)境匹配、是否做到了整體的統(tǒng)一等。

 

根據(jù)我平時工作和教學中遇到的一些問題,總結出了一些配圖過程中用到的一些小技巧和常犯的錯誤,下面我就從清晰度、合適性、統(tǒng)一性三個方面具體講一下配圖方面的知識。



一、清晰度


在配圖應用中有一個點更是很多設計師都會自動忽略的部分,那就是圖片的清晰度。不管素材清晰度的好壞就直接應用到畫面里,這種做法會讓圖片的整體檔次直接降低很多,即便你做的版式再好看,排版再合理,也都于事無補。所以平時應用素材的時候一定要滿足最基本的清晰條件。高清圖片搜集渠道當然是站酷的海洛創(chuàng)意,我們下面所用到的所有圖片均來自海洛創(chuàng)意。



清晰度在圖片里有三種表現(xiàn)形式 —— 清晰、模糊、低像素。


清晰自然是清晰度較好的圖片,能夠看清圖片的細節(jié)內(nèi)容;模糊是一種人為的圖片處理效果,是一種設計表現(xiàn)手段;而低像素是由于圖片分辨率過低導致的過渡像素不豐富,是最不提倡使用的圖片形式。舉個例子:同樣是在1cm2的體積內(nèi)表現(xiàn)黑白,如果只有兩個像素就是黑到白的直接過渡,而如果有十個像素則會是從黑色—深灰—灰—淺灰—白色的柔和過渡。

 


比起直接過渡,柔和過渡對圖片的表達會更飽滿,細節(jié)會更多,這也是為什么我們要用盡可能大分辨率圖片的原因,我們通常所說的圖片分辨率其實就是指某一特定尺寸內(nèi)所包含的像素數(shù)量的多少,拿顯示器常用的分辨率1920X1080來說,1920指的是橫向尺寸內(nèi)的像素數(shù)量,1080是指豎向尺寸內(nèi)的像素數(shù)量,那么整個顯示器所顯示的像素數(shù)量就是1920X1080個,所以當我們把顯示器分辨率調(diào)到1280X720,桌面的圖標和文字會變大,但是精度會變差,就是同等單位里的像素數(shù)量變少了,過度生硬了,所以圖片應用中,我們也要盡可能去找同一單位像素數(shù)量內(nèi)分辨率更大的圖片。

 


在特意使用模糊一些的圖片的時候,很多人分辨不出模糊效果和低像素圖片,其實區(qū)分它們的最直觀方式是查看色塊連接處有沒有明顯的色彩溢出,模糊圖片色塊銜接處的過度效果均勻,沒有很明顯的溢出感,而低像素的圖片在兩個不同色系的連接處會有非常生硬的色彩溢出,過度非常生硬——第二個圖有明顯的深藍色溢出。




不過在實際圖片應用中也會出現(xiàn)一些低像素但是確實好看的素材,使用這些圖片的時候我們要盡量使用原始尺寸或縮放尺寸,盡量不要放大應用,尤其是在背景處理中,不要一根筋的非要全部都呈現(xiàn),我們可以結合分割效果去應用,或者做大數(shù)值的模糊處理配合一些壓暗或紋理疊加等效果使用。



二、合適性

 

選擇清晰的圖片,只是應用好配圖的第一步,我們不能只滿足于尋找到了一個高清的圖片,還要去考慮這個圖片在畫面中的位置,大小,角度等合適性的問題。


配圖比較常用到的擺放形式有兩種,中心擺放和非中心擺放。


1、中心擺放


中心擺放多適用于圖形展示、產(chǎn)品展示、對稱物展示等追求平衡性和規(guī)范性的畫面中,體現(xiàn)穩(wěn)重感。針對于左右、上下的空間距離有一定的約束。


2、非中心擺放


非中心擺放常借助九宮格形式或三等分線來完成,把主要的元素集中到三等分線的交界處,讓空間變的靈活,讓畫面不呆滯,有一定畫面的延展性。

 

三等分的應用不要太過死板,要靈活對待,這種擺放形式針對于體現(xiàn)側(cè)面感、沖擊力、運動性等配圖有很好的視覺效果,是最為合適的表達形式。




非中心擺放中有兩種配圖形式是需要特別重視的,具有運動軌跡的配圖具有明確視線方向的配圖

首先是具有運動軌跡的配圖,從下方三張圖片去分析:

  


圖①的摩托車沒有完全進入畫面,有明確的方向軌跡,讓畫面的延續(xù)性和故事性變的更好。

圖②摩托車全部都在畫面中,對于運動性畫面來說缺少沖擊力,但是有相對的平穩(wěn)感;

圖③摩托車已經(jīng)沖出畫面,擁有絕對的速度感,但對于前方道路的未知感會增加一定的緊張氛圍。

所以對于運動中的配圖,選擇什么樣的位置去展示是需要針對要做的圖片主題去做思考的。


其次是視線方向,針對于具有明確視線方向的配圖,在應用中要盡量讓視線所看到的方向多預留一些空間,這樣才能讓視線的延展和引導性得到更大的發(fā)揮,下圖為例:



圖①視線所看方向有大量空白,擁有足夠的引導空間,讓畫面有很好的延續(xù)性,最為合理。

 

圖②視線前方?jīng)]有空白,引導不足,視覺感受是一下斷掉的,穩(wěn)定性是有了,但是不夠舒展。

 

圖③以在眼睛前方直接阻斷畫面,是在配圖中最為禁忌的一種表現(xiàn)類型。



3、大面積場景的配圖


對于擁有大面積場景的配圖,在空間關系上還要注意表達的主題,是要表達環(huán)境為主、綜合為主還是主體為主,每一個不同大小的主體與環(huán)境關系,都會影響到觀者的視覺感官,是要做好判斷的,下圖為例:



圖①主要以環(huán)境展示為主,人物為輔,畫面的主導是環(huán)境,思考點以環(huán)境為主——這是什么地方。

圖②人物與環(huán)境融合展現(xiàn),沒有特別的畫面主導,思考點以整體為主——他在這里做什么。

圖③主要以人物特寫為主,環(huán)境為輔,畫面主導是人物,思考點以人物為主——他要干什么。


4、與產(chǎn)品相關的配圖

 

與產(chǎn)品相關的配圖應用中,我們還要從要表達的主題方向去尋找配圖類別,不能盲目的只追求效果上的好看,而忽略了要表達的本質(zhì),比如當前圖片的目的是以展示產(chǎn)品外觀為主,就盡量選擇能夠清晰展示全貌的配圖,而不要使用太過細節(jié)或體現(xiàn)功能效果的圖片,那些圖片是比單一產(chǎn)品要好看,但并不是適合當前需求的圖片。

 


另外在給已經(jīng)搭建好整體風格的圖片做配圖時更要注意圖片在當前風格中是不是合適的,再美觀的配圖,如果跟整體畫面的風格不搭調(diào)就會讓畫面變了性質(zhì),感覺差不多就將就使用,這是很多設計師最不好的一種配圖習慣。



三、統(tǒng)一性

 

配圖的應用一定要有明確的統(tǒng)一性,尤其是多個配圖排列擺放的時候,圖片搭配的不統(tǒng)一,會讓整個畫面的感覺非常隨意,沒有美感。


1、角度統(tǒng)一


如果有半數(shù)以上配圖的角度是統(tǒng)一的,就盡量讓其他配圖也是同一角度。

 


2、大小與高低統(tǒng)一

同一主體的多種展示或帶有明顯視線的圖片中,我們可以使用兩個參考線來約束兩個所有配圖都共有的位置,比如人物的眼睛部分和嘴巴部分分別在一條線上。


3、風格統(tǒng)一

即便角度、大小、高低都符合要求,但是不一樣的風格圖片也會讓搭配變的別扭。


4、顏色統(tǒng)一

如果應用的配圖的顏色有太大的差異,要盡量把色調(diào)統(tǒng)一,如果不是很好統(tǒng)一,就都變?yōu)楹诎谆蛘邌紊珣谩?img src="http://irelandcustomcontracting.com/UploadFiles/2017-04/2/20174208167690077.jpg" style="border: 0px;"/>


5、整體與細節(jié)統(tǒng)一

如果要用到的配圖已經(jīng)固定,且其中有展示細節(jié)部分的圖片,哪怕只是一張,其他整體展示的圖片要盡量迎合著做細節(jié)展示,畢竟整體的圖可以放大展示細節(jié),但是細節(jié)的圖沒辦法縮小去展示整體。

最后我們來總結一下,通過以上的學習,我們了解到了什么樣的圖片算是清晰的圖片,圖片的擺放技巧,選擇圖片的技巧以及如何做到配圖的整體統(tǒng)一。配圖和配色排版是一樣的,也需要多觀察多思考多練習。


最后的最后,我有一段話想送給一部分設計師,這部分設計師沒有很好的思維方式和設計能力,但是很喜歡追求效果,想把圖片做的高端大氣上檔次,但是大部分時候這是一種“自不量力”,我們高估了自己的水平,而這種高估會毀了整張圖片,甚至一個設計師的信心。我堅信設計始終是要先會設計再會技法。希望大家在設計的過程中多去思考你做了這一步會給瀏覽者帶來什么影響,會不會讓人產(chǎn)生歧義等,多問下自己這樣是否合理。有時候,盲目追求效果,不如先從最樸實的一些基礎思維和正確方法入手,讓自己的圖片“先不錯、再不錯”。

[教程作者:站酷海洛創(chuàng)意]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui3520.html
設計圖片焦點的八個技巧
3招搞定數(shù)字元素在Banner及專題頁設計中的運用!
圖趣網(wǎng)微信
建議反饋
×