（安卓端選擇QQ音樂，IOS端選擇死磕，web端選擇花瓣網(wǎng)）

安卓端：

1. QQ音樂的主要功能是為用戶播放音樂和推薦音樂。所以它的頂部導(dǎo)航目錄里面的主要控件有“我的”、“音樂館”和“發(fā)現(xiàn)”，左邊還有選擇抽屜式二級(jí)導(dǎo)航的icon，右邊有聽歌識(shí)曲的icon，下方有搜索欄，用戶可以輕易的選擇搜索自己的歷史音樂，或者查看推薦音樂，搜索想聽的音樂。一級(jí)導(dǎo)航欄里的聽歌識(shí)曲icon，位置清晰明了，點(diǎn)擊快捷省時(shí)，可以使用戶在身邊音樂播放完畢的有限時(shí)間里進(jìn)行識(shí)別。在主界面下方，顯示有正在播放的音樂，用戶可以在隨時(shí)切換歌曲，進(jìn)入歌曲播放界面，查看歌曲所在列表，或者點(diǎn)擊播放與暫停。

2. 在“我的”的頁面，有網(wǎng)格式列表來展示用戶的本地音樂、下載歌曲、最近播放、我喜歡、下載MV和已購音樂的功能，下方有垂直列表的方式展示推廣歌單和用戶收藏的歌單，頁面看起來清晰規(guī)整，但是如果推廣電臺(tái)的內(nèi)容不夠吸引，又放置在用戶收藏歌單之上，容易阻礙用戶視線下移的興趣，從而收藏歌單這個(gè)功能使用頻率就減少了，并且收藏歌單過多時(shí)，用戶瀏覽尋找時(shí)容易疲勞。

3. 在音樂館頁面，采用了大圖輪播面板、網(wǎng)格列表、垂直列表相結(jié)合的形式。輪播面板中的圖片色彩鮮艷，可以很好的吸引顧客興趣，但是很難跳轉(zhuǎn)到非相鄰的選項(xiàng)，用戶需要重新循環(huán)一遍才能找到選項(xiàng)；網(wǎng)格列表可以充分利用空間，放下更多推薦音樂的內(nèi)容；垂直列表可以使用戶直接明了的看到推薦的歌曲。但是所有這些布局形式都按順序排列在一個(gè)長頁面中，往下翻時(shí)用戶就看不到導(dǎo)航，不明確他們具體的前后排列位置，并且排列方式相互交叉反復(fù)使用，用戶會(huì)覺得視覺混亂，不明重點(diǎn)。

4. 在“發(fā)現(xiàn)”頁面中，QQ音樂依舊使用的是列表形式與網(wǎng)格列表相結(jié)合的方式，并且按照順序排列在長頁面中，沒有一個(gè)導(dǎo)航，如果用戶不往下游覽，就不知道頁面下方還有什么功能。

5. 點(diǎn)開界面上方一級(jí)導(dǎo)航欄最左邊的icon 便可以打開抽屜式二級(jí)導(dǎo)航，里面有一些不重要的功能，用戶可以進(jìn)行設(shè)置，點(diǎn)擊控件進(jìn)入二級(jí)界面。這樣既可以使主界面更加簡潔，主要功能位置可以放置更突出，增強(qiáng)視覺效果，還可以不妨礙引導(dǎo)用戶行為。

IOS端: ?

1.死磕作為一個(gè)設(shè)計(jì)師的學(xué)習(xí)平臺(tái)，最為專注的功能是分享與學(xué)習(xí)。它在IOS端也采取了抽屜式的布局，隱藏了一些不為重要的功能，在它的主頁面上方的導(dǎo)航欄里左邊有點(diǎn)開抽屜式二級(jí)導(dǎo)航的icon，右邊有大神、工具、解讀三個(gè)控件。 它的主頁面全部采取的是用垂直列表形式展示大神專題，與我們平常所看到的不一樣，它的條目背景是圖片，文字也是居中對(duì)齊的，簡約風(fēng)，這樣可以給用戶造成一種強(qiáng)烈的視覺效果，突出設(shè)計(jì)感；并且在所有一級(jí)界面下方，加入了在安卓material design 中的第三維度控件，通過顏色區(qū)分，使“作品問診”和“大神建議”控件，高于界面，引導(dǎo)用戶點(diǎn)擊，用戶可以在“作品問診”中發(fā)布作品，等待大神語音點(diǎn)評(píng)，而點(diǎn)擊“大神建議”，查看大神最近的發(fā)言信息。雖然整體頁面看起來十分“高大上”，但是對(duì)于習(xí)慣使用IOS系統(tǒng)的用戶來說，初次使用階段會(huì)不習(xí)慣，并且它的icon不是IOS端常用的，所以，用戶一般難以理解，不能迅速找到自己想要的功能頁面。

2.在“工具”頁面，雖然它標(biāo)注的是工具，實(shí)際意義是工具學(xué)習(xí)。頁面按照垂直列表式的形式，排列出了Ps、Ai、Sketch、Finto、Ae、Ciema 4D六種課程學(xué)習(xí)，用戶只需要點(diǎn)擊，便可查看課程設(shè)置以及付款學(xué)習(xí)。由于它的條目簡約，且以鮮艷色彩為底色，軟件logo名稱居中的形式，用戶可以很直觀的看到信息，并方便的進(jìn)行選擇。

3. “解讀”頁面中，依舊采用的簡約的垂直列表形式來展示一些設(shè)計(jì)書籍，，用戶可以方便瀏覽書籍，但是它條目中的字體居左，書籍圖標(biāo)居右，與用戶平常的閱讀習(xí)慣有些沖突，造成心里妨礙。

4.點(diǎn)開抽屜式的二級(jí)導(dǎo)航目錄，同樣也是垂直列表形式，下方配有橫排四個(gè)icon，和一個(gè)正在瀏覽文章的提示，總體內(nèi)容比較少，排列有序，用戶可以清晰知道主提供功能是哪些 ，不過點(diǎn)擊二級(jí)導(dǎo)航中的控件進(jìn)入二級(jí)界面后沒有返回icon ，只能重新點(diǎn)擊抽屜式導(dǎo)航目錄進(jìn)行界面跳轉(zhuǎn)，增加用戶行為，不夠便捷。

Mac Web端:

花瓣網(wǎng)主頁面左上方是LOGO以及一級(jí)導(dǎo)航目錄，右上方是用戶信息，中間是花瓣宣傳理念以及搜索欄，用戶可以很方便的搜索自己想要的圖片素材；搜索欄下方是一個(gè)二級(jí)導(dǎo)航，用戶可以根據(jù)分類范圍進(jìn)行素材的尋找，頁面向下滑動(dòng)之后，出現(xiàn)了新的導(dǎo)航欄，包含有l(wèi)ogo、導(dǎo)航、搜索、用戶信息等；網(wǎng)頁的主體內(nèi)容即圖片素材按照瀑布流網(wǎng)格排列，排列隨意卻富有生趣，使界面能夠展示更多的內(nèi)容，同一頁面能為用戶提供的更多的選擇；主頁面底部也有一個(gè)導(dǎo)航欄，幫助用戶在更詳細(xì)的分類中找到自己所需的素材，導(dǎo)航欄下方則是網(wǎng)站信息。