大家先看一下天貓店鋪的入口圖：

紅金搭配、顯得無比的霸氣。

今年的天雙十一快到了，給大家欣賞一下往年的專題頁面。同時(shí)在這里我通過幾點(diǎn)分析給大家：

第一、售賣頁主會場

一：場景

非常強(qiáng)烈的購物情景代入感覺、背景由商場樓盤組成，這就是為什么看到銀泰這些地方就會有購物的欲望，看到商城大腦反應(yīng)給我們的直覺就是用來購物、那自然就達(dá)到了節(jié)日的目的。

背景上面承載的信息：

1、雙11Logo標(biāo)識用來強(qiáng)調(diào)形象傳遞、這也是每年雙11都會這樣做。

2、促銷海報(bào)及大牌logo，促銷海報(bào)引導(dǎo)刺激用戶購物欲望，大牌logo（全英文）增強(qiáng)品質(zhì)感和全球、時(shí)尚的感受。

二：角度

1、在角度上面，背景高樓的傾斜和下面色塊的傾斜，帶來非常強(qiáng)的縱深感。在平面上構(gòu)造空間縱深感。

2、其次也起到了非常強(qiáng)烈聚焦效果，讓你的視覺直擊中心。沒錯(cuò)就是商品和標(biāo)題。

3、強(qiáng)烈的傾斜角度也給人帶來了速度感，在心理上面讓用戶感受到節(jié)日的氛圍和緊張感受。（一緊張就想抓點(diǎn)什么）

三：顏色

配色上面主打紫色調(diào)和漸變色、另外如左圖所示，漸變色均為臨近的顏色漸變，所以也不會那么突兀。

1、天貓國際主色調(diào)為紫色

2、紫色是由溫暖的紅色和冷靜的藍(lán)色化合而成，是極佳的刺激色。

所以刺激不就是促銷最需要的么。

在中國傳統(tǒng)里，紫色是尊貴的顏色，如北京故宮又稱為“紫禁城”，亦有所謂“紫氣東來”。

其次、紫色高貴神秘的顏色。

3、輔助圖形為漸變色、很醒目和時(shí)尚。

漸變配色的回歸正巧是在扁平化大行其道的今天，所以它不可避免地同大量扁平化的元素搭配到了一起，而其中最值得考慮的因素，就是色彩。某些用色最大膽、跨度范圍最大的漸變色設(shè)計(jì)干脆直接就從扁平化配色中“借用”色彩。

但是，只是把漸變色用在背景上面。所以在輔助圖形上面用上了漸變色，非常出彩。

要說明的是，顏色用寫輕佻一些的，別老是正那些近視色，搞得頁面標(biāo)題標(biāo)題不突出、商品商品不突出。

另外放2張be上面設(shè)計(jì)師的2張作品：

四：標(biāo)題

天貓的頁面標(biāo)題沒有立體，沒有夸張的變形。夠直接、清爽、大方。

居中排版最穩(wěn)定、也是最容易的做法。上文、下圖，也是運(yùn)營活動主會場最常見的應(yīng)用方式，因?yàn)榻o人比較正式、重要的感受。你想想一個(gè)點(diǎn)如果在右邊、左邊是不是顯得不是那么重要，沒有主角光環(huán)。

再看電影海報(bào)，是不是主角都在中間。就是要告訴那么多頁面、那么多類目我就是主會常

五：輔助性

天貓雙11的logo爆出來的時(shí)候、就知道他的輔助性很多就是logo圍繞的那些橢圓射線、似舞臺感覺、又像人民大會堂不信你看。

哈哈，還是說正經(jīng)的把。

1、輔助性橢圓形非常好的動感圖形，又圓潤。輔助圖形上面也是有一條視覺引導(dǎo)線。

把風(fēng)格和空間感結(jié)合起來，讓平靜的頁面圖案動了起來的。同時(shí)它們之間都連接起來，不會造成視覺的散亂。

這樣可以給頁面帶來動感和引導(dǎo)、動詞打次動詞打次。

2、貓頭里面的圖案和應(yīng)用頁面背景的圓形圖案。

貓頭里面不管是并列的小圓點(diǎn)，還是發(fā)散性圓形圖形，都帶來了視覺上面的節(jié)奏感。也可以說這種風(fēng)格是歐普風(fēng)（不了解的可以百度下）。

圖案總是給人一種精致的感覺、而平面構(gòu)成幾何圖形總會讓你的頁面更加很時(shí)尚、節(jié)奏感、動感。從視覺心理上，平面構(gòu)成與圖案也就形成了在對藝術(shù)形式的審美感知及情感體驗(yàn)。

例如：

這些元素的組成結(jié)構(gòu)嚴(yán)謹(jǐn)，富有極強(qiáng)的抽象性和形式感。又具有多方面的實(shí)用特點(diǎn)和創(chuàng)造力的設(shè)計(jì)作品，與具象表現(xiàn)形式相比較，它更具有廣泛性。

六：貓頭

貓頭依然精彩，沿用性和易用性很強(qiáng)。所以前一久被那46個(gè)商家貓頭刷屏了朋友圈。選了幾張放上來。

第二、售賣頁分會場

先來幾張分會場頭圖：

那么我們從以下幾個(gè)點(diǎn)分析下分會場：

都具備有

1、背景橢圓圖案的復(fù)用、橢圓輔助形的貫穿整個(gè)活動。

2、顏色輕佻、對比強(qiáng)，促銷氛圍感強(qiáng)，加上了漸變色，同時(shí)也很新穎。

3、排版右文左圖，分會場的最明顯的特征之一。，這樣做讓分會場的易用性非常高。

其次：

輔助圖形部分用到了顏色的重復(fù)，視覺上面還挺有意思的嘛、同時(shí)帶來了也有節(jié)奏感、動感。

順便放幾張前幾天收集到的幾張顏色重復(fù)的視覺圖、大家隨意感受下：

全文總結(jié)：

1、漸變色更出彩、輕佻、時(shí)尚；

2、幾何圖形讓頁面具有時(shí)尚氣息、抽象性和形式感；

3、商品和輔助形之間需具有視覺上面的連接

請聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心