電商設(shè)計(jì)有哪些基本規(guī)范?
時(shí)間:2022-08-02 20:57:01 | 來源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2022-08-02 20:57:01 來源:網(wǎng)站運(yùn)營(yíng)
文/王棋濤 PC端頁(yè)面的尺寸寬度1920px,高度尺寸按照頁(yè)面所需信息來定即可,顯示尺寸1920×1080px;手機(jī)端頁(yè)面的尺寸寬度750px,高度尺寸按照頁(yè)面所需信息來定即可。
PC端首頁(yè)橫幅廣告尺寸為730×400px,手機(jī)端首頁(yè)橫幅廣告尺寸為750×400px。專題活動(dòng)頁(yè),主業(yè)頁(yè)面寬度為1920px,高度為580—700px,最好不要超過700px,其中顯示區(qū)域頁(yè)面高度為1210px。產(chǎn)品詳情頁(yè),寬度尺寸790px,高度尺寸充分展示所需信息即可。
在頁(yè)面中使用的中英文字體不得多于5種,頁(yè)面中出現(xiàn)3次以上為主要字體,其他文字作陪襯字體。在產(chǎn)品詳情頁(yè)設(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)一的秩序感,如果首頁(yè)有5張橫幅廣告圖,那必須要有3張達(dá)到統(tǒng)一風(fēng)格。
規(guī)范分兩類:設(shè)計(jì)風(fēng)格規(guī)范、版式排版構(gòu)圖規(guī)范。頁(yè)面顏色要求:頁(yè)面中使用的顏色不得多于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ì)比色、矩形分割、廣場(chǎng)分割多顏色的搭配歸為一類來說,這三種跨度較大的配色方式,相對(duì)來說應(yīng)用的比較少,不是很容易掌握,一般比較適合小面積的應(yīng)用起到裝飾平衡的作用。
頁(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ì)齊和居中。最常見的電商海報(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)品營(yíng)造出一前一后的層次感,加上一些光效會(huì)讓整張畫面空間感提升許多。
②對(duì)比。無對(duì)比不設(shè)計(jì),人們?cè)谝曈X上不喜歡平淡、千篇一律的東西,喜歡看有對(duì)比的畫面。使用對(duì)比的排版技巧可以最有效的增加畫面的視覺效果和沖擊力。
廣告語要注意極限用語的應(yīng)用。根據(jù)廣告法,極限用語不得出現(xiàn)在商品列表頁(yè)、商品的標(biāo)題、副標(biāo)題、主圖、詳情頁(yè)以及商品包裝等位置。極限用語包括如下詞匯:
國(guó)家級(jí)、世界級(jí)、最高級(jí)、最佳、最大、第一、唯一、首個(gè)、首選、最好、最大、精確、頂級(jí)、最高、最低、最、最具、最便宜、最新、最先進(jìn)、最大程度、最新技術(shù)、最先進(jìn)科學(xué)、國(guó)家級(jí)產(chǎn)品、填補(bǔ)國(guó)內(nèi)空白、絕對(duì)、獨(dú)家、絕無僅有、前無古人、史無前例、萬能等。
關(guān)鍵詞:基本,規(guī)范,設(shè)計(jì)