從上面新舊兩版App 的截圖可以看出，豆瓣FM 由原來(lái)的全黑色背景和白色文字，變成了現(xiàn)在黑色背景、綠色兆赫方塊以及大專輯封面的樣式。兩個(gè)版本的產(chǎn)品邏輯都同樣簡(jiǎn)單，但新版本更加突出了音樂(lè)本身，去掉了一些不必要的修飾，同時(shí)讓用戶在聽(tīng)音樂(lè)這件事上有著更好的體驗(yàn)。
按照豆瓣的說(shuō)法，豆瓣FM是一款提供伴隨式個(gè)性化音樂(lè)收聽(tīng)服務(wù)的應(yīng)用。但隨著豆瓣FM web版的不斷改進(jìn)，該服務(wù)本身已擁有數(shù)千個(gè)DJ兆赫，所服務(wù)的用戶數(shù)量也達(dá)到千萬(wàn)級(jí)。而從2010年9月2.0更新之后，豆瓣FM App就沒(méi)有太大的變化，其原有的設(shè)計(jì)已無(wú)法用戶的各種需求，所以豆瓣3.0 在功能和界面上的設(shè)計(jì)也就隨之而來(lái)了。
豆瓣資深交互設(shè)計(jì)師尚文歡告訴PingWest：“3.0改版的一個(gè)主要目的，就是要將大量DJ兆赫更加簡(jiǎn)單直接的展示在一個(gè)界面上，這和微軟的Modern UI、Google的Android Design 的理念類似。” 而采用綠色作為DJ兆赫 模塊的主色調(diào)，一方面是和豆瓣FM web版的配色一致，另一方面也是因?yàn)榫G色是豆瓣本身的主色調(diào)。
豆瓣視覺(jué)設(shè)計(jì)師Tifa 則告訴PingWest：“對(duì)于豆瓣FM的整體視覺(jué)，我希望它能具有包容力，可以承載各種風(fēng)格的歌曲，其次我希望弱化這個(gè)平臺(tái)本身的特點(diǎn)，而把更多的內(nèi)容呈現(xiàn)出來(lái)，由音樂(lè)及使用的人去賦予它所帶來(lái)的情感。”
至于播放界面，豆瓣3.0 也遵循著同樣的理念：簡(jiǎn)化設(shè)計(jì)，將用戶最需要和關(guān)心以外的東西去掉，突出內(nèi)容。用合適的大小呈現(xiàn)專輯封面，將用戶的注意力集中到歌曲本身上來(lái)。封面底部采用大量留白來(lái)簡(jiǎn)化信息呈現(xiàn)，讓用戶在很容易操作的同時(shí)也減少了不同形式信息的視覺(jué)干擾。
而在App的交互設(shè)計(jì)上，豆瓣設(shè)計(jì)師們也盡可能的讓App的內(nèi)容層級(jí)和操作方式變得更加扁平——通過(guò)簡(jiǎn)單的上下滑動(dòng)在兆赫列表和播放界面間切換，點(diǎn)擊封面出現(xiàn)歌詞等。手機(jī)的屏幕相對(duì)電腦要小很多，而通過(guò)這種更加扁平的信息交互方式，可以很好的解決狹小空間展現(xiàn)內(nèi)容的難題。
文章來(lái)源：pingwest
起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)
