淘寶、ofo、陌陌都在緊跟2017設計趨勢，你還等什麼？

到Designup 用可靠設計師。

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

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

新淘寶 設計升級

今年3月份，淘寶率先推出6.5.0版本，從App圖標到UI界面風格都採用了漸變色，這是首次以設計為主導的版本升級。

淘寶首頁

淘寶購物車

我們可以看到淘寶幾大一級界面都進行全面改版，加入App圖標漸變主色，整體視覺達成統一，給到用戶一致的信息輸出。

視覺體驗往往能帶動人最微妙的情緒感受，淘寶從單一的品牌色過渡到漸變融合的樣式，色彩繽紛時尚、明亮親和，顯得年輕而富有活力。

淘寶品牌色（基礎色）的漸變使用

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

ofo更黃了呢

近期ofo正式宣布改名為「ofo小黃車」，在品牌名稱、品牌標識（Logo）、口號（Slogan）和域名等四個方面進行品牌元素全面升級。

我們仔細觀察就會發現，順應漸變色潮流是ofo這次升級的主要變化，看來ofo對漸變色也是情有獨鍾~

品牌標識

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

Slogan也順時推出從「隨時隨地有車騎」到「騎時可以更輕鬆」。更體現都市人在工作壓力之下更追求活力、年輕化的生活態度。

圖標也換了！原來的App圖標是黑底黃字，新的圖標是明亮系，黃底黑字，辨識度很高。

品牌名稱

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

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

原來你是這樣的陌陌

陌陌的新版Logo在延續原有的定位標識、對話氣泡、眼睛的元素基礎上，最大的創新在於色彩升級，大膽啟用紅黃藍三原色的漸變設計。

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

簡直騷氣十足

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

漸變色的運用在視覺上帶來更強烈的效果，相較於舊有的Logo標準的品牌藍，此次更新顯得更為豐富，適應新生代消費群體的需求。你喜歡嗎？

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

下半年20個設計趨勢

01.半扁平化設計

過去幾年扁平化設計幾乎統領整個網頁設計市場。但現在受Material Design影響，開始向立體多維轉變。這種轉變開始於光和影的運用，就是所謂的「半扁平化設計」。扁平化設計的興起是為了適應現代科技所推崇的極簡設計風格，2017年扁平化設計還會繼續存在，但也在經歷著一些轉變，不再盛行。

平滑的陰影可以增加深度和複雜性，卻不會破壞原有扁平化的風格，2017年這一新趨勢將繼續流行。

02.電影動效

電影動效不是指我們在各網站上常見的動態gif，而是在一張普通的靜態圖片上增加動態微小的元素。這使得一張簡單的圖片看起來更趨於真實，給用戶帶來小小的驚喜。

GIF/173K

行駛而過的計程車

GIF/1.3M

搖晃的酒杯

GIF/366K

傾倒的牛奶

03.更多的3D效果

3D技術正日益引領著我們的生活方式，我們會看到它在設計領域的影響力。隨著VR/AR的飛速變革，這一技術在設計的運用也會越來越顯著。

04.動畫效果

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

GIF/1.3M

GIF/1.3M

GIF/1.8M

05.登陸頁面

登陸頁面可以更好地吸引目標用戶留存，佔領市場份額。2017年我們將看到登陸頁面更多地運用在各大網站上。

06.幾何圖形

這一趨勢始於2016年並將在2017年延續。通過增加一些現代化的幾何圖形，比如平面、淺陰影…這些簡單活潑的元素讓你的網站更具個性化。

07.大膽配色

運用大膽的顏色來表達~不論是Material Design還是扁平化設計都非常適合這種配色。可以用Google的官方色板搭配任何你喜歡的顏色。

08.創意視差滾動

這是一個很棒的視覺創意，為你的網站增添獨一無二的元素。從多層視差到多角度拍攝，任何一種形式都可以營造。

GIF/1.7M

運用Wordpress插件，創造更多層的視差，創造性地組合任何我們喜歡的風格圖層，營造視覺美感。Play with layers.

GIF/1.6M

09.漸變色

漸變色是時下最主要的流行趨勢之一。從2016年開始並快速席捲到設計領域，直至2017年依然大熱。比如我們所熟知的Instagram，它的Logo和界面視覺由單一色向漸變色轉化。從Logo、圖標到圖片…漸變色的潮流無處不在，還不快跟上

10.移動瀏覽（響應式設計）

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

GIF/649K

11.定製圖案和插畫

很多人依然會使用Stock photos尋找圖片資源，但現在有一種新的趨勢興起—定製圖案和插畫。如果想要網站看起來更具特色，讓用戶一眼就能記住，到Designup找一位優秀設計師，定製專屬的圖案插畫，多一些創新~

12.創造性地運用中立空間和網路

在過去幾年，網站設計的排版大多中規中矩，排列整齊，是不是看起來有些無聊？但在2016年開始，悄悄發生著轉變。一些網站開始運用更自由、不規則層次的方式排列界面內容，使設計更具現代化質感。

13.故事敘述

越來越多的網站開始以一種敘述故事的方式來使用戶產生認同感，這是把握了人的心理特性，我們往往對於豐富的故事情節更感興趣，而不是簡單地將信息傳輸給你。製造一個情景，讓用戶身臨其中。

14.延遲載入

延遲載入的功能延緩長網頁中圖片載入的速度，呈現出緩慢進入的效果，將所有的信息都會放置在正確的位置上，讓用戶能夠準確識別。

15.分離式內容

分離式內容在響應式網頁設計中越來越重要，它將屏幕內容一分為二甚至更多部分。分離清晰的網頁可以給到用戶多個同等重要的信息展示。這一趨勢從2015年末開始流行，2017年將會發展得更快，可以在更多網頁設計中看到它的身影。

Designup登陸頁面

16.全屏模式

好處在於我們不需要跳轉到另一個頁面來填寫信息，新的網站配備了適應響應式設計的全屏模式。

17.無處不在的視頻

從去年開始在網站使用視頻內容的逐步增加，越來越多的網站希望通過高質量的視頻來講述故事，比如一個短視頻或循環播放，來展示產品或大型的項目，使用戶產生濃厚的興趣。

GIF/1.2M

18.SEO至關重要

SEO優化對於一個網站的存活非常重要。一個網站即使做得再美觀，如果SEO不好也很快會被競爭對手甩在後面。

19.隱藏導航功能

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

20.微小的設計細節

對於設計細節的關注今年尤為重要。從導航欄到界面角落裡的Logo，關注每一個微小的細節給到用戶更好的體驗。

未來近在眼前，可以看到2017年在延續去年部分趨勢的同時，也伴隨著技術發展，迎來了新的設計趨勢。有越來越多的企業意識到設計的價值，應時變化，為用戶創造更激動人心的體驗。

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！