很多做電商的老板會發現別人家的店鋪裝修總是比自己家的好看,這是為什么呢?很可能是你家電商設計師裝修的時候是隨意發揮,看心情設計,并沒有遵從電商設計的基本規范,那么電商設計的基本規范有哪些呢?
首先PC端頁面的尺寸寬度1920px,高度尺寸按照頁面所需信息來定即可,顯示尺寸1920×1080px;手機端頁面的尺寸寬度750px,高度尺寸按照頁面所需信息來定即可。
在頁面中使用的中英文字體不得多于5種,頁面中出現3次以上為主要字體,其他文字作陪襯字體。在產品詳情頁設計中,一般主要字體為黑體。
在做橫幅廣告字體時要經過設計變形,沒有字體設計能力的,應在原字體基礎上適當做些特殊效果;字體字號大小與顏色要和背景顏色對比分明,使消費者便于預覽閱讀。經過設計后的文字,顯得很有擴張力,很有力量感。在原來的文字基礎上做了一些特效,做了一個漸變的效果,比之前的文字在活躍度上有了很明顯的提升。
橫幅廣告字體設計風格要形成統一;字體要統一位置,達到有統一的秩序感,如果首頁有5張橫幅廣告圖,那必須要有3張達到統一風格。
PC端首頁橫幅廣告尺寸為730×400px,手機端首頁橫幅廣告尺寸為750×400px。專題活動頁,主頁頁面寬度為1920px,高度為580—700px,最好不要超過700px,其中顯示區域頁面高度為1210px。產品詳情頁,寬度尺寸790px,高度尺寸充分展示所需信息即可。
規范分兩類:設計風格規范、版式排版構圖規范。頁面顏色要求:頁面中使用的顏色不得多于5種,黑白灰不算色;針對不同的主體使用合理的色系;主題顏色和輔助顏色要根據配色原理搭配。
①單色、同色系:適合產品本身顏色比較統一,通過吸取產品較近的周邊顏色,再通過添加合適的輔助元素,使畫面變得統一而豐富,這種色系適合單品的一個橫幅廣告的設計。
②相似色、鄰近色系:相似色相對于單色系可變化的范疇會大很多,但也是在主色調明確的情況下輔助添加類似色,這類配色方式在橫幅廣告應用中還比較常見。是一種比較好掌握的配色方式,同時配色運用得當會使畫面看起來很時尚。
③補色系:這里把互補色、單邊補色分割、補色分割3種情況一同來說,因為三者在大范疇內上下浮動,效果也頗為相似,并無特別明顯的區分,主要因為整個畫面調性要活潑,加之產品都屬于色彩明快的品類,色彩上的愉悅感更容易激起點擊欲望。補色系的運用應注意面積搭配及顏色灰度的調整,對于補色系的運用可在今后多嘗試。
④多色搭配,可把對比色、矩形分割、廣場分割多顏色的搭配歸為一類來說,這三種跨度較大的配色方式,相對來說應用的比較少,不是很容易掌握,一般比較適合小面積的應用起到裝飾平衡的作用。
頁面設計色彩要清新,布局要大方;頁面設計要有整體性、一致性等。一致性包括色彩的統一、版式的統一和字體的統一等;頁面布局應主次簡約分明,中心突出,大小搭配,互相呼應,圖文并茂,適當的空白利于消費者閱讀。版式排版快速法則:
①第一招,對齊。對齊分左對齊、右對齊和居中。最常見的電商海報,基本上都采用了左右對齊排版方式。對齊是最常見也是最基礎的板式排列方式,給人以穩重、力量、統一、工整的感覺。左對齊的排版方式,版面不會顯得很凌亂,而會顯得很統一很有秩序感。
居中的排版會給人正式、大氣、高端、有品質感覺。在電商海報中居中排版經常會見到文案直接打在產品上面,文案的遮擋匯合后面的產品營造出一前一后的層次感,加上一些光效會讓整張畫面空間感提升許多。
②對比。無對比不設計,人們在視覺上不喜歡平淡、千篇一律的東西,喜歡看有對比的畫面。使用對比的排版技巧可以最有效的增加畫面的視覺效果和沖擊力。