天貓官方雙11頁(yè)面上線了，大家都知道11.11（光棍節(jié)要來(lái)了）替還是單身的微微心疼3秒。又或者是買買買、又要開(kāi)始敗家了。

而作為設(shè)計(jì)師，我們看到了什么？

首先先放一張?zhí)熵?1.11入口圖

紅金搭配、依然豪氣的不要不要的。

今年的天貓雙11給大家的感受是什么、牛逼、炸裂、絢麗，要過(guò)目不忘、要流連忘返？

設(shè)計(jì)定位— 時(shí)尚、狂歡

先看下GIF里面的幾張圖

大量運(yùn)用了平面構(gòu)成中的設(shè)計(jì)手法

平面構(gòu)成是視覺(jué)元素在二次元的平面上，按照美的視覺(jué)效果，力學(xué)的原理，進(jìn)行編排和組合，它是以理性和邏輯推理來(lái)創(chuàng)造形象、研究形象與形象之間的排列的方法。是理性與感性相結(jié)合的產(chǎn)物。

（百度平面構(gòu)成的解釋）

通過(guò)幾何圖形的重復(fù)排列，配合明亮、輕跳的色彩帶來(lái)讓人興奮、刺激的視覺(jué)效果。

2016年天貓雙11的視覺(jué)以時(shí)尚狂歡的調(diào)性為基礎(chǔ)，以引爆為視覺(jué)創(chuàng)意進(jìn)行包裝，給消費(fèi)者大牌、時(shí)尚、全球的感受

那么頁(yè)面還有那些地方出彩的呢、所以在這里我通過(guò)幾點(diǎn)分析給大家：

第一、售賣頁(yè)主會(huì)場(chǎng)

一:場(chǎng)景

非常強(qiáng)烈的購(gòu)物情景代入感覺(jué)、背景是美國(guó)時(shí)代廣場(chǎng)組成，這就是為什么看到銀泰這些地方就會(huì)有購(gòu)物的欲望，看到商城大腦反應(yīng)給我們的直覺(jué)就是用來(lái)購(gòu)物、那自然就達(dá)到了節(jié)日的目的。

背景上面承載的信息：

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

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

二:角度

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

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

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

三:顏色

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

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

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

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

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

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

3、輔助圖形為漸變色、很醒目和時(shí)尚。相信大家在8月份的時(shí)候應(yīng)該會(huì)看到過(guò)類似這樣一篇文章：

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

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

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

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

cool

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

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

再看電影海報(bào)，是不是主角都在中間。就是要告訴那么多頁(yè)面、那么多類目我就是主會(huì)場(chǎng)。