淘寶最炫首頁(yè)焦圖視覺營(yíng)銷之撞色設(shè)計(jì)
首焦圖、視覺陳列……與我們店鋪的跳失率、轉(zhuǎn)化率息息相關(guān)。在讀圖時(shí)代,沒有好的視覺,很難做到一“頁(yè)”成名。 6月份兒童節(jié)前夕,·家淘寶店火了 二賣家模仿兒童的筆劃,在店鋪首頁(yè)寫“我是個(gè)賣包的,我精神不太正常,包全都89元啦!”劍走偏鋒,這家箱包店頓時(shí)成名。創(chuàng)意雖好,但不適合常用淘寶賣家 對(duì)視覺效果的重視倒是值得借鑒。
最炫首焦圖
作為視覺重區(qū)的首焦圖,相當(dāng)于線下店鋪的門面或者招牌,做得比較亮眼的話,往往能給買家留下深刻的印象。要打造一張最炫首焦圖,只需要掌握三大設(shè)計(jì)技巧。
許多大賣家的店鋪視覺層級(jí)相對(duì)明顯。事實(shí)上,不管是大賣家還是小賣家.不管是用店鋪扶植版還是店鋪旗艦版,大家都能打造屬干自己店鋪的首焦圖.
什么時(shí)候非首焦圖出馬不可呢?店鋪?zhàn)龌顒?dòng)的時(shí)候。“打折”"SALE"“包郵”這些買家關(guān)注的敏感詞,配上炫目的視覺,可以讓買家知道你想賣什么,以及幫助買家快速找到想要的東西。那么,首焦圖的設(shè)計(jì)有何技巧?
180度大撞色
想要更好地展現(xiàn)產(chǎn)品,色彩誘導(dǎo)必不可少。潮流服裝搭配流行撞色.簡(jiǎn)簡(jiǎn)單單的純色搭配在一起,就能產(chǎn)生大量的色差,令人過目不忘的效果,首焦圖也一樣。
廣義上就是指顏色看上去沖突比較大的顏色,不是一個(gè)色系的顏色搭配在一起;
狹義上的撞色是指色環(huán)上成180度角的兩個(gè)顏色。如下頁(yè)圖所示:
通過這張色環(huán)圖,我們能很直觀地得出橙與藍(lán),紅與綠互相形成了撞色?;パa(bǔ)色對(duì)比,視覺效果強(qiáng)烈刺激,此時(shí)色彩對(duì)比達(dá)到最大的程度。在實(shí)際操作中,如果想要將·個(gè)產(chǎn).E311.的信息強(qiáng)化,我們就可以采取如下小技巧:
1、直接在色環(huán)上選取互相對(duì)獨(dú)立(180°)的兩個(gè)色相,此種效果最為強(qiáng)烈;
2、撞色需考慮目標(biāo)受眾對(duì)色彩的心理接受度,如若不需要如此強(qiáng)烈的對(duì)比.可采用選取主色同色系的40°一80°夾角的色相作為過渡色以調(diào)和整個(gè)畫面;
3、撞色需要合理利用面積、純度和敏感的對(duì)比建立起要表達(dá)的主次層級(jí)關(guān)系.放大我們所要傳達(dá)的信息。
以下圖為例,ciaodafanfan是個(gè)主打歐美風(fēng)的店鋪,這一張推新品的首焦圖,其洋紅和綠色形成了絕佳的視覺沖突,而黃色作為暖色系的代表色和洋紅 色構(gòu)成了一個(gè)補(bǔ)充,同時(shí)又巧妙地協(xié)調(diào)了洋紅與綠的巨大色系差,最后設(shè)計(jì)師通過構(gòu)圖的平衡和人眼從左向右看的視覺習(xí)慣,將受眾的眼神牢牢的鎖定在了洋紅色的 高腰褲上,將畫而所要強(qiáng)調(diào)的雙排扣和高腰的特點(diǎn)放到最大。
淘寶首焦圖是最體現(xiàn)店鋪特色的一個(gè)窗口,做好了首焦圖視覺營(yíng)銷,就成功了一半。接下來就是對(duì)其他寶貝的陳列了。
本文地址:http://m.likemindfilms.com/tutorial/ui1357.html
您可能還喜歡
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏