天貓官方雙11頁面上線了,大家都知道11.11(光棍節要來了)替還是單身的微微心疼3秒。又或者是買買買、又要開始敗家了。
而作為設計師,我們看到了什么?
首先先放一張天貓11.11入口圖
紅金搭配、依然豪氣的不要不要的。
今年的天貓雙11給大家的感受是什么、牛逼、炸裂、絢麗,要過目不忘、要流連忘返?
設計定位— 時尚、狂歡
先看下GIF里面的幾張圖
大量運用了平面構成中的設計手法
平面構成是視覺元素在二次元的平面上,按照美的視覺效果,力學的原理,進行編排和組合,它是以理性和邏輯推理來創造形象、研究形象與形象之間的排列的方法。是理性與感性相結合的產物。
(百度平面構成的解釋)
通過幾何圖形的重復排列,配合明亮、輕跳的色彩帶來讓人興奮、刺激的視覺效果。
2016年天貓雙11的視覺以時尚狂歡的調性為基礎,以引爆為視覺創意進行包裝,給消費者大牌、時尚、全球的感受
那么頁面還有那些地方出彩的呢、所以在這里我通過幾點分析給大家:
第一、售賣頁主會場
一:場景
非常強烈的購物情景代入感覺、背景是美國時代廣場組成,這就是為什么看到銀泰這些地方就會有購物的欲望,看到商城大腦反應給我們的直覺就是用來購物、那自然就達到了節日的目的。
背景上面承載的信息:
1、雙11logo標識用來強調形象傳遞、這也是每年雙11都會這樣做。
2、促銷海報及大牌logo,促銷海報引導刺激用戶購物欲望,大牌logo(全英文)增強品質感和全球、時尚的感受。
二:角度
1、在角度上面,背景高樓的傾斜和下面色塊的傾斜,帶來非常強的縱深感。在平面上構造空間縱深感。
2、其次也起到了非常強烈聚焦效果,讓你的視覺直擊中心。沒錯就是商品和標題。
3、強烈的傾斜角度也給人帶來了速度感,在心理上面讓用戶感受到節日的氛圍和緊張感受。(一緊張就想抓點什么)
三:顏色
配色上面主打紫色調和漸變色、另外如左圖所示,漸變色均為臨近的顏色漸變,所以也不會那么突兀。
1、天貓國際主色調為紫色
2、紫色是由溫暖的紅色和冷靜的藍色化合而成,是極佳的刺激色。
所以刺激不就是促銷最需要的么。
在中國傳統里,紫色是尊貴的顏色,如北京故宮又稱為"紫禁城",亦有所謂"紫氣東來"。
其次、紫色高貴神秘的顏色。
3、輔助圖形為漸變色、很醒目和時尚。相信大家在8月份的時候應該會看到過類似這樣一篇文章:
漸變配色的回歸正巧是在扁平化大行其道的今天,所以它不可避免地同大量扁平化的元素搭配到了一起,而其中最值得考慮的因素,就是色彩。某些用色最大膽、跨度范圍最大的漸變色設計干脆直接就從扁平化配色中"借用"色彩。
但是,只是把漸變色用在背景上面。所以在輔助圖形上面用上了漸變色,非常出彩。
要說明的是,顏色用寫輕佻一些的,別老是正那些近視色,搞得頁面標題標題不突出、商品商品不突出。
另外放2張be上面設計師的2張作品
cool
天貓的頁面標題沒有立體,沒有夸張的變形。夠直接、清爽、大方。
居中排版最穩定、也是最容易的做法。上文、下圖,也是運營活動主會場最常見的應用方式,因為給人比較正式、重要的感受。你想想一個點如果在右邊、左邊是不是顯得不是那么重要,沒有主角光環。
再看電影海報,是不是主角都在中間。就是要告訴那么多頁面、那么多類目我就是主會場。
新聞熱點
疑難解答