是!是的，這次蝦已經(jīng)被修改了！哈哈?之前的修訂已經(jīng)吐了，所以今天讓我們來看看蝦的修訂中值得學習的要點。

我們來看看一系列版本更改

來自V.6.0.5的蝦– V7.0最大的變化是產(chǎn)品內(nèi)容的變化和視覺風格的變化，當然也許是因為最新的Apple風格，最新版的設(shè)計更簡潔，輕巧，透氣性更強。然后，前兩個版本的視覺設(shè)計風格更加堵塞，功能內(nèi)容被堆疊

LOGO更改

當LOGO更改模式發(fā)生變化時，顏色也比之前更深，從橙色到紅色。

圖形的變化更加難以辨認，重心不穩(wěn)定;

色彩飽和度很深，更接近Apple音樂。

家居風格的變化 - 迎合潮流

蝦音樂的最大變化是刪除了許多以前的功能并降低了用戶選擇的難度。主頁直接為用戶推薦一些個性化內(nèi)容。

視覺風格已經(jīng)修改，使用整體網(wǎng)格，呼吸更強，標題突出顯示，核心功能突出顯示，灰色底部被刪除，整體視覺混亂被消除，更輕的重量是一些（傳奇的Apple風格）。 ;

交互比以前更重要，并且減少了一些不太常用的功能選項。

讓我們看一下推薦頁面的功能變化

推薦頁面的最大特色是頂部橫幅。以下四個圖標非常有特色，非常人性化，非常有色調(diào)。

以上是來自韓國的音樂應(yīng)用程序。一開始，我記得最令人印象深刻的圖標。他們非常個性化，非常豐富多彩。它們是如此令人難忘，因此這種蝦的圖標設(shè)計非常好?？梢钥闯鑫r這次是辛勤工作。

我不會說其他亮點。這是一個很大的標題，它與之前的風格一致。

蝦音樂這是統(tǒng)一圖標視覺語言的修訂版

蝦這次所有的圖標均勻樣式線條厚度。這與國外的spotify和airbnb設(shè)計方法一致。蝦音樂圖標是2px細線。圖標設(shè)計比以前的版本有了很大的改進，大多數(shù)圖標都使用了蝦的一些特性。品牌DNA元素，當然，二級頁面上的一些圖標還沒有完全修改，我不知道蝦官方是否會反復(fù)進行

關(guān)閉主題

早在去年9月，我注意到騰訊視頻提前使用了標題，但當時我還在說。為什么在經(jīng)過仔細關(guān)注后，騰訊視頻焦點文本與未選文本之間的對齊方式很奇怪。還有一個比較厚重的粗魯，看著蝦的對比度不強。蝦的底部是對齊的，整體重心是穩(wěn)定的，并且尺寸的差異非常強。

第一級文本顏色更改

在重黑色去除之前，第一級文字顏色采用4A4A4A，第一級文字與二級文字對比度較強，一個采用粗體，一個采用常規(guī)顏色有點偏向的airbnb設(shè)計風格，怎么說跟著大哥，不應(yīng)該錯了

交互中的功能變化

蝦音樂詳情頁面，版本更加與眾不同。一個是關(guān)于歌手簡檔，其使用向下滑動來顯示更多內(nèi)容，并且移除先前的點擊“更多條目”。進入輔助頁面，這降低了用戶的運營成本。這很棒！上下滑動手勢非常便于用戶操作。

回顧一下這次修訂蝦的一些要點

刪除一些不常用的功能，主頁更輕巧，更簡潔;

頁面布局使用大網(wǎng)格，頁面感覺更透氣;

該圖標統(tǒng)一了視覺語言并統(tǒng)一了厚度。這便于后期管理和維護。這也是未來的趨勢。然后，精選列采用個性化的圖標樣式，例如推薦頁面橫幅的以下四個圖標;

交互式優(yōu)化的手勢操作，詳細信息頁面以及更多手勢。

不足之處

當然，還有很多瑕疵。例如，對導(dǎo)航彈簧的關(guān)注真的非常獨特，但是，這與蝦音樂有什么關(guān)系呢？從哪里提取符號？等等，所以我不會在這里詳述。蝦的早期設(shè)計其實很有特色，頁面不是那么多功能，整體設(shè)計很輕巧，經(jīng)過幾次折騰，那么這個時間幾乎已經(jīng)改回了一些

2018年移動設(shè)計趨勢

今年手機的最大趨勢是采用Phone X大網(wǎng)格風格。我們從幾個大型國外應(yīng)用程序分析當前的主流設(shè)計趨勢。它也有Apple Wind的影子;

2.隱藏一些不常用的功能，突出用戶的常用功能，從蝦的修改中可以看出;

3.標題，大格子，一級文字顏色逐漸淡出純黑色STYLE，最具代表性的APP有針對性，arbnb;

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

5.簡單，輕便，扁平。

推薦閱讀

Facebook版本設(shè)計分析

作者：TONY，UX視覺設(shè)計師，百度高級UI設(shè)計師，喜歡探索所有新事物，喜歡分享，寫文章。

本文最初由@TONY發(fā)布。未經(jīng)許可，禁止復(fù)制。

地圖來自網(wǎng)絡(luò)

« 品牌推廣的問答平臺 | 網(wǎng)站主題模板怎么選擇？ »