電商對(duì)于我們來說并不陌生，隨著互聯(lián)網(wǎng)的快速發(fā)展，相關(guān)行業(yè)也迅速發(fā)展起來了，電商就是其中之一。那么，電商在設(shè)計(jì)的時(shí)候有哪些基本規(guī)范呢?下面南通萬博教育給大家介紹一下。

　　頁面尺寸規(guī)范

　　PC端頁面的尺寸寬度1920px，高度尺寸按照頁面所需信息來定即可，顯示尺寸1920×1080px;手機(jī)端頁面的尺寸寬度750px，高度尺寸按照頁面所需信息來定即可。

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

　　文字規(guī)范

　　在頁面中使用的中英文字體不得多于5種，頁面中出現(xiàn)3次以上為主要字體，其他文字作陪襯字體。在產(chǎn)品詳情頁設(shè)計(jì)中，一般主要字體為黑體。

　　在做橫幅廣告字體時(shí)要經(jīng)過設(shè)計(jì)變形，沒有字體設(shè)計(jì)能力的，應(yīng)在原字體基礎(chǔ)上適當(dāng)做些特殊效果;字體字號(hào)大小與顏色要和背景顏色對(duì)比分明，使消費(fèi)者便于預(yù)覽閱讀。經(jīng)過設(shè)計(jì)后的文字，顯得很有擴(kuò)張力，很有力量感。在原來的文字基礎(chǔ)上做了一些特效，做了一個(gè)漸變的效果，比之前的文字在活躍度上有了很明顯的提升。

　　橫幅廣告字體設(shè)計(jì)風(fēng)格要形成統(tǒng)一;字體要統(tǒng)一位置，達(dá)到有統(tǒng)一的秩序感，如果首頁有5張橫幅廣告圖，那必須要有3張達(dá)到統(tǒng)一風(fēng)格。

　　顏色規(guī)范

　　規(guī)范分兩類：設(shè)計(jì)風(fēng)格規(guī)范、版式排版構(gòu)圖規(guī)范。頁面顏色要求：頁面中使用的顏色不得多于5種，黑白灰不算色;針對(duì)不同的主體使用合理的色系;主題顏色和輔助顏色要根據(jù)配色原理搭配。

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

　?、谙嗨粕⑧徑担合嗨粕鄬?duì)于單色系可變化的范疇會(huì)大很多，但也是在主色調(diào)明確的情況下輔助添加類似色，這類配色方式在橫幅廣告應(yīng)用中還比較常見。是一種比較好掌握的配色方式，同時(shí)配色運(yùn)用得當(dāng)會(huì)使畫面看起來很時(shí)尚。

　　③補(bǔ)色系：這里把互補(bǔ)色、單邊補(bǔ)色分割、補(bǔ)色分割3種情況一同來說，因?yàn)槿咴诖蠓懂爟?nèi)上下浮動(dòng)，效果也頗為相似，并無特別明顯的區(qū)分，主要因?yàn)檎麄€(gè)畫面調(diào)性要活潑，加之產(chǎn)品都屬于色彩明快的品類，色彩上的愉悅感更容易激起點(diǎn)擊欲望。補(bǔ)色系的運(yùn)用應(yīng)注意面積搭配及顏色灰度的調(diào)整，對(duì)于補(bǔ)色系的運(yùn)用可在今后多嘗試。

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

　　版式規(guī)范

　?、俚谝徽?，對(duì)齊。對(duì)齊分左對(duì)齊、右對(duì)齊和居中。最常見的電商海報(bào)，基本上都采用了左右對(duì)齊排版方式。對(duì)齊是最常見也是最基礎(chǔ)的板式排列方式，給人以穩(wěn)重、力量、統(tǒng)一、工整的感覺。左對(duì)齊的排版方式，版面不會(huì)顯得很凌亂，而會(huì)顯得很統(tǒng)一很有秩序感。

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

　?、趯?duì)比。無對(duì)比不設(shè)計(jì)，人們?cè)谝曈X上不喜歡平淡、千篇一律的東西，喜歡看有對(duì)比的畫面。使用對(duì)比的排版技巧可以最有效的增加畫面的視覺效果和沖擊力。

　　南通萬博教育嚴(yán)格以企業(yè)實(shí)際崗位為需求為出發(fā)點(diǎn)，側(cè)重于工作流程和項(xiàng)目演練，教學(xué)內(nèi)容更加符合實(shí)際工作;學(xué)院重在培養(yǎng)學(xué)生的設(shè)計(jì)理論和工具、規(guī)范化工作流程和制作技能，使之成為具備高超審美能力和藝術(shù)修養(yǎng)的應(yīng)用型高級(jí)技術(shù)人才。