案列：女裝海報(bào) 尺 寸：1920x797px 安全區(qū)域：990px 亮點(diǎn)：模特不錯(cuò) 主要誤區(qū)：信息層級(jí)不清晰 縮略對(duì)照?qǐng)D▽ 誤區(qū)1 無效的英文裝飾效果 很多人都喜歡用英文去裝飾畫面，包括我以前也是。這是一個(gè)誤區(qū)、也不是說不可以用。必須在保證主題明確的條件下去裝飾，否則會(huì)擾亂信息閱讀。 除非頁面是以英文主題的。
誤區(qū)2 信息層級(jí)混亂、文案重復(fù) 其一在標(biāo)題的處理上面，我們可以去與運(yùn)營或產(chǎn)品溝通哪些是重點(diǎn)的。去放大它們區(qū)分它們，不要一味的為了排版的對(duì)齊。另外每一行的間距沒有細(xì)節(jié)太緊密了，緊湊的感覺不太妙。你會(huì)發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)師他們的作品在間距行距上面會(huì)把控的很好。在我看來“全場(chǎng)36元起”這個(gè)才是最大的利益點(diǎn)，也是運(yùn)營更加希望突出的，畢竟便宜死王道。 其二文案中有多次重復(fù)的信息是無效的、而且是閱讀的累贅。
誤區(qū)3 主體與標(biāo)題過于緊密，沒有呼吸空間 總是有人會(huì)提出留白，但就總是有人會(huì)覺得空了。 其實(shí)恰恰相反，只要你把握在900px的空間，主體和標(biāo)題之間有一定的空間呼吸。這樣畫面上面才會(huì)更加輕松舒適。
誤區(qū)4 標(biāo)簽過于粗糙、信息過多 其一在標(biāo)簽的處理上比較粗糙、負(fù)責(zé)化了。 標(biāo)簽平時(shí)可以多關(guān)注下韓國電商頁面里面的處理。 其二信息太多，一般來說作為標(biāo)簽可能它只有4個(gè)字或2個(gè)字。標(biāo)簽的用途是快速傳遞信息、而且相對(duì)明顯。標(biāo)簽的顏色和標(biāo)題顏色完全沒有區(qū)分，這樣是錯(cuò)誤的做法。
誤區(qū)5 無效的裝飾、海報(bào)高度過高 四個(gè)角無效的裝飾、相對(duì)于筆記本來說根本看不到。如果你是自適應(yīng)網(wǎng)頁的，那當(dāng)然可以有。 另外就是海報(bào)高度797px，這個(gè)高度相當(dāng)高了，現(xiàn)在發(fā)現(xiàn)電商行業(yè)的設(shè)計(jì)師把頭圖的尺寸做的很高，我也不知道為什么，這是一個(gè)挺不好的現(xiàn)象。 做那么大，細(xì)節(jié)那么差，難的是為了讓我們更容易看到么。偷笑 After修改后 ▽
縮略對(duì)照?qǐng)D▽ 其一 信息層級(jí)細(xì)分、控制好每個(gè)單位的行距 其一直接去掉英文，因?yàn)楦臼菬o效的。
其二把該放大的放大，該弱化的弱化，另外字體選擇細(xì)一些的，更符合女性。
其三控制每個(gè)單位之間的行距、#2016秋冬….#為一個(gè)單位 ，#全場(chǎng)360元….包郵#為一個(gè)單位。那它們之間的行距要大于一個(gè)單位里的行距。
其四 主體與主題留有一定空間 直接把人物往有移動(dòng)一定的空間，這個(gè)沒有具體的位置只要在視覺上是舒服的即可。但要保證在安全區(qū)域內(nèi)。
其五 優(yōu)化功能按鈕 把按鈕放大并且做的是可以點(diǎn)擊的狀態(tài)，別用黑色、白色這些。這些更像是不可點(diǎn)擊態(tài)，另外可以加上小icon更生動(dòng)一些。
案列總結(jié)： 1、信息層級(jí)必須分清楚
2、行距以單位把控好
3、該區(qū)分的區(qū)分 Case
2 Before修改前 ▽
縮略對(duì)照?qǐng)D▽ 案列：飛利浦海報(bào) 尺 寸：1920x700px 安全區(qū)域：990px 亮點(diǎn)：背景縱深感強(qiáng) 主要誤區(qū)：信息層級(jí)不清晰、飄絮過于強(qiáng)調(diào)
誤區(qū)1 商品之間沒有大小對(duì)比、商品重復(fù) 其一商品之間沒有對(duì)比、有2個(gè)一樣的只是存在顏色不同，我不建議放上來。對(duì)于商品擺放來說，4個(gè)商品這樣擺放也會(huì)顯得沒有“男豬腳” 其二商品與商品之間有一些松散。 其三逆光和環(huán)境色不夠、所以顯得商品還沒有融合到畫面中。
誤區(qū)2 標(biāo)題毫無主體 其一標(biāo)題沒有一個(gè)重要的，而且相對(duì)來說很小。極其的靠右這樣是最大的錯(cuò)誤。其二英文裝飾過重、應(yīng)當(dāng)弱化。英文如果是需要，可以多找些英文和中文這樣的標(biāo)題組合，但還是要分清楚重點(diǎn)。
誤區(qū)3 背景上面有點(diǎn)偏白、顏色有些欠缺 其一中間上面有點(diǎn)偏白，沒有內(nèi)容。顯得畫面有些空洞了。 其二背景的顏色有些過于偏黃了，可以加一些顏色。逆光也同樣有一些欠缺。
誤區(qū)4 飄絮過于粗糙、復(fù)雜 在添加飄絮裝飾氛圍的時(shí)候，我們不要一味的去添加。合適就行，有時(shí)候只需要有一些感覺即可。特別是這種碎、細(xì)的飄絮。 After修改后 ▽
縮略對(duì)照?qǐng)D▽ 修改1 拉開“男豬角”和配角直接的大小 其一減少到3個(gè)商品擺放，這樣更加具有穩(wěn)定性。其次拉開他們直接的大小，這樣就有了對(duì)比。 其二給商品用中性灰修圖增強(qiáng)明暗對(duì)比，效果是很顯著的。 其三商品周邊增加一些環(huán)境光，另外他們直接的陰影不能忘記。
修改2 主標(biāo)題重點(diǎn)化 其一挑出文案的重點(diǎn)作為標(biāo)題，一般來說不超過8個(gè)字 這里我隨便起來一個(gè)標(biāo)題，直接放大它，方法簡單粗暴、但效果顯著明了。其次要注意的是不要干巴巴的直接丟文字上去，給他們分層、動(dòng)態(tài)模糊做一些效果處理，會(huì)更精致一些。 其二在商品背后加一層薄薄的英文裝飾一下。
修改3 優(yōu)化背景顏色 其一在背景的顏色上面增加一些紅色，畫面會(huì)更暖一些。其次背景上面增加一些云做背景，避免太白過于空洞。 其二增加一些逆光、逆光可以通過一些光的射線濾色后處理。
修改4 弱化、在弱化飄絮 其一降低透明度，減少飄絮數(shù)量。 其二顏色上面也要避免單純的灰白色、可以調(diào)一些顏色上去，跟畫面的融合感會(huì)更強(qiáng)。
案列總結(jié)： 1、頁面需要一個(gè)“男豬腳“ 2、環(huán)境光、逆光不能少 3、飄絮要做一定的弱化 Case 3 Before修改前 ▽
縮略對(duì)照?qǐng)D▽ 案列：女裝促銷海報(bào) 尺 寸：1920x646px 安全區(qū)域：990px 亮點(diǎn)：流動(dòng)舒服、模特角度不錯(cuò) 主要誤區(qū)：配色不和諧、商品突兀 誤區(qū)1 標(biāo)題細(xì)節(jié)缺乏 其一標(biāo)題的處理方法上面是可以加描邊處理的、但一定不能過于突兀，現(xiàn)在的黑色描邊就比較突兀。 其二立體面的顏色不夠深，黑色描邊更加復(fù)雜了。 其三標(biāo)題沒有做陰影層，所以在畫面上面顯得比較尷尬，不夠融合。
誤區(qū)2 裝飾元素略散、對(duì)比不夠 其一裝飾元素沒有虛和實(shí)、大和小的區(qū)分，所以就少了對(duì)比。 其二位置上面和主要內(nèi)容偏遠(yuǎn)了一點(diǎn)。
誤區(qū)3 商品處理不恰當(dāng) 其一商品處理上顯得突兀，沒有虛實(shí)的處理，干巴巴的擺放在哪里。 其二商品也沒有陰影，所以造成了不融合，顯假。
誤區(qū)4 背景空間感不足 其一背景的明暗、深淺不夠，所以讓畫面變的比較平。當(dāng)然也考驗(yàn)這樣做，但要考慮真?zhèn)€畫面，如果你的需要把背景做的比較平，那字體就不要做立體了。 其二配色比較突兀、紫色和綠色搭配不夠明亮也不舒服。 其三圖案有點(diǎn)過于明顯，因?yàn)槿绻闶窍胱霰容^有空間感的畫面，所以要么不加圖案或者弱化。不然圖案的排列會(huì)把頁面顯得更平。
After修改后 ▽
縮略對(duì)照?qǐng)D▽ 修改1 完善標(biāo)題細(xì)節(jié) 其一調(diào)整描邊顏色跟選擇和背景相近的顏色即可，順便增加一點(diǎn)內(nèi)陰影，立體感更強(qiáng)一點(diǎn)。 其二去掉里面的描邊，增加陰影。弱化圖案疊加。
修改2 增強(qiáng)元素的對(duì)比 其一調(diào)整元素的大小，區(qū)別大一點(diǎn)，大膽一些。增加虛實(shí)關(guān)系營造遠(yuǎn)近關(guān)系。 其二實(shí)的元素向中間靠攏一些，虛的元素向外。
修改3 處理商品細(xì)節(jié) 其一部分商品虛化增強(qiáng)空間感，1-2個(gè)做個(gè)動(dòng)態(tài)模糊效果增強(qiáng)效果。 其二部分顏色調(diào)成和背景相近的顏色和頁面融合，其次需要給商品加上陰影，更加真實(shí)。
修改4 大膽的調(diào)整配色 其一背景的明暗關(guān)系大膽的調(diào)整，沒錯(cuò)在大膽一些，營造空間感。 其二調(diào)整利益點(diǎn)的顏色、紫色和黃色搭配是個(gè)不錯(cuò)的選擇，黃色總是一個(gè)好選擇。 案列總結(jié)： 1、背景空間感大膽的調(diào)整明暗關(guān)系 2、配色選個(gè)明亮的顏色 3、虛化該虛化的
