這種表現(xiàn)手法比較難，屬于創(chuàng)意表達(dá)，畫面中不一定會(huì)出現(xiàn)產(chǎn)品實(shí)體或者logo非常小放在角落，
要設(shè)計(jì)出與產(chǎn)品調(diào)性相符合的場(chǎng)景畫面，如果這個(gè)畫面氣質(zhì)傳達(dá)的不夠明確的話，很容易使消費(fèi)者對(duì)商品產(chǎn)生懷疑。







這也是電商和DM當(dāng)中最常用到的手法，將同一品牌或同一產(chǎn)品的照片以多種角度多種形式排列，
全方位展現(xiàn)商品的信息，如果說(shuō)單一產(chǎn)品所呈現(xiàn)的是有格調(diào)，高逼格的感覺，
那多張產(chǎn)品會(huì)有節(jié)奏變化，會(huì)讓人感覺很有親切感，
這種手法會(huì)讓消費(fèi)者覺得產(chǎn)品就在身邊一樣，會(huì)更加放心的購(gòu)買。

①

 

統(tǒng)一圖片大小與位置


如果有一些同類圖片，這里以這組美食圖片為例，把它們編排到版面中：



首先把圖片規(guī)劃一下放置圖片的區(qū)域，然后把圖片置入同等大小的色塊當(dāng)中，把文字編排進(jìn)去，
這樣完成之后有什么問(wèn)題？照片在色塊中的大小沒有統(tǒng)一，并且位置也沒有統(tǒng)一，造成我們?cè)诳吹臅r(shí)候視線的流動(dòng)不順暢。

統(tǒng)一它們的輪廓，外輪廓統(tǒng)一成均等的尺寸，這樣視線才是流暢的。

兩張單頁(yè)放一起對(duì)比一下，不難看出哪個(gè)更好。

 

②

 

注意圖片色調(diào)與方向

這里我們以原研哉與阿部雅世的對(duì)話為例，當(dāng)要使用的照片具有方向性時(shí)，要根據(jù)內(nèi)容和照片主?的角度來(lái)擺放，
兩位設(shè)計(jì)師面部的朝向都是向外，這樣就不符合對(duì)話的這種形式了。


好，我們把朝向轉(zhuǎn)過(guò)來(lái)，統(tǒng)一圖片內(nèi)人物大小，再看色調(diào)，阿部雅世是偏明色調(diào)，
原研哉是暗色調(diào)，不妨給他們統(tǒng)一為黑白色調(diào)，這樣整體畫面就更加統(tǒng)一協(xié)調(diào)了。

 

②

 

表現(xiàn)時(shí)間的流動(dòng)或?qū)Ρ?/span>

如果給你看一個(gè)這樣的繪畫流程圖，想必你會(huì)很懵逼，這是個(gè)高手，完全不按套路畫，
我要把序號(hào)標(biāo)注上你就知道步驟的順序是怎樣的了，可是這樣視線會(huì)非常跳躍，影響信息的接收。

步驟流程從左至右依次排列，這樣就不亂了，也就是說(shuō)，多張圖片按照時(shí)間流程排列，
能凸出照片關(guān)聯(lián)性，可以表現(xiàn)時(shí)間流動(dòng)或者對(duì)比。

拿個(gè)案例來(lái)講，
這是被打亂的編發(fā)步驟。


首先給它規(guī)劃時(shí)間順序，讓人一目了然，這樣再編排到版面中，就很清晰了。


用多張照片進(jìn)行排版時(shí)，需要根據(jù)作品的用途和目的，將照片分為“主”和“次”等層級(jí)，對(duì)其提示的信息進(jìn)行調(diào)整，要強(qiáng)調(diào)關(guān)聯(lián)性的時(shí)候可以就近擺放，要弱化時(shí)則遠(yuǎn)離擺放，這樣明確顯示出信息的不同。

 

 

 

這里我們以日本四張旅游景點(diǎn)照片為素材，做一頁(yè)畫冊(cè)設(shè)計(jì)。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

當(dāng)我想突出日本人文情懷時(shí)，就把與之相關(guān)的照片放大，其他照片縮小，這樣圖片的對(duì)比就能更準(zhǔn)確的傳遞信息（文字為模擬）。

如果我想表現(xiàn)都市繁華的感覺，放大這張照片，其他照片縮小為同等比例。

想表現(xiàn)建筑特色和特別著名的旅游景點(diǎn)時(shí)，選擇它放大。

如果凸出生態(tài)環(huán)境呢，就放大動(dòng)物的自然環(huán)境的圖片。

如果把所有照片按照同樣大小、同樣距離擺放，所有信息會(huì)均等的傳遞給受眾，使整體氛圍很平淡。但是同樣有兩點(diǎn)需要注意：

第一，類似內(nèi)容或類似色調(diào)要靠近放置，這里左邊這兩張是街道圖片，放在一起，右邊是關(guān)于風(fēng)景的圖片，同樣放在一起，色調(diào)相近也可以靠近擺放，左邊是暖色調(diào)，右邊是冷色調(diào)。


第二，放置圖片時(shí)要意識(shí)到視線移動(dòng)，視線在橫排時(shí)候是從左至右Z字形移動(dòng)，豎排時(shí)是從右上到左下N字形移動(dòng)，要意識(shí)到這種移動(dòng)規(guī)則，人的閱讀習(xí)慣來(lái)誘導(dǎo)視線，才能做出更好的版面。




設(shè)計(jì)一個(gè)網(wǎng)頁(yè)



用這些大小不一、?度不同、色調(diào)不一致的圖片，設(shè)計(jì)一個(gè)宜家居的網(wǎng)頁(yè)。



這個(gè)網(wǎng)頁(yè)我們來(lái)一屏一屏的設(shè)計(jì)，首先就是頭圖，頭圖我們選擇一個(gè)場(chǎng)景圖也就是前面我們講過(guò)的，
產(chǎn)品使用場(chǎng)景圖，使用產(chǎn)品的這種代入感更加具體形象，以它作為背景，加入文字與網(wǎng)頁(yè)組件以及l(fā)ogo。



這部分我們想放跳往二級(jí)目錄的指引，分三個(gè)部分，熱搜產(chǎn)品、限量發(fā)售、暢銷推薦，以三個(gè)角度不同的去底照片來(lái)展示，區(qū)分各項(xiàng)的類別。



中間可以穿插一個(gè)視頻作為過(guò)度



這一屏是座椅，因?yàn)閳D片本身大小不一，所以我們劃分六個(gè)相同的色塊，統(tǒng)一大小，
展示三個(gè)不同?度的照片，然后有兩個(gè)局部特寫，讓消費(fèi)者有個(gè)直觀的感受，增加消費(fèi)者對(duì)產(chǎn)品的信賴。



下一屏我們來(lái)展現(xiàn)兒童的玩具，在此之前，需要一個(gè)主圖，作為過(guò)渡，小孩抱著玩偶屬于使用時(shí)的照片，
有種真實(shí)性和親切感。然后我們配以手寫的英文字體，來(lái)呼應(yīng)畫面?zhèn)鬟f的氣質(zhì)。



展示玩偶商品，調(diào)整成同樣的?度，大小一致，放入產(chǎn)品信息。


 

 

 

 

這一屏是家居使用場(chǎng)景圖，色調(diào)一致，看來(lái)不需要做任何調(diào)整了，但是我們?cè)谏厦婕游淖志秃茈y凸顯出來(lái)，
所以，加個(gè)暗色調(diào)，做透明的處理，再加入相關(guān)的文字。
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

底部規(guī)范一下文字信息

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

本篇教程到這里就結(jié)束了，我們來(lái)回顧一下這節(jié)課所講的知識(shí)點(diǎn)，第一，我們從各個(gè)角度來(lái)分析了照片，每個(gè)角度會(huì)傳遞出不同的心理感受，第二個(gè)，我們從照片表現(xiàn)形式出發(fā)，包含了8點(diǎn)內(nèi)容，還有多張照片在一起編排時(shí)候，需要注意哪些事項(xiàng)，當(dāng)然，這些照片在做設(shè)計(jì)時(shí)，很多是攝影師提供給你的，不一定是設(shè)計(jì)師親自參與，所以為了避免出現(xiàn)后期多次反復(fù)改稿的情況，還是需要大家在拍攝之前和攝影師進(jìn)行溝通，盡量拿出一些實(shí)例來(lái)給攝影師看，這樣才會(huì)更有效率更好的完成工作，所以，設(shè)計(jì)師需要學(xué)習(xí)的東西非常多，我們經(jīng)常說(shuō)，設(shè)計(jì)師要是個(gè)雜家，你的知識(shí)儲(chǔ)備越豐富，你在設(shè)計(jì)時(shí)才越會(huì)得心應(yīng)手，設(shè)計(jì)這條路走到最后拼的就是你知識(shí)的廣度，好了，我們下次再見吧。

 

 

 

 

 

 

 

 

 

(責(zé)任編輯：HX)