2019-6-17 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
在昨天引爆互聯(lián)網(wǎng)的一個熱點想必就是美團 APP 更新了，已經(jīng)刷爆了朋友圈，相信大家也都看見了。
△ 文中配圖均來自美團官方和產(chǎn)品截圖，僅作為設(shè)計交流使用
這是在設(shè)計群看見的一個啟動頁視頻，第一感覺就是品牌色由「青綠色」變成了「黃色」，采用 C4D 渲染出各種使用場景和產(chǎn)品的各種服務(wù)品類，表明產(chǎn)品內(nèi)部依然囊括了吃喝玩樂等一系列服務(wù)。風(fēng)格比較年輕化，第一感覺還是蠻不錯的，所以我立馬去 App Store 升級了產(chǎn)品，發(fā)現(xiàn) APP 啟動圖標(biāo)也變了。
△ APP圖標(biāo)目前是第二個，猜測是想給用戶一個過渡期
官方給的說法是：為了「將所有線上線下曝光進行視覺化統(tǒng)一，流量到品牌的一體化」。同時希望以統(tǒng)一品牌色為起點，未來實現(xiàn)從線上到線下，從流量到品牌的四者一體。
確實是這樣，就是為了品牌的統(tǒng)一，這就是這次升級的核心意義。這是典型的由公司經(jīng)營戰(zhàn)略為導(dǎo)向而進行的一次產(chǎn)品升級，這樣做也是為了搶占用戶心智，為了以后讓人一看到黃色，就只會想到美團，而不是其他品牌，畢竟現(xiàn)在的產(chǎn)品太多元化了，每家大廠都應(yīng)該有自己的一個獨有的品牌色，這樣品牌就不會過于分散。比如微信的綠色、淘寶的橘黃色、天貓的紅色……如何讓用戶第一時間就想到你的產(chǎn)品，對于競爭異常激烈的今天這真是太重要了。
說到用戶心智，前兩天看見一篇關(guān)于品牌的文章，里面提到：早期的品牌戰(zhàn)略是「定位理論」，它告訴了我們：品牌的競爭，是關(guān)于潛在用戶心智的競爭，如今這一理論也一樣適用。
因為品牌顏色的變化是用戶最直接、最容易感知出的變化，品牌色是最容易吸引用戶，占領(lǐng)用戶心智的方式。
為什么是黃色，而不是將所有色系都變?yōu)榍嗑G色？
我們都知道，美團升級前是「青綠色」、美團外賣是「黃色」、大眾點評是「橘黃色」，是各自不同的色系。
美團的四大業(yè)務(wù)支柱是：外賣、到店、酒店&旅游、出行。其中外賣的流量最大，每天外賣的訂單有數(shù)百萬計，這是一個巨大的流量，所以變身外賣「黃」也是為了流量和品牌更好地綁定。并且大街上奔忙的穿黃色衣服的外賣小哥，你一眼就知道是美團外賣，這些都是無形中的廣告，也早已扎根于你的心智之中。相信很多人心中的美團 = 美團外賣，所以變成「黃色」是最合適的。
但是「美團黃」和美團外賣的「黃色」還有所區(qū)別，只能算是一個色系，美團外賣的黃色更顯年輕一點。而「美團黃」官方的解釋是：黃色代表著熱情、溫暖，象征著美團始終堅守「幫大家吃得更好，生活更好」的使命，致力于為用戶提供更優(yōu)質(zhì)、有溫度的一站式生活服務(wù)，幫助人們向美好生活靠近。
下面再來對比一下產(chǎn)品頁面 UI 的變化：
△ 升級前主頁面UI
△ 升級后主頁面UI
單從頁面對比來看，整體布局結(jié)構(gòu)沒有什么變化，不出所料，主要的區(qū)別就是將新的品牌色「美團黃」進行了視覺上的強化。
這種大塊的品牌色比較突出的設(shè)計似乎和當(dāng)下流行的簡潔優(yōu)雅的設(shè)計風(fēng)格背道而馳，似乎只有在電商產(chǎn)品中比較常見，但我認為，這樣的設(shè)計應(yīng)該只是暫時的，相信在經(jīng)過一段時間占據(jù)了用戶心智之后，美團勢必會順應(yīng)當(dāng)下的流行趨勢，在此期待一下。
去年被收購的摩拜一直虧損嚴重，繼改名為「美團單車」之后，掃碼騎車入口也整合進了美團 APP，如今為了讓線下場景都統(tǒng)一成一個色系，單車也要變成黃色了：
對此，網(wǎng)上有人喊話美團：順便把小黃車也收購了吧，畢竟黃色的單車給我們的第一印象就是 OFO，這樣線下黃色的單車就全都是你家的了，我們的押金也就有著落了……
另外，還有一些其他線下場景品牌色運用：
這次美團的升級，不管你喜歡與否，它已經(jīng)發(fā)生，就像年前的微信升級一樣。一開始勢必會有很多人不習(xí)慣，這其實也是受用戶心智的影響，我們都會帶有一種現(xiàn)狀偏見來看待事物的新舊變化，這是很正常的心理狀態(tài)，但是過了一段時間以后，都會淡忘，直到習(xí)慣，都逃不過「真香」理論。
藍藍設(shè)計( www.88yangsc.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.88yangsc.com