手機音樂APP界面設(shè)計流程

1、手機音樂APP界面設(shè)計流程01項目背景分析手機音樂APP是一個集在線播放、搜索、下載于一體的音樂播放軟件。分析:i、界面干擾因素不宜過多層次2、分析不同場景下的網(wǎng)絡(luò)環(huán)境、光線和使用條件等，針對共性因素和特定因素，提供相應(yīng)功能和界面設(shè)計;往垮上在休用3、考慮用戶的系統(tǒng)體驗，用戶在使用其他音樂APP時，積累了大量的使用經(jīng)驗，并且自覺地養(yǎng)成了一定的使用習慣，總之，千萬不要整出太過奇葩的交互操作。QQ音樂百度音樂這些內(nèi)容很重要，使用習慣都已經(jīng)有了，親身體驗下，取其精華去其糟粕。02視覺風格分析SteveQS 了風格主色調(diào)QS7 AndroidWin8 全扁了 /rru “不只是看上去的樣子和感覺，設(shè)計

2、的關(guān)鍵在于它如何發(fā)揮作用。” 一一Jobs確定風格：03制作過程問題1、統(tǒng)一 ICONSICONSKKl A 羽 000«。少昨m US由口 C2、界面尺寸規(guī)范<000nake由畑r/h：!泰 jKung Fu FightingCail Dm創(chuàng)jhm 注flYauVc a diamoi'cA briiliarr baYou could t® ajryt-ocy is Kung Fu Fighl iihd becomes fast As ligAlthough the fulurelO 7 hllo bit 価It's the bock of your

3、We. "hat you're vwrikig R-c rouglrf r'lau型怎寬度：640px狀態(tài)欄高度：40px導(dǎo)航欄贏度：88px格體高度：伯36pxCPS：電多尺寸規(guī)范：hltp'/chicunrin/)04整體細節(jié)推敲1、文字、顏色、i大小等，統(tǒng)一規(guī)范，整體對齊，相應(yīng)位置等間距等，會使得整體感覺更好;本地音樂Muxx2、交互細節(jié)、交互操作是否符合用戶操作習慣;EL提供®K轉(zhuǎn)到播啟頁面的快捷按鈕 b新添加或新消息的動態(tài)提示標志應(yīng)在文寶之前顯示0.列表貢的皤放逬度是不可手動滑動的05完成交稿之前正所謂“人靠衣裝，佛靠金裝”，沒有友好美觀的

4、界面展示，也難以得到“用戶”的垂 青。此處，“用戶”泛指一切具有決定是否采用的一類人幽總的PS動作預(yù)設(shè)各種備樣的敗異麼模型或者總之，利用各種你能用到的資源或想法，讓你的界面更加高大上吧.06部分完成界面100% »8U 冷4:1 PWQ搜宏合樂、戰(zhàn)手X B£IL T100% MuxxKung Fu FghtingCorl DoudasOOO"gBex 令C21 PM<Kung Fu FightingOrtOoojtocoo本定fit*13S>Ho>vroh-hoaOh-hf-hch-lv>3hEvoryroa/tsKung Fu Fining r * FM hQhbMncAthough the futures o : ttk z f%h：w啲；r$thc rook d your 6(©T»、r.二.That