(安卓端選擇QQ音樂慧起,IOS端選擇死磕,web端選擇花瓣網(wǎng))
安卓端:
1. QQ音樂的主要功能是為用戶播放音樂和推薦音樂驯绎。所以它的頂部導航目錄里面的主要控件有“我的”完慧、“音樂館”和“發(fā)現(xiàn)”,左邊還有選擇抽屜式二級導航的icon剩失,右邊有聽歌識曲的icon屈尼,下方有搜索欄,用戶可以輕易的選擇搜索自己的歷史音樂拴孤,或者查看推薦音樂脾歧,搜索想聽的音樂。一級導航欄里的聽歌識曲icon演熟,位置清晰明了鞭执,點擊快捷省時司顿,可以使用戶在身邊音樂播放完畢的有限時間里進行識別。在主界面下方兄纺,顯示有正在播放的音樂大溜,用戶可以在隨時切換歌曲,進入歌曲播放界面估脆,查看歌曲所在列表钦奋,或者點擊播放與暫停。
2. 在“我的”的頁面疙赠,有網(wǎng)格式列表來展示用戶的本地音樂付材、下載歌曲、最近播放圃阳、我喜歡厌衔、下載MV和已購音樂的功能,下方有垂直列表的方式展示推廣歌單和用戶收藏的歌單捍岳,頁面看起來清晰規(guī)整富寿,但是如果推廣電臺的內(nèi)容不夠吸引,又放置在用戶收藏歌單之上锣夹,容易阻礙用戶視線下移的興趣作喘,從而收藏歌單這個功能使用頻率就減少了,并且收藏歌單過多時晕城,用戶瀏覽尋找時容易疲勞。
3. 在音樂館頁面窖贤,采用了大圖輪播面板砖顷、網(wǎng)格列表、垂直列表相結(jié)合的形式赃梧。輪播面板中的圖片色彩鮮艷滤蝠,可以很好的吸引顧客興趣,但是很難跳轉(zhuǎn)到非相鄰的選項授嘀,用戶需要重新循環(huán)一遍才能找到選項物咳;網(wǎng)格列表可以充分利用空間,放下更多推薦音樂的內(nèi)容蹄皱;垂直列表可以使用戶直接明了的看到推薦的歌曲览闰。但是所有這些布局形式都按順序排列在一個長頁面中,往下翻時用戶就看不到導航巷折,不明確他們具體的前后排列位置压鉴,并且排列方式相互交叉反復使用,用戶會覺得視覺混亂锻拘,不明重點油吭。
4. 在“發(fā)現(xiàn)”頁面中击蹲,QQ音樂依舊使用的是列表形式與網(wǎng)格列表相結(jié)合的方式,并且按照順序排列在長頁面中婉宰,沒有一個導航歌豺,如果用戶不往下游覽,就不知道頁面下方還有什么功能心包。
5. 點開界面上方一級導航欄最左邊的icon 便可以打開抽屜式二級導航类咧,里面有一些不重要的功能,用戶可以進行設(shè)置谴咸,點擊控件進入二級界面轮听。這樣既可以使主界面更加簡潔,主要功能位置可以放置更突出岭佳,增強視覺效果血巍,還可以不妨礙引導用戶行為。
IOS端: ?
1.死磕作為一個設(shè)計師的學習平臺珊随,最為專注的功能是分享與學習述寡。它在IOS端也采取了抽屜式的布局,隱藏了一些不為重要的功能叶洞,在它的主頁面上方的導航欄里左邊有點開抽屜式二級導航的icon鲫凶,右邊有大神、工具衩辟、解讀三個控件螟炫。 它的主頁面全部采取的是用垂直列表形式展示大神專題,與我們平常所看到的不一樣艺晴,它的條目背景是圖片昼钻,文字也是居中對齊的,簡約風封寞,這樣可以給用戶造成一種強烈的視覺效果然评,突出設(shè)計感;并且在所有一級界面下方狈究,加入了在安卓material design 中的第三維度控件碗淌,通過顏色區(qū)分,使“作品問診”和“大神建議”控件抖锥,高于界面亿眠,引導用戶點擊,用戶可以在“作品問診”中發(fā)布作品宁改,等待大神語音點評缕探,而點擊“大神建議”,查看大神最近的發(fā)言信息还蹲。雖然整體頁面看起來十分“高大上”爹耗,但是對于習慣使用IOS系統(tǒng)的用戶來說耙考,初次使用階段會不習慣,并且它的icon不是IOS端常用的潭兽,所以倦始,用戶一般難以理解,不能迅速找到自己想要的功能頁面山卦。
2.在“工具”頁面鞋邑,雖然它標注的是工具,實際意義是工具學習账蓉。頁面按照垂直列表式的形式枚碗,排列出了Ps、Ai铸本、Sketch肮雨、Finto、Ae箱玷、Ciema 4D六種課程學習怨规,用戶只需要點擊,便可查看課程設(shè)置以及付款學習锡足。由于它的條目簡約波丰,且以鮮艷色彩為底色,軟件logo名稱居中的形式舶得,用戶可以很直觀的看到信息掰烟,并方便的進行選擇。
3. “解讀”頁面中沐批,依舊采用的簡約的垂直列表形式來展示一些設(shè)計書籍媚赖,,用戶可以方便瀏覽書籍珠插,但是它條目中的字體居左,書籍圖標居右颖对,與用戶平常的閱讀習慣有些沖突捻撑,造成心里妨礙。
4.點開抽屜式的二級導航目錄缤底,同樣也是垂直列表形式顾患,下方配有橫排四個icon,和一個正在瀏覽文章的提示个唧,總體內(nèi)容比較少江解,排列有序,用戶可以清晰知道主提供功能是哪些 徙歼,不過點擊二級導航中的控件進入二級界面后沒有返回icon 犁河,只能重新點擊抽屜式導航目錄進行界面跳轉(zhuǎn)鳖枕,增加用戶行為,不夠便捷桨螺。
Mac Web端:
花瓣網(wǎng)主頁面左上方是LOGO以及一級導航目錄宾符,右上方是用戶信息,中間是花瓣宣傳理念以及搜索欄灭翔,用戶可以很方便的搜索自己想要的圖片素材魏烫;搜索欄下方是一個二級導航,用戶可以根據(jù)分類范圍進行素材的尋找肝箱,頁面向下滑動之后哄褒,出現(xiàn)了新的導航欄,包含有l(wèi)ogo煌张、導航呐赡、搜索、用戶信息等唱矛;網(wǎng)頁的主體內(nèi)容即圖片素材按照瀑布流網(wǎng)格排列罚舱,排列隨意卻富有生趣,使界面能夠展示更多的內(nèi)容绎谦,同一頁面能為用戶提供的更多的選擇管闷;主頁面底部也有一個導航欄,幫助用戶在更詳細的分類中找到自己所需的素材窃肠,導航欄下方則是網(wǎng)站信息包个。