很多做電商的老板會發現別人家的店鋪裝修總是比自己家的好看，這是為什么呢？很可能是你家電商設計師裝修的時候是隨意發揮，看心情設計，并沒有遵從電商設計的基本規范，那么電商設計的基本規范有哪些呢？

首先PC端頁面的尺寸寬度1920px，高度尺寸按照頁面所需信息來定即可，顯示尺寸1920×1080px；手機端頁面的尺寸寬度750px，高度尺寸按照頁面所需信息來定即可。

在頁面中使用的中英文字體不得多于5種，頁面中出現3次以上為主要字體，其他文字作陪襯字體。在產品詳情頁設計中，一般主要字體為黑體。

在做橫幅廣告字體時要經過設計變形，沒有字體設計能力的，應在原字體基礎上適當做些特殊效果；字體字號大小與顏色要和背景顏色對比分明，使消費者便于預覽閱讀。經過設計后的文字，顯得很有擴張力，很有力量感。在原來的文字基礎上做了一些特效，做了一個漸變的效果，比之前的文字在活躍度上有了很明顯的提升。

橫幅廣告字體設計風格要形成統一；字體要統一位置，達到有統一的秩序感，如果首頁有5張橫幅廣告圖，那必須要有3張達到統一風格。

PC端首頁橫幅廣告尺寸為730×400px，手機端首頁橫幅廣告尺寸為750×400px。專題活動頁，主頁頁面寬度為1920px，高度為580—700px，最好不要超過700px，其中顯示區域頁面高度為1210px。產品詳情頁，寬度尺寸790px，高度尺寸充分展示所需信息即可。

規范分兩類：設計風格規范、版式排版構圖規范。頁面顏色要求：頁面中使用的顏色不得多于5種，黑白灰不算色；針對不同的主體使用合理的色系；主題顏色和輔助顏色要根據配色原理搭配。

①單色、同色系：適合產品本身顏色比較統一，通過吸取產品較近的周邊顏色，再通過添加合適的輔助元素，使畫面變得統一而豐富，這種色系適合單品的一個橫幅廣告的設計。

②相似色、鄰近色系：相似色相對于單色系可變化的范疇會大很多，但也是在主色調明確的情況下輔助添加類似色，這類配色方式在橫幅廣告應用中還比較常見。是一種比較好掌握的配色方式，同時配色運用得當會使畫面看起來很時尚。

③補色系：這里把互補色、單邊補色分割、補色分割3種情況一同來說，因為三者在大范疇內上下浮動，效果也頗為相似，并無特別明顯的區分，主要因為整個畫面調性要活潑，加之產品都屬于色彩明快的品類，色彩上的愉悅感更容易激起點擊欲望。補色系的運用應注意面積搭配及顏色灰度的調整，對于補色系的運用可在今后多嘗試。

④多色搭配，可把對比色、矩形分割、廣場分割多顏色的搭配歸為一類來說，這三種跨度較大的配色方式，相對來說應用的比較少，不是很容易掌握，一般比較適合小面積的應用起到裝飾平衡的作用。

頁面設計色彩要清新，布局要大方；頁面設計要有整體性、一致性等。一致性包括色彩的統一、版式的統一和字體的統一等；頁面布局應主次簡約分明，中心突出，大小搭配，互相呼應，圖文并茂，適當的空白利于消費者閱讀。版式排版快速法則：

①第一招，對齊。對齊分左對齊、右對齊和居中。最常見的電商海報，基本上都采用了左右對齊排版方式。對齊是最常見也是最基礎的板式排列方式，給人以穩重、力量、統一、工整的感覺。左對齊的排版方式，版面不會顯得很凌亂，而會顯得很統一很有秩序感。

居中的排版會給人正式、大氣、高端、有品質感覺。在電商海報中居中排版經常會見到文案直接打在產品上面，文案的遮擋匯合后面的產品營造出一前一后的層次感，加上一些光效會讓整張畫面空間感提升許多。

②對比。無對比不設計，人們在視覺上不喜歡平淡、千篇一律的東西，喜歡看有對比的畫面。使用對比的排版技巧可以最有效的增加畫面的視覺效果和沖擊力。