美工知識(shí)，如何做出高大上的天貓店鋪首頁(yè)

說(shuō)在前面：

在上家公司工作的時(shí)候，發(fā)現(xiàn)有些設(shè)計(jì)上的朋友會(huì)有困惑，有時(shí)不知道從何下手去做一個(gè)店鋪首頁(yè)，總是停留在抄襲別家店鋪的階段，一直無(wú)法突破。后來(lái)，就想總結(jié)一下個(gè)人的經(jīng)驗(yàn)，一直沒(méi)時(shí)間寫(xiě)，現(xiàn)在終于碼字碼上來(lái)了。以下也有很多不足之處，僅代表個(gè)人的經(jīng)驗(yàn)，不喜勿噴哦~

------------------------------------------------------------------------------------------

下面，我們先來(lái)看兩張?zhí)詫毶系暮?bào)（如有原作者看到請(qǐng)見(jiàn)諒，僅僅是技術(shù)交流，無(wú)抨擊之意）

從元素、排版、配色上講一下這張海報(bào)存在哪些問(wèn)題：

1、背景的選擇無(wú)依據(jù)。根據(jù)背景顯示應(yīng)該是找了一張餐廳的背景，那么與產(chǎn)品本身并沒(méi)有什么聯(lián)系，即不是表達(dá)的產(chǎn)品的食用場(chǎng)景，也不是從產(chǎn)品本身的賣(mài)點(diǎn)出發(fā)，所以這張背景的選擇是欠斟酌的。其次，背景的顏色太花，色調(diào)不統(tǒng)一，這樣就會(huì)打亂整個(gè)畫(huà)面的調(diào)子，這也是沒(méi)有注意到的。

2、產(chǎn)品的視角與背景的視角不符合。產(chǎn)品是仰角拍攝的，而找的背景卻是平視的背景，視覺(jué)上就產(chǎn)生了錯(cuò)亂，消費(fèi)者看到后第一反應(yīng)自然是不舒服。

3、文字排版無(wú)規(guī)則，造成空間浪費(fèi)。文字的排版要講究以點(diǎn)成線、以線成面的原則，而上圖只是打了兩行字，也無(wú)重點(diǎn)側(cè)重。再者文字的配色也是有問(wèn)題的，先不講字體的選擇是否合理，單第二行文字的配色就超過(guò)了三種，真是亮瞎了我的鈦合金雙眼。

由于我膽子小，擔(dān)心選的問(wèn)題海報(bào)太多，被原作者們追著打，下面還是給大家分析一下優(yōu)秀的海報(bào)作品吧。

這么一對(duì)比，是不是瞬間覺(jué)得這張海報(bào)簡(jiǎn)直太**“高大上”了？

1、色調(diào)統(tǒng)一，采用的是手繪風(fēng)格的背景元素，模特圖片的融合上也毫無(wú)違和感

2、左右排版，對(duì)稱統(tǒng)一又不失變化，請(qǐng)注意上圖左邊的兩顆小樹(shù)和右邊的單棵小樹(shù)，作者在這故意做了一些變化，用數(shù)量的變化來(lái)增加了畫(huà)面的韻律感。