❶ 淘寶主圖設計技巧
淘寶主圖設計技巧
主圖是一款產品的流量入口,對引流起著至關重要的作用,一張好的主圖可以為店鋪運營省下好多錢和精力,怎麼讓自己的主圖在整個淘寶頁面中脫穎而出?下面我為大家整理了淘寶主圖設計技巧,希望能幫到大家!
(一)關於版式
電商產品繁多,沒有一個統一的排版模式!
但要做好一張主圖,應該遵守的一些原則還是有的。
1.版式:常用的板式有左右排版、中心對稱排版、中心圍繞、上下排版等(這里指文字和產品的位置)。
2.版式的選擇;a.根據產品的不同和主圖不同的作用(直通車主圖、普通主圖、活動主圖等)有不同的做法:比如服裝類,模特照片通常採用的是中心對稱式構圖為主;
平鋪或者掛拍的通常採用左右排版這類通常是較規則,整體呈豎式長方形的產品,所有符合這個特徵的都非常適合中心對稱和左右排版(並非絕對,是通常來講)
b.相比上述產品,相對不規則的產品,通常採用的是上下排版和中心圍繞。
例如:上下排版
中心圍繞,配合傾斜
c.總結:版式都不是固定不變的,以上所說皆是最常用也往往是最有效的一些,根據產品的造型去給自己的主圖設計相應的排版!
3.關於圖文比例
為了在頁面中更具優勢,我建議產品比例占整個畫面的2/3左右(特殊作圖效果除外),必要的時候可滿版型設計(通俗講即產品布滿整個畫面)
4.關於用色方面
簡單說一下,盡量文字根據產品顏色來定位,選擇同色系或者補色!
關於用色方面,下篇文章細講,在做主圖的作用方面尤其重要,如何在同產品中脫穎而出,起著至關重要的作用!
(二)關於用色
色彩基礎就不多講了,理論只是用於實踐!
今天就專講一下關於主圖的配色用色方法。這對於我們主圖的點擊有著非常重要的作用。
具體步驟如下:
01.分析產品,以女裝為例,這個階段不用在意產品本身的顏色,最應該做的'是去用最熱的詞去搜索自己寶貝的頁面大概的位置
本來是上下左右全部做對比的,這里只做橫向對比,道理都是一樣的。
如上圖,相比其他三張主圖,第四張顏色偏深,對於我們的眼睛來說,視覺停留點就在這張圖片上。這時候我們就要思考自己的主圖了,假如我們的主圖所在位置相比其他商家主圖用色差異不明顯,現在就要用所行動了,如果大多數偏亮,你可以選擇偏暗,如果其他單色系偏多,你就可以選擇多色系,等等......
02.關於用色以及如何與其他商家主圖有利的視覺差
首先需要知道自己的產品是什麼顏色,這是根本,不能亂配色。只有保證做到自己主圖畫面和諧美觀的前提下,再區別開其他商家主圖才是上策!
a.根據自己產品的顏色,可選擇同色系、鄰近色、類似色、中差色、對比色等基礎配色方案進行配色!
b.然後通過明暗、冷暖、純度、明度等和其他商家區分開來(常用的方法還有大小對比,不屬於用色)
03.補充一點,上述所講是背景與產品、文案信息用色之間的配色關系
04.關於文字的用色,盡量不要超過三種,建議是兩種或者單色!
好的點擊率就需要自己產品主圖在整個頁面或者相比周圍脫穎而出才是重中之重!!!!
配色基礎就不講了,新手可自己買本書看看,補充一下自己的不足!
(三)關於文案排版處理技巧
大家都曉得,一般的主圖不需要文案排版,這里主要是針對活動主圖和直通車主圖而言的!
一.先講下文案信息在一張主圖中放在什麼位置比較合適,我們就說幾種常見的
01.最常用的——位置沉底
最常見最方便的一種。以家裝地板類目例:
以上兩張主圖都屬於沉底式,簡單又多變化,這種文案信息位置排版方式一般不會破壞畫面的整體性,簡約而不簡單,文字信息需要和底色配合點線面變化!若文案超過兩行,要選擇左對齊或者右對齊、中間對齊等,原則就是不要亂了畫面,造成閱讀障礙!
02.常用的——左右位置
也是比較通用的。以服裝為例:
文字偏左或者偏右,通常文字採用豎式排版,文案信息需要主次分明,顏色盡量選擇單色或兩色,字體不要超過兩種,文字越精簡越好!
03.一般不用的——中間位置
(這個對根據產品排版有一定的要求,切記不能破壞了對產品瀏覽的完整性)
以男裝類目為例:
中間位置,文案信息一般較少,言簡意賅,達到目的即可,不可多放!單行或者居中排列
04.自由創意——靈活運用
根據產品的位置進行構圖定位文案所放的位置,傾斜式用的較多也較靈活!
05.最不常用的——頂部位置
文案放在頂部控制不好多會造成不穩定的感覺,不是商品特殊,不建議文案信息放頂部位置!如果需要,請配合以上四種設計!
總結:具體根據產品的造型需要以及構圖需要來確定文案應該排放的位置,最常見的就是上述前三種!
二.關於文字的排列組合
01.橫式/豎式/橫豎混排
橫式:文案信息單行或者最多2行為宜,對齊就是常見的三種:左右和中間,重點是大小和顏色的變化,主文案字型大小偏大,顏色較整個畫面要突出。次要信息可做點綴或者是補充,再維護整體畫面的同時,做到靈活多變就可以了!文字顏色單色或者雙色,切記超過3種顏色以上!!
豎式:多用於傳統產品設計排版,有文化底蘊的產品!道理和橫式一樣。
橫豎混排:橫豎混排非常考驗排版能力,屬於高端技巧,雖然很難排出效果,但經常嘗試也會有收獲!
02.傾斜式
有傾斜的排版視覺效果是非常直接的,有視覺沖擊力(上述位置04有例圖)
傾斜角度不要超過45,否則影響視覺效果。另外一旦採用斜向排版,建議把所有文案內容都採用斜向排版,否則看起來不協調。
03.文字變形式
通過對文字的誇大或者扭曲變形以及對文字的特殊處理特效等來排列文字,主要是為了突出一些重要信息和反應出產品的一些材質元素!
04.框架式
簡單說就是把文字排列出一定的形狀,或者根據一定的形狀固定排列,形式感較強,整體感較強!淘寶主圖不常用,可根據自己店裡的產品來嘗試!
05.復合式
即多種排版模式混合使用,這個需要自己去總結和發掘,很考驗一個設計師的能力!
總結:文字的排版是多樣的,但對於電商而言,常用的最有效最直接,一張好的淘寶主圖需要文案的完美配合與點綴!
;❷ 產品詳情頁布局有哪些規律
上半部分闡述商品價值
①創意海報情景大圖,利用創意海報瞬間傳遞商品以及店鋪信息,用最短的時間使買家產生繼續瀏覽的慾望,因此在設計該部分時可以盡情展現商品的特色。
②商品賣點優勢總結,一個商品的賣點有很多,如果零散的分布,買家很難自己總結出商品的優勢,因此在闡述賣點之前應該對所有賣點進行一個大的總結,告訴買家這個商品的賣點都在哪裡,都有哪些。
③闡述商品賣點功能,根據商品賣點優勢總結進行逐一的展示,其中1~6個賣點在對應的模塊中展示,這里所要展現的就是商品的特色,塑造商品專業性,向買家傳達產品能夠帶來卓越功效等。此類信息提升買家的購買慾望。
④商品的基本參數,這里要寫的其實就很簡單了,它指的是可視化的商品說明書。
⑤商品全方位展示,以多個角度展示商品面貌,目的就是拉近與買家的距離,讓買家了解這款商品是否適合自己。
⑥商品細節展示,要清晰、富有質感,並且附加具體細節的相關文案介紹,方便買家更好地了解商品的材質和構造。
下半部分培養買家的消費信任感
①同行商品優劣對比。通過對比強化自己的商品賣點,不斷向買家闡述商品的優勢。
②商品包裝展示。通過商品包裝可以展現店鋪的品牌實力和商品的專業性,好的產品包裝可以贏得買家的信賴,讓買家覺得這個產品的性價比很高。
③店鋪或商品資歷證書。這里體現的是品牌的實力,引導買家關注商品的專業品質,並讓買家對商品產生信任感,從而接納商品。
④店面或工廠展示。通過店面或者工廠的圖片展示,可以烘托出品牌和店鋪的實力,增強買家對品牌的認知和信任感。
⑤商品售後說明。可以解決買家已知和未知的各種問題,好的商品售後說明模塊不但可以減輕客服的工作壓力,也可以增加靜默轉化率,從而做到把復雜的問題留給自己,把簡單的答案留給買家。
關於產品詳情頁布局有哪些規律,環球青藤小編今天就和您暫時分享到這里了。如果您對網站設計、頁面排版、圖像處理方面比較感興趣,希望分享的這篇文章可以給您的學習或工作提供幫助。如若您還想了解更多關於平面設計的素材及技巧等內容,可以點擊本站的其他文章進行學習。