對！沒錯蝦米這次又大改版啦！哈哈~前幾次改版被吐槽，那么，今天和大家一起看下蝦米改版中那些值得學(xué)習(xí)的點(diǎn)。

先看下一系列版本變化

蝦米從V.6.0.5 – V7.0 最大變化是產(chǎn)品內(nèi)容變化和視覺風(fēng)格改變，當(dāng)然呢，也許是因?yàn)楦l最新的蘋果風(fēng)，最新版本的設(shè)計(jì)更加簡潔，輕量，呼吸感更強(qiáng)。那么前兩個版本視覺設(shè)計(jì)風(fēng)格整體比較堵塞，功能內(nèi)容堆積

LOGO的變化

LOGO變化圖形改變了的同時(shí)，顏色也比之前飽和度更加深了，由之前橘黃色變成紅色。

1. 圖形上的變化感覺更加難以辨認(rèn)，重心不穩(wěn)；
2. 色彩上飽和度深，有點(diǎn)更接近蘋果音樂了。

主頁風(fēng)格變化- 迎合趨勢

蝦米音樂最大改變是去掉之前的眾多功能堆積，減少用戶選擇困難，首頁直接為用戶推薦一些個性化的內(nèi)容。

1. 視覺風(fēng)格的改版，整體采用大網(wǎng)格，呼吸感更強(qiáng)，大標(biāo)題，突出核心功能，去掉了灰色底，整體來說除去之前視覺上的混亂，更加輕量了一些（傳說中的蘋果風(fēng)格）；
2. 交互上相對之前來說更加突出重要內(nèi)容，減少了一些不常用的功能選項(xiàng)，大家感受下。

再來看推薦頁面的特色改變

推薦頁面最大特色就是頂部banner 下面四個圖標(biāo)非常有特色，非常便于用戶記憶，非常有調(diào)性。

上面這個是韓國的一個音樂app ，當(dāng)初我記憶最深刻就是這幾個圖標(biāo)，非常具有個性化，非常出彩，至今難忘，所以蝦米這次圖標(biāo)設(shè)計(jì)非常贊?？梢钥闯鑫r米這次用心之作。

其他的亮點(diǎn)我就不說了 就是大標(biāo)題嘛，沿用之前一致風(fēng)格。

蝦米音樂本次改版統(tǒng)一圖標(biāo)視覺語言

蝦米本次所有圖標(biāo)統(tǒng)一風(fēng)格線條粗細(xì)。這點(diǎn)和國外spotify 還有airbnb 設(shè)計(jì)方式一致都是線條，蝦米音樂圖標(biāo)是采用 2px 的細(xì)線條，圖標(biāo)設(shè)計(jì)比上個版本進(jìn)步有超大提升，且本次圖標(biāo)大多采用了蝦米的一些特質(zhì)，融入了品牌DNA元素，當(dāng)然有些二級頁面的圖標(biāo)沒有全部修改完，不知道蝦米官方是不是逐步去迭代

題外話

早在去年九十月份時(shí)候我就留意到騰訊視頻提前采用大標(biāo)題啦，但是當(dāng)時(shí)我是吐槽的，為何呢，大家細(xì)心看下，騰訊視頻焦點(diǎn)文字和未選中文字之間的對齊方式比較奇怪，還有就是粗細(xì)對比比較粗魯，看著沒蝦米這般對比強(qiáng)力。蝦米這樣底部對齊，整體重心穩(wěn)當(dāng)，大小差異很強(qiáng)。

一級文字顏色的改變

本次去掉之前厚重的黑色，一級文字顏色采用 #4A4A4A ，一級文字和二級文字對比更強(qiáng)，一個采用 bold ,一個采用 regular 顏色有點(diǎn)偏airbnb 設(shè)計(jì)風(fēng)格，怎么說呢，跟著大哥走，應(yīng)該沒錯

交互上的特色改變

蝦米音樂詳情頁，改版本次比較有特色一個是關(guān)于歌手簡介采用了向下滑動展示更多內(nèi)容，去掉了之前點(diǎn)擊 “更多入口” 進(jìn)入二級頁面，這樣減少了用戶來回操作成本，這點(diǎn)非常贊！上下滑動手勢對于用戶來說非常省事，易操作

回顧蝦米本次改版一些亮點(diǎn)

1. 去掉一些不常用的功能，首頁更加輕量，簡化；
2. 頁面布局采用大網(wǎng)格，頁面呼吸感更強(qiáng)；
3. 圖標(biāo)統(tǒng)一視覺語言，統(tǒng)一粗細(xì)，這點(diǎn)便于后期管理維護(hù)，也是未來的一個趨勢，那么特色欄目采用個性化圖標(biāo)風(fēng)格，比如推薦頁面banner 下面四個圖標(biāo)；
4. 交互上優(yōu)化了手勢操作，詳情頁，更多變成手勢。

不足點(diǎn)

當(dāng)然也有很多瑕疵，比如導(dǎo)航上彈簧一樣的焦點(diǎn)確實(shí)非常有特色，但是，但是，這與蝦米音樂有什么關(guān)系呢？這個符號從哪里提取出來的？等等，這里就不細(xì)說，大家看下圖蝦米早期設(shè)計(jì)其實(shí)非常有特色的，頁面并沒有那么多功能堆積，整體設(shè)計(jì)很輕量，經(jīng)過幾次折騰，那么這次也差不多改回來了一些

2018移動設(shè)計(jì)趨勢

1.今年移動端最大的趨勢跟誰Phone X大網(wǎng)格風(fēng)格，我們從國外幾個大的APP 來分析目前主流設(shè)計(jì)趨勢也是同樣有隨蘋果風(fēng)的影子；

2.隱藏掉一些不常用功能，突出用戶常用功能，從蝦米改版可以看出；

3.大標(biāo)題，大網(wǎng)格，一級文字顏色逐漸淡出純黑色STYLE，最具代表性的APP 有pinterest , arbnb；

4.更加注重內(nèi)容展示；

5.簡約輕量更扁平。

推薦閱讀

淺析Facebook改版設(shè)計(jì)

#專欄作家#

Tony，微信公眾號：洞見設(shè)計(jì)，人人都是產(chǎn)品經(jīng)理專欄作家。百度設(shè)計(jì)師。很樂意幫助年輕設(shè)計(jì)師成長，簡歷指導(dǎo)，每周分享最有價(jià)值的設(shè)計(jì)經(jīng)驗(yàn)，擅長產(chǎn)品體驗(yàn)設(shè)計(jì)，關(guān)注【洞見設(shè)計(jì)】后臺回復(fù)“彩蛋”領(lǐng)取設(shè)計(jì)資料。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來源于網(wǎng)絡(luò)