京濤老師之前寫過關(guān)于Banner的文章，也給大家做過圖例示范，如下圖所示，一個(gè)最完整最常規(guī)的Banner主要由下面這些部分組成：文案／模特或商品／背景／點(diǎn)綴元素／logo。今天可以在這里京濤老師給大家分享一下關(guān)于標(biāo)題設(shè)計(jì)在電商設(shè)計(jì)里的運(yùn)用的知識(shí)。總結(jié)歸納為這幾個(gè)方面：圖形設(shè)計(jì)／質(zhì)感風(fēng)格／文字排版／字體的氣質(zhì)／色彩搭配／文化背景。

　　接下來我們一個(gè)個(gè)地來看下：

　　1 從圖形設(shè)計(jì)的角度去理解

　　對(duì)于不同品類的電商活動(dòng)設(shè)計(jì)，我們可以在標(biāo)題部分融入一些圖形或?qū)嵨锎钆?，這種形式不僅可以幫助用戶更好的地理解活動(dòng)主題，也能給人耳目一新的感覺，非常適用于一些要體現(xiàn)產(chǎn)品功能賣點(diǎn)的文案，我給大家舉例下：比如下面的晚安2個(gè)字是由床上用品拼成的，非常一目了然：

　　我們也可以只是將部分實(shí)物融入到字體里面，搭配組合成一個(gè)完整的標(biāo)題：

　　2 從質(zhì)感風(fēng)格的角度去理解

　　為了保持頁面的統(tǒng)一性，標(biāo)題部分的質(zhì)感最好是與頁面保持一致，要不然會(huì)感覺突兀，比如頁面是比叫科技質(zhì)感帶高光的，那么標(biāo)題部分也可以帶一些質(zhì)感或高光，這樣才協(xié)調(diào)。 舉例：科技／數(shù)碼／家電／游戲類的banner或?qū)ｎ}頁設(shè)計(jì)經(jīng)常會(huì)用到這種高光金屬質(zhì)感的字體效果：

　　當(dāng)然你也可以直接通過剪紙來得到你要的質(zhì)感樣式：

　　3 從文字排版的角度去理解

　　常見的Banner排版樣式和專題頁結(jié)構(gòu)樣式，但其實(shí)標(biāo)題部分也是有很多不同的排版樣式的，舉例：最常見的左對(duì)齊／居中對(duì)齊／居右對(duì)其：

　　4 從字體氣質(zhì)的角度去理解

　　標(biāo)題部分的設(shè)計(jì)樣式往往需要跟你的頁面設(shè)計(jì)的基調(diào)相吻合。舉例：高冷大牌或時(shí)尚類的標(biāo)題，往往比較簡潔，很少做字體變形，字體比較纖細(xì)規(guī)整。

　　5 從色彩搭配的角度去理解

　　對(duì)于標(biāo)題部分字體的色彩搭配其實(shí)要分2個(gè)部分來說，一個(gè)是從氣質(zhì)跟頁面保持一致的角度，一個(gè)是從信息識(shí)別的角度。

　　6 文化背景

　　要想做出一個(gè)優(yōu)秀的頁面設(shè)計(jì)，往往也會(huì)需要去考慮項(xiàng)目背景和文化背景等方面的因素。

　　如果喜歡該文章請(qǐng)繼續(xù)關(guān)注京濤老師的每日電商分享，盡在朋友圈150010054665，關(guān)注不要停！