久久蜜臀精品av_国产欧美日韩_亚洲一区二区三区四区_国产精品无码久久久久_久久性_国产日本在线视频

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

值得一看的淘寶雙12親親節活動視覺分析

2018-01-05 1446 0

韓國的電商設計風格一直全球領先,而淘寶設計師是把它的風格吃得最透的一批人,所以建議做電商/平面的同學多看這類文章,可以幫你站在大牛的肩膀上,迅速追到今年最流行的視覺風格。
一、活動定位  (活動定位由同事亮神分析)
1、設計關鍵詞 ─── 年輕、網絡、親 雙12對比雙11,最大的區別是雙11更強調品牌的狂歡、而雙12更強調年輕、有趣、活力。 A、采用有趣的人物形象為主體,能快速的將用戶代入輕松的氛圍里,而且能呼應“親”的主題。人物不管是老的少的小的,都齊聚一堂。 uisdc-banner-201612051
B、網絡用語的烘托氛圍、如圖中的@、#、,、~。 不管是逗號還是句號,這些的確都是我們平常聊天中會用到的。 uisdc-banner-201612052 其次是 “Fashion” 的 logo和其它元素做到統一,同時元素上面也區分了以往活動中大家都用的幾何形狀,千篇一律。相反這些更有意思、有趣、貼合網絡。 C、淘寶親親節在視覺定位上更加年輕,豐富的色彩和立體的網絡符號以及情緒化的文案。 uisdc-banner-201612053 
 2、內容營銷───話題及直播設計風格 今年淘寶親親節更加注重內容營銷,圍繞用戶興趣主推了12個話題。在話題設計上使用了手寫字體及網絡表情這更符合年輕用戶群體的風格喜好,也可以更好的和有趣文案相互動。 uisdc-banner-201612054 uisdc-banner-201612055 uisdc-banner-201612056
視覺上面就感覺很二次元,的確也是符合年輕人的定位。 二、官網首頁氛圍: uisdc-banner-201612058 淘寶雙12活動主題為《1212淘寶親親節》,視乎主題的由來是我們所有人都熟悉的購物開頭語:親、能包郵嗎?親、還能在便宜點嗎?主題也很符合淘寶定位,也有親切感。從元素中看到波點元素和其它紋理的裝飾。 頁面 主會場: uisdc-banner-201612059 特色頻道會場: uisdc-banner-2016120510 品類分會場: uisdc-banner-2016120511 雖然淘寶給出的圖形規范中說這種是不規則曲線,文中就暫且用“不規則”一詞代替。從大風格方向看我更喜歡把它稱為迷彩風格,波點元素。形狀很有律動感、流動的視覺感受。區別以往棱角分明,嚴肅的感。放了2張迷彩感覺的圖: uisdc-banner-2016120512 三、會場視覺分析 層次:
uisdc-banner-2016120513 紅色背景和黃色藍色的撞色非常熱烈,商品和裝飾向外散發。而中間的不規則圓形則把視覺收縮進來。但兩者似乎有一些沖突了,不知道大家有沒有這種感覺。外圍的紅色和黃色屬于暖色,暖色給人收縮感。中間的藍色屬于冷色給人一種向外擴展的視覺感受。視覺層次大概6中,背景的形狀加上標題和元素。 uisdc-banner-2016120514 這樣雖然層次多了,但我卻無法集中。而且還有一種視覺疲勞感,因為紅色的視覺刺激比較大。(你可以試試把PC的兩邊遮擋起來,在看中間的內容會輕松很多)那么我們再看M端上們看看:
uisdc-banner-2016120515 在手機端上面直接去掉了紅色背景,這樣的確感覺沒有那么疲勞了。在手機上可以一眼把內容都包攬下來,減少了周圍的干擾,視覺上會比PC上面舒服。其次,我們看PC的上面主要的顏色有紅色、黃色、紫色、藍色、綠色,而且部分顏色的范圍很大,已經超過了我們平時說的配色不要超過3中的原理。 氛圍: 以分會場舉例分析 uisdc-banner-2016120516 排版采用居中布局模特或主推商品主打、其它商品為輔。 1、背景采用不規則的形狀做層次疊加、讓頁面律動性更強。背景的視覺走向: uisdc-banner-2016120517 2、元素使用 @  #   。~,我們平常都會用到的。比如微博@誰誰,熱門標題中的#等這些網絡符號,年輕活力。元素及商品的視覺走向: uisdc-banner-2016120518 配色: 顏色之間的撞色讓畫面更加熱鬧,加上不規則形狀的漸變色畫面則更加繽紛多彩。部分形狀為頁面中高亮色,高亮色也是作為視覺的落點。 uisdc-banner-2016120519 uisdc-banner-2016120520 △ 上面黃色圈出來的是高亮色
uisdc-banner-2016120521 uisdc-banner-2016120522 做活動不會配色的,多看看官方的頁面,會場這些配色。有暗色和亮色,顏色直接的碰撞。今年雙11、12活動配色都偏向微漸變色、色彩的碰撞。所以不敢用色、不會配色的朋友得琢磨琢磨了。其它部分會場: uisdc-banner-2016120523 uisdc-banner-2016120524 uisdc-banner-2016120525 uisdc-banner-2016120526 里面的那些元素,不是3D做的,就是復制了一層往下移動然后改變顏色的深淺。總體來說:淘寶這次的1212賣場頁面較為常規。 淘寶H5: uisdc-banner-2016120527 uisdc-banner-2016120528
5
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 国产精品久久久久久妇女 | 亚洲不卡在线观看 | 成人乱人乱一区二区三区软件 | aa级毛片毛片免费观看久 | 精久久 | 国产精品电影网 | wwww.8888久久爱站网 | 99只有精品| 欧美九九九 | 免费黄色录像片 | 日本在线免费看最新的电影 | 国产精品久久免费观看 | 91亚洲国产成人久久精品网站 | 亚洲资源站 | 日韩中文字幕在线不卡 | 久久综合一区 | 国产精品特级毛片一区二区三区 | 日韩在线播放一区 | av色在线| 亚洲va欧美va天堂v国产综合 | 亚洲成人精品国产 | 亚洲国产精品日韩av不卡在线 | a视频在线观看 | 国产一级在线视频 | 国产小视频在线观看 | 国产精品一区二区免费看 | 欧美国产精品 | 国产精品网址 | 精品国产一区二区三区成人影院 | 欧美自拍另类 | 国产精品成人国产乱一区 | 国产伦精品一区二区三区在线 | 成人免费网站 | 欧美精品一区二区三区四区五区 | 黄色男女网站 | 久久精品国产一区二区电影 | 久久精品视频网站 | 日本一区二区三区在线观看 | 色婷婷久久综合 | 97在线超碰 | 中文字幕亚洲欧美日韩在线不卡 |