來源：Designup第三市集 ID：D3SIGNUP

（已獲作者授權(quán)轉(zhuǎn)載）

2017年已將近過半，我們發(fā)現(xiàn)一些知名公司已悄悄更新Logo，換上漸變色的外衣。這種擺脫單一色調(diào)，富有層次律動(dòng)的配色成為越來越多公司的新寵。

比如Instagram、IBM Watson、淘寶、陌陌、ofo小黃車…漸變色的魅力究竟在哪里？改版后的新Logo又為我們帶來怎樣全新的視覺體驗(yàn)？

 新淘寶 設(shè)計(jì)升級(jí) 

今年3月份，淘寶率先推出6.5.0版本，從App圖標(biāo)到UI界面風(fēng)格都采用了漸變色，這是首次以設(shè)計(jì)為主導(dǎo)的版本升級(jí)。

淘寶首頁

淘寶購物車

我們可以看到淘寶幾大一級(jí)界面都進(jìn)行全面改版，加入App圖標(biāo)漸變主色，整體視覺達(dá)成統(tǒng)一，給到用戶一致的信息輸出。

視覺體驗(yàn)往往能帶動(dòng)人最微妙的情緒感受，淘寶從單一的品牌色過渡到漸變?nèi)诤系臉邮?，色彩繽紛時(shí)尚、明亮親和，顯得年輕而富有活力。

淘寶品牌色（基礎(chǔ)色）的漸變使用

正如淘寶的主力人群越來越年輕化，這次改版是為了使品牌顯得更為活力、親和、鮮明。而豐富流淌的漸變色從明變暗，或由深至淺，從視覺上吸引用戶，能帶來生活和情感上更深的共鳴。

 ofo更黃了呢 

近期ofo正式宣布改名為“ofo小黃車”，在品牌名稱、品牌標(biāo)識(shí)（Logo）、口號(hào)（Slogan）和域名等四個(gè)方面進(jìn)行品牌元素全面升級(jí)。

我們仔細(xì)觀察就會(huì)發(fā)現(xiàn)，順應(yīng)漸變色潮流是ofo這次升級(jí)的主要變化，看來ofo對(duì)漸變色也是情有獨(dú)鐘~

• 品牌標(biāo)識(shí)

對(duì)比之下，舊有的Logo字體和顏色顯得很平淡，黃底黑字。新的Logo ofo的三個(gè)字母以加粗效果，整體更加渾圓有力。采用今年特別流行的漸變色，鮮亮的檸檬黃十分呼應(yīng)ofo的品牌主色，富有年輕活力，正如騎車一族??

Slogan也順時(shí)推出從“隨時(shí)隨地有車騎”到“騎時(shí)可以更輕松”。更體現(xiàn)都市人在工作壓力之下更追求活力、年輕化的生活態(tài)度。

圖標(biāo)也換了！原來的App圖標(biāo)是黑底黃字，新的圖標(biāo)是明亮系，黃底黑字，辨識(shí)度很高。

• 品牌名稱
  

小黃車一直以來是用戶對(duì)ofo共享單車的昵稱，此次ofo正式改名為ofo小黃車，也體現(xiàn)了對(duì)用戶訴求的尊重，真正融入用戶的品牌追求~更為貼近用戶的心理，產(chǎn)生天然的親近感?

ofo此次的全面改版看到他們在品牌升級(jí)上的重視與決心。2017年，共享單車之爭愈演愈烈，誰將分得最后一公里出行的蛋糕？誰能直達(dá)用戶心智給到最好的體驗(yàn)？我們拭目以待。

 原來你是這樣的陌陌 

陌陌換了新Logo，來自用戶的心聲：

簡直騷氣十足??

陌陌的新版Logo在延續(xù)原有的定位標(biāo)識(shí)、對(duì)話氣泡、眼睛的元素基礎(chǔ)上，最大的創(chuàng)新在于色彩升級(jí)，大膽啟用紅黃藍(lán)三原色的漸變設(shè)計(jì)。

從冷色到暖色過渡，寓意著通過陌陌的連接，從陌生走向熟悉。多重色彩的設(shè)計(jì)，象征著產(chǎn)品視頻化，能夠幫助用戶更好地分享、記錄多姿多彩的生活，享受更多基于視頻的娛樂內(nèi)容。新Logo右下角的缺口設(shè)計(jì)，則表明了陌陌的態(tài)度，作為一個(gè)開放式社交平臺(tái)，未來將帶給用戶更多的想象空間。

漸變色的運(yùn)用在視覺上帶來更強(qiáng)烈的效果，相較于舊有的Logo標(biāo)準(zhǔn)的品牌藍(lán)，此次更新顯得更為豐富，適應(yīng)新生代消費(fèi)群體的需求。你喜歡嗎？

2017年，淘寶、ofo、陌陌都采用了今年大熱的漸變色，然而這不是唯一的設(shè)計(jì)趨勢。想知道今年最流行的是哪些設(shè)計(jì)趨勢嗎？后半年我們還能抓住哪些設(shè)計(jì)趨勢與知名公司比肩？

以下是總結(jié)的20個(gè)設(shè)計(jì)趨勢，還不快get起來?

01.

半扁平化設(shè)計(jì)

過去幾年扁平化設(shè)計(jì)幾乎統(tǒng)領(lǐng)整個(gè)網(wǎng)頁設(shè)計(jì)市場。但現(xiàn)在受Material Design影響，開始向立體多維轉(zhuǎn)變。這種轉(zhuǎn)變開始于光和影的運(yùn)用，就是所謂的“半扁平化設(shè)計(jì)”。扁平化設(shè)計(jì)的興起是為了適應(yīng)現(xiàn)代科技所推崇的極簡設(shè)計(jì)風(fēng)格，2017年扁平化設(shè)計(jì)還會(huì)繼續(xù)存在，但也在經(jīng)歷著一些轉(zhuǎn)變，不再盛行。

平滑的陰影可以增加深度和復(fù)雜性，卻不會(huì)破壞原有扁平化的風(fēng)格，2017年這一新趨勢將繼續(xù)流行。

02.

電影動(dòng)效 ??

電影動(dòng)效不是指我們在各網(wǎng)站上常見的動(dòng)態(tài)gif，而是在一張普通的靜態(tài)圖片上增加動(dòng)態(tài)微小的元素。這使得一張簡單的圖片看起來更趨于真實(shí)，給用戶帶來小小的驚喜。

行駛而過的出租車

搖晃的酒杯

傾倒的牛奶

03.

更多的3D效果

3D技術(shù)正日益引領(lǐng)著我們的生活方式，我們會(huì)看到它在設(shè)計(jì)領(lǐng)域的影響力。隨著VR/AR的飛速變革，這一技術(shù)在設(shè)計(jì)的運(yùn)用也會(huì)越來越顯著。

04.

動(dòng)畫效果??

動(dòng)畫效果在網(wǎng)頁設(shè)計(jì)中越來越流行，諸如gifs、SVG、WebGL CSS或小視頻格式。動(dòng)畫效果絕對(duì)是今年最主要的趨勢之一，快嘗試用動(dòng)畫讓你的網(wǎng)站更加有趣~

05.

登陸頁面

登陸頁面可以更好地吸引目標(biāo)用戶留存，占領(lǐng)市場份額。2017年我們將看到登陸頁面更多地運(yùn)用在各大網(wǎng)站上。

06.

幾何圖形

這一趨勢始于2016年并將在2017年延續(xù)。通過增加一些現(xiàn)代化的幾何圖形，比如平面、淺陰影…這些簡單活潑的元素讓你的網(wǎng)站更具個(gè)性化。

07.

大膽配色??

運(yùn)用大膽的顏色來表達(dá)~不論是Material Design還是扁平化設(shè)計(jì)都非常適合這種配色?？梢杂肎oogle的官方色板搭配任何你喜歡的顏色。

08.

創(chuàng)意視差滾動(dòng)

這是一個(gè)很棒的視覺創(chuàng)意，為你的網(wǎng)站增添獨(dú)一無二的元素。從多層視差到多角度拍攝，任何一種形式都可以營造。

有沒有很酷?

運(yùn)用Wordpress插件，創(chuàng)造更多層的視差，創(chuàng)造性地組合任何我們喜歡的風(fēng)格圖層，營造視覺美感。Play with layers.

09.

漸變色

漸變色是時(shí)下最主要的流行趨勢之一。從2016年開始并快速席卷到設(shè)計(jì)領(lǐng)域，直至2017年依然大熱。比如我們所熟知的Instagram，它的Logo和界面視覺由單一色向漸變色轉(zhuǎn)化。從Logo、圖標(biāo)到圖片…漸變色的潮流無處不在，還不快跟上??

10.

移動(dòng)瀏覽（響應(yīng)式設(shè)計(jì)）

2015-2016年移動(dòng)設(shè)備使用的比例大幅增長，通過平板、手機(jī)的瀏覽量已超越PC端，成為用戶的首選，而這一趨勢在2017年將持續(xù)。如果你的網(wǎng)站還不知道適配移動(dòng)端，那可要out了！

11.

定制圖案和插畫

很多人依然會(huì)使用Stock photos尋找圖片資源，但現(xiàn)在有一種新的趨勢興起—定制圖案和插畫。如果想要網(wǎng)站看起來更具特色，讓用戶一眼就能記住，到Designup找一位優(yōu)秀設(shè)計(jì)師，定制專屬的圖案插畫，多一些創(chuàng)新~

12.

創(chuàng)造性地運(yùn)用中立空間和網(wǎng)絡(luò)

在過去幾年，網(wǎng)站設(shè)計(jì)的排版大多中規(guī)中矩，排列整齊，是不是看起來有些無聊？但在2016年開始，悄悄發(fā)生著轉(zhuǎn)變。一些網(wǎng)站開始運(yùn)用更自由、不規(guī)則層次的方式排列界面內(nèi)容，使設(shè)計(jì)更具現(xiàn)代化質(zhì)感。

13.

故事敘述

越來越多的網(wǎng)站開始以一種敘述故事的方式來使用戶產(chǎn)生認(rèn)同感，這是把握了人的心理特性，我們往往對(duì)于豐富的故事情節(jié)更感興趣，而不是簡單地將信息傳輸給你。制造一個(gè)情景，讓用戶身臨其中。

14.

延遲加載

延遲加載的功能延緩長網(wǎng)頁中圖片加載的速度，呈現(xiàn)出緩慢進(jìn)入的效果，將所有的信息都會(huì)放置在正確的位置上，讓用戶能夠準(zhǔn)確識(shí)別。

15.

分離式內(nèi)容??

分離式內(nèi)容在響應(yīng)式網(wǎng)頁設(shè)計(jì)中越來越重要，它將屏幕內(nèi)容一分為二甚至更多部分。分離清晰的網(wǎng)頁可以給到用戶多個(gè)同等重要的信息展示。這一趨勢從2015年末開始流行，2017年將會(huì)發(fā)展得更快，可以在更多網(wǎng)頁設(shè)計(jì)中看到它的身影。

Designup登陸頁面

16.

全屏模式

好處在于我們不需要跳轉(zhuǎn)到另一個(gè)頁面來填寫信息，新的網(wǎng)站配備了適應(yīng)響應(yīng)式設(shè)計(jì)的全屏模式。

17.

無處不在的視頻??

從去年開始在網(wǎng)站使用視頻內(nèi)容的逐步增加，越來越多的網(wǎng)站希望通過高質(zhì)量的視頻來講述故事，比如一個(gè)短視頻或循環(huán)播放，來展示產(chǎn)品或大型的項(xiàng)目，使用戶產(chǎn)生濃厚的興趣。

18.

SEO至關(guān)重要

SEO優(yōu)化對(duì)于一個(gè)網(wǎng)站的存活非常重要。一個(gè)網(wǎng)站即使做得再美觀，如果SEO不好也很快會(huì)被競爭對(duì)手甩在后面。

來，我們念口號(hào)??

19.

隱藏導(dǎo)航功能??

2017年“漢堡包菜單”大行其道，如何讓用戶快速找到隱藏的菜單欄？雖然引起很多爭議，但有一點(diǎn)可以確定，這一趨勢不可阻擋~看我們怎樣更好地運(yùn)用它。

20.

微小的設(shè)計(jì)細(xì)節(jié)

對(duì)于設(shè)計(jì)細(xì)節(jié)的關(guān)注今年尤為重要。從導(dǎo)航欄到界面角落里的Logo，關(guān)注每一個(gè)微小的細(xì)節(jié)給到用戶更好的體驗(yàn)。

未來近在眼前，可以看到2017年在延續(xù)去年部分趨勢的同時(shí)，也伴隨著技術(shù)發(fā)展，迎來了新的設(shè)計(jì)趨勢。有越來越多的企業(yè)意識(shí)到設(shè)計(jì)的價(jià)值，應(yīng)時(shí)變化，為用戶創(chuàng)造更激動(dòng)人心的體驗(yàn)。