[ 平面理論教程 ] 如何做出雙11最受歡迎的電商設計風格- 設計教程 - 骨子愛創意

教學主題: 如何做出雙11最受歡迎的電商設計風格

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 如何做出雙11最受歡迎的電商設計風格

這教學的重點為這幾點 [ 風格,設計,歡迎,做出,如何,頁面,變色,上面,圖形,顏色, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

天貓官方的雙十一預熱頁面剛剛上線，這不，優設就請來了京東的視覺設計師骨頭君，幫大家分析雙十一電商設計的流行趨勢，包括場景、配色、角度、標題、輔助性元素等，乾貨+趨勢，絕對值得一讀。

天貓官方的雙十一預熱頁面剛剛上線，這不，優設就請來了京東的視覺設計師骨頭君，幫大家分析雙十一電商設計的流行趨勢，包括場景、配色、角度、標題、輔助性元素等，乾貨+趨勢，絕對值得一讀。

歡迎關注作者的個人公眾號「三根設計骨」

首先放一張天貓11.11入口圖：

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

今年的天貓雙11給大家的感受是什麼：牛逼、炸裂、絢麗，過目不忘、流連忘返?

那麼頁面還有那些地方出彩的呢、所以在這裡我通過幾點分析給大家：

第一、售賣頁主會場

一：場景

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

背景上面承載的信息：

1、雙11 Logo標識用來強調形象傳遞、這也是每年雙11都會這樣做。

2、促銷海報及大牌logo，促銷海報引導刺激用戶購物慾望，大牌logo(全英文)增強品質感和全球、時尚的感受。

二：角度

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

2、其次也起到了非常強烈聚焦效果，讓你的視覺直擊中心。沒錯就是商品和標題。

3、強烈的傾斜角度也給人帶來了速度感，在心理上面讓用戶感受到節日的氛圍和緊張感受。(一緊張就想抓點什麼)

三：顏色

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

1、天貓國際主色調為紫色

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

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

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

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

3、輔助圖形為漸變色、很醒目和時尚。相信大家在8月份的時候應該會看到過類似這樣一篇文章：《變化之美!重新回歸主流的漸變色設計趨勢》

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

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

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

另外放2張be上面設計師的2張作品：

四：標題

天貓的頁面標題沒有立體，沒有誇張的變形。夠直接、清爽、大方。

居中排版最穩定、也是最容易的做法。上文、下圖，也是運營活動主會場最常見的應用方式，因為給人比較正式、重要的感受。你想想一個點如果在右邊、左邊是不是顯得不是那麼重要，沒有主角光環。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

再看電影海報，是不是主角都在中間。就是要告訴那麼多頁面、那麼多類目我就是主會場。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

五：輔助性

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

哈哈，還是說正經的把。

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

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

這樣可以給頁面帶來動感和引導、動詞打次動詞打次。

2、貓頭裡面的圖案和應用頁面背景的圓形圖案。

貓頭裡面不管是並列的小圓點，還是發散性圓形圖形，都帶來了視覺上面的節奏感。也可以說這種風格是歐普風(不了解的可以百度下)。

圖案總是給人一種精緻的感覺、而平面構成幾何圖形總會讓你的頁面更加很時尚、節奏感、動感。從視覺心理上，平面構成與圖案也就形成了在對藝術形式的審美感知及情感體驗。

例如：

這些元素的組成結構嚴謹，富有極強的抽象性和形式感。又具有多方面的實用特點和創造力的設計作品，與具象表現形式相比較，它更具有廣泛性。

六：貓頭

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

第二、售賣頁分會場

先來幾張分會場頭圖：

那麼我們從以下幾個點分析下分會場：

都具備有

1、背景橢圓圖案的復用、橢圓輔助形的貫穿整個活動。

2、顏色輕佻、對比強，促銷氛圍感強，加上了漸變色，同時也很新穎。

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

其次：

輔助圖形部分用到了顏色的重複，視覺上面還挺有意思的嘛、同時帶來了也有節奏感、動感。

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

全程總結：

1、漸變色更出彩、輕佻、時尚;

2、幾何圖形讓頁面具有時尚氣息、抽象性和形式感;

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

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 如何做出雙11最受歡迎的電商設計風格 這教學會喜歡

文章標題: 骨子愛創意- 如何做出雙11最受歡迎的電商設計風格–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 風格,設計,歡迎,做出,如何,頁面,變色,上面,圖形,顏色,

本文永久連結 :如何做出雙11最受歡迎的電商設計風格

本文轉載自 :VIA