《電子商務(wù)視覺設(shè)計(jì)》課件-4.1 圖文搭配基礎(chǔ) 電商圖文排版

電商視覺設(shè)計(jì)-電商圖文排版-構(gòu)圖-本次課程主要談一談學(xué)習(xí)的方法，如何有效地學(xué)習(xí)CONTENTS目錄三分法構(gòu)圖1中分法構(gòu)圖2對角線構(gòu)圖3滿版構(gòu)圖401三分法構(gòu)圖THISTEMPLATEDESIGNED三分法構(gòu)圖三分法構(gòu)圖跟九宮格構(gòu)圖很類似，就是將一副畫面橫豎進(jìn)行三等分，安排內(nèi)容去填充213456987THISTEMPLATEDESIGNED三分法構(gòu)圖THISTEMPLATEDESIGNED三分法構(gòu)圖THISTEMPLATEDESIGNED三分法構(gòu)圖豎向的三分法，豎向等分成三分，每三分之一安排不同的內(nèi)容02中分法構(gòu)圖THISTEMPLATEDESIGNED中分法構(gòu)圖中分法構(gòu)圖就是將畫面按照中軸線分成上下或者左右兩部分，兩部分的面積基本相當(dāng)甚至對稱，一部分為文案，另一部分是圖片。THISTEMPLATEDESIGNED中分法構(gòu)圖中分法是很純粹，也是最容易想到的構(gòu)圖方式，但是既然大多數(shù)人都能想到，想做出效果也比較難，需要借助好的圖片，好的背景元素才能將這種構(gòu)圖形式作出新意。THISTEMPLATEDESIGNED中分法構(gòu)圖如果是豎版圖，可以安排成上文下圖，也可以安排成下文上圖。03對角線構(gòu)圖THISTEMPLATEDESIGNED對角線構(gòu)圖對角線構(gòu)圖其實(shí)是從中分法構(gòu)圖中演變出來的，是以對角線為基準(zhǔn)進(jìn)行橫向或者豎向分割。構(gòu)圖形式相對于中分法構(gòu)圖更靈活。THISTEMPLATEDESIGNED對角線構(gòu)圖豎向也一樣，對角線并非一條實(shí)線，而是一條抽象出來的線04滿版構(gòu)圖THISTEMPLATEDESIGNED滿版構(gòu)圖滿版構(gòu)圖不太適合初學(xué)者，需要一定的構(gòu)圖水準(zhǔn)，這種滿版的構(gòu)圖其實(shí)是各種其他的構(gòu)圖技巧的綜合使用，實(shí)踐技巧很難用文字表述，都是積累了大量經(jīng)驗(yàn)之后的融會貫通電商視覺設(shè)計(jì)-電商圖文排版-圖文均衡-本次課程主要談一談學(xué)習(xí)的方法，如何有效地學(xué)習(xí)CONTENTS目錄圖文面積均衡1視覺重量均衡2空間透視均衡301圖文面積均衡THISTEMPLATEDESIGNED圖文面積均衡圖文面積均衡是指圖像與文案在面積上是相對均衡的，處于視覺舒適的合理區(qū)間。如果用三分法構(gòu)圖的話，比較合理的安排：文案部分占三分之一，圖像部分（連同背景）占三分之二THISTEMPLATEDESIGNED圖文面積均衡THISTEMPLATEDESIGNED圖文面積均衡02視覺重量均衡THISTEMPLATEDESIGNED視覺重量均衡每個(gè)出現(xiàn)在畫面中的視覺元素都有視覺重量感，比如：顏色深的圖像或者文字比顏色淺的圖像或者文字感覺要重一些；面積大的圖像或者文字比面積小的感覺要重一些；透明度低的比透明度高的感覺要重一些等。123THISTEMPLATEDESIGNED視覺重量均衡既然每個(gè)元素都具備視覺上的重量感，我們就可以將他們視作砝碼，將整個(gè)畫面視作一個(gè)天平，通過調(diào)節(jié)砝碼的重量來保持天平的平衡。THISTEMPLATEDESIGNED視覺重量均衡THISTEMPLATEDESIGNED視覺重量均衡THISTEMPLATEDESIGNED視覺重量均衡03空間透視均衡THISTEMPLATEDESIGNED空間透視均衡畫面中如果具備方向感，需要遵循人眼的視覺習(xí)慣，合理安排好具備方向感元素的透視關(guān)系。THISTEMPLATEDES