返回列表

作者:巨人電商

淘寶美工純干貨!“點(diǎn)線面”在淘寶美工設(shè)計(jì)中的運(yùn)用

POST TIME:2020-10-24

  一般來講分析一張海報(bào)圖都會(huì)從產(chǎn)品、背景、文案、配色、排版這幾塊組成的,今天小編帶你來了解了解“點(diǎn)線面”及“點(diǎn)線面”在淘寶美工設(shè)計(jì)中的運(yùn)用。

  

  點(diǎn)線面之間的關(guān)系是相對(duì)的,不是絕對(duì)的。

  

  在重復(fù)一遍,點(diǎn)線面之間的關(guān)系是相對(duì)的,不是絕對(duì)的,這個(gè)畫面中:

  A比較B,A是面,B是點(diǎn)。 F比較B,F(xiàn)是面,B是點(diǎn)。

  小時(shí)候剛學(xué)素描時(shí)候老師講過一句話,點(diǎn)連成線,線連成面,這句話也是最近猛然又想起的,直到現(xiàn)在發(fā)現(xiàn)原來設(shè)計(jì)與素描有很多相通之處……在上面這個(gè)畫面中,C比較B,C是線,B還是點(diǎn)。B多了連成了C,C多了連成為E。

  知道上面這些有什么用嗎?我感覺卵用不是太大……大致了解下就可以,至少現(xiàn)在我是這么認(rèn)為的……主要還是看知道這個(gè)玩意對(duì)我們有什么幫助…

  

  上圖中的點(diǎn)線面很好區(qū)分,圖中的模特以及中間的大三角形可以理解為“面”背景中的小三角形可以理解為“點(diǎn)”,背景上的線條裝飾可以理解為“線”。

  

  點(diǎn)的元素在電商設(shè)計(jì)中主要存在的意義就是點(diǎn)綴活躍畫面,烘托氛圍,豐富畫面!點(diǎn)在畫面中常見的表現(xiàn)元素有:綠葉、花瓣、玻璃、火花、幾何色塊、碎石等等添加點(diǎn)元素的時(shí)候注意近實(shí)遠(yuǎn)虛,近大遠(yuǎn)小的以及疏密的對(duì)比等。

  綠葉與花瓣

  

  玻璃碎片(這個(gè)可以下載玻璃筆刷)

  

  火花

  

  幾何碎片

  

  彩片、金幣、紅包(常見于扁平化風(fēng)格)

  

  點(diǎn)元素的選用主要是要契合畫面的氛圍,使用可以配合主題的點(diǎn)元素,當(dāng)然點(diǎn)元素絕不止上面幾種,下圖中的圓形標(biāo)簽也可以理解為”點(diǎn)“。

  

  下圖中的手表,眼鏡,箱子都可以理解為“點(diǎn)”,契合海報(bào)的主題箱包會(huì)場(chǎng)。

  

  下圖中的綠葉、小鳥都可以理解為”點(diǎn)“,配合營(yíng)造一個(gè)早春的主題

  

  大家看看有”點(diǎn)“和沒有”點(diǎn)“畫面是什么樣子?是不是少了很多氣氛。

  

  線的存在意義,渲染畫面,引導(dǎo)或分割畫面元素,串聯(lián)畫面中的元素。

  

  線做為背景用來渲染畫面,最常見基本兩種,一種是放射性的線,一種是45°的斜線放射性線有很強(qiáng)視覺沖擊。45°斜線會(huì)有一種失衡帶來的運(yùn)動(dòng)感,和視覺活力。運(yùn)用的時(shí)候需要注意線條的粗細(xì)和長(zhǎng)短對(duì)比。

  

  線條在文案中配合色塊可以起到分割畫面信息的作用,讓文案更有條理。有時(shí)候也起引導(dǎo)指向作用,就整個(gè)畫面而言,文案也可以理解為“線”,比如漢字下面的幾行英文小字,它們的存在可以很好的增加畫面的細(xì)膩感和逼格。如下圖

  

  線條在畫面中也有引導(dǎo)指向作用,串聯(lián)信息的作用,如下圖

  

  面一般是畫面中的主角,在電商海報(bào)中一般就是指產(chǎn)品了。除了產(chǎn)品之外的面,在設(shè)計(jì)中面元素還經(jīng)常起到組合信息,分割畫面的作用。

  

  一些常見的首頁基本都是通過色塊也就是“面”來組合畫面,需要注意的是面與面之間要通過不同的排列來靈活對(duì)比。

  

  不得不提現(xiàn)在非常常見的幾何色塊元素,不規(guī)則幾何元素讓畫面背景不再單調(diào),同時(shí)讓畫面增加現(xiàn)代時(shí)尚感,同時(shí)讓畫面也有層次和活力。

  

  背景采用不同形狀切割畫面,可以與產(chǎn)品配合,加些投影營(yíng)造畫面的前后層次感,同時(shí)也讓畫面富有活力和動(dòng)感。

  

  你能看出下面海報(bào)中的“點(diǎn)線面”嗎?

  

      用不同的方法分析圖片的出來的結(jié)論就會(huì)不一樣,入伙用以前的產(chǎn)品、背景、文案、配色、排版來分析的話也是可以的,不信你去試試,每個(gè)人設(shè)計(jì)風(fēng)格也會(huì)有不同,所以只要你看懂了這篇文章懂了什么點(diǎn)線面在以后去做圖分析圖片的時(shí)候可以運(yùn)用到那這篇文章就沒有寫錯(cuò)了。

小編推薦閱讀《淘寶美工:怎樣才是一張成功的海報(bào)》

小編推薦閱讀《淘寶美工從不告訴你的主圖技巧》