頁(yè)面尺寸規(guī)范

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

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

　　文字規(guī)范

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

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

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

　　顏色規(guī)范

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

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

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

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

　　版式規(guī)范

　　頁(yè)面設(shè)計(jì)色彩要清新，布局要大方;頁(yè)面設(shè)計(jì)要有整體性、一致性等。一致性包括色彩的統(tǒng)一、版式的統(tǒng)一和字體的統(tǒng)一等;頁(yè)面布局應(yīng)主次簡(jiǎn)約分明，中心突出，大小搭配，互相呼應(yīng)，圖文并茂，適當(dāng)?shù)目瞻桌谙M(fèi)者閱讀。版式排版快速法則：

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

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

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

　　南通萬(wàn)博教育嚴(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ù)人才。