中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在android平臺(tái)上開發(fā)音樂播放器是一個(gè)全新的挑戰(zhàn)。這次通過android QQ music項(xiàng)目實(shí)戰(zhàn)，總結(jié)出一些方法和經(jīng)驗(yàn)，希望能夠?qū)σ苿?dòng)平臺(tái)的設(shè)計(jì)尤其是多媒體這塊提供一些有價(jià)值的參考和幫助。

一、引入產(chǎn)品定義描述（Application? Definition? Statement）

相信大多數(shù)設(shè)計(jì)師都有過這樣的經(jīng)歷：在產(chǎn)品設(shè)計(jì)過程中，設(shè)計(jì)師和產(chǎn)品經(jīng)理不斷pk，各抒己見，甚至鬧得臉紅耳赤、拍桌翻臉，最后項(xiàng)目總結(jié)時(shí)又因達(dá)不到“理想目標(biāo)“雙方深深自責(zé)，紛紛表示”缺少交流“。彼此不斷pk，交流絕對足夠，只是我們?nèi)鄙儆行贤ǖ墓ぞ?。如果能在早期建立共識(shí)，口水仗爆發(fā)的頻率就會(huì)越少，真正花在產(chǎn)品上的時(shí)間也就越多。這一次，我們決定更早地切入，在最開始的產(chǎn)品規(guī)劃層面，引入“產(chǎn)品定義描述”（關(guān)于ap-plication definition statement，請參考《iPhone Human Interface Guidelines》）。

注意： ADS的定義也是一個(gè)迭代的過程，外部環(huán)境的變化、后續(xù)過程產(chǎn)生的問題，都可能對原ADS產(chǎn)生影響，需要重新評估、修正，甚至否定再來，但無論如何，必須確保整個(gè)團(tuán)隊(duì)對ADS有一個(gè)共同的認(rèn)識(shí)。

二、細(xì)分場景，從場景推導(dǎo)需求，從需求推導(dǎo)設(shè)計(jì)

從源頭的戰(zhàn)略層面上建立了統(tǒng)一的認(rèn)知，我們接下來開展的工作就有根據(jù)了。既然核心是解決“移動(dòng)場景聽歌“的問題，我們必須首先弄清楚什么是”移動(dòng)場景“？移動(dòng)環(huán)境和PC環(huán)境差異甚大，碎片時(shí)間的使用更為突出。用戶一天是怎么活動(dòng)的呢？每次拿起手機(jī)聽音樂都是什么時(shí)間？上班的公車上、走路、晚上睡覺前？在這些點(diǎn)上用戶都會(huì)做些什么？簡單的腦暴可以羅列各個(gè)可能的使用場景，但還比較粗糙。場景的構(gòu)想需要建立在高度的認(rèn)知上，這時(shí)候用研的切入顯得相當(dāng)關(guān)鍵，用戶特征、喜好、使用習(xí)慣…對用戶越了解，場景就越能貼近真實(shí)、越能發(fā)現(xiàn)更多的細(xì)節(jié)。這些都為后續(xù)的設(shè)計(jì)決策提供了有力的依據(jù)。

客觀構(gòu)建的場景有很多有意思的發(fā)現(xiàn),比如用戶在播放本地歌曲時(shí)，挑選第一首歌往往比較猶豫，但對后續(xù)播放的歌曲卻不太在意。從場景仔細(xì)分析和推敲，很容易就可以明確產(chǎn)品的需求，對應(yīng)上述的發(fā)現(xiàn)，推導(dǎo)如下需求：為用戶提供“馬上聽歌”按鈕引導(dǎo)用戶直接聽歌。需求的推導(dǎo)因?yàn)橛杏醚械那腥?，避免了太多的個(gè)人情感因素。

三、敏捷原型設(shè)計(jì)，適應(yīng)與借鑒并行

用研的輸出以及前面的ADS定義為功能篩選和設(shè)計(jì)取舍提供了強(qiáng)有力的決策依據(jù)。在需求框架大致決定的時(shí)候，我們接下來就進(jìn)行方案設(shè)計(jì)了。正所謂“一圖勝千言”，原型有時(shí)候會(huì)比面面俱到的文檔更直觀。不同的階段，我們會(huì)進(jìn)行不同精度的原型設(shè)計(jì)：

在原型迭代的過程中，需要注意android平臺(tái)的UI尷尬。與其他平臺(tái)（iPhone、symbian、windows mobile）不同，an-droid更加開放，不同的廠商不同的ROM版本界面規(guī)范并不統(tǒng)一。如果簡單地將其他平臺(tái)的設(shè)計(jì)規(guī)范移植過來，產(chǎn)品體驗(yàn)可能會(huì)和整個(gè)系統(tǒng)“格格不入”。借鑒了android平臺(tái)的一些優(yōu)秀app（比如twitter和new york times）的設(shè)計(jì)策略，我們決定“適應(yīng)與借鑒并行“：在大的基礎(chǔ)體驗(yàn)上，保證與系統(tǒng)體驗(yàn)一致，尊重平臺(tái)使用習(xí)慣；在細(xì)節(jié)體驗(yàn)上，盡量克服系統(tǒng)的操作困難，保證局部體驗(yàn)的流暢。

四、視覺方案

在整個(gè)設(shè)計(jì)過程中，我們嘗試了多套風(fēng)格方案，比如“夢幻光影”、“清爽夏日”、“木質(zhì)桌面”“藍(lán)色海洋”等等，?由于beta1開發(fā)時(shí)間有限，最后選擇了偏深綠色主色調(diào)的“夢幻光影”作為默認(rèn)皮膚，這里奉上其他未曾謀面的方案，供參考。

4.1 主要界面模塊劃分

視覺方案的第一步是對界面各模塊和控件進(jìn)行作出符合審美原理和需要的的合理劃分和尺寸設(shè)定，這里重點(diǎn)會(huì)落在正在播放界面和歌曲列表界面兩塊，雖然兩個(gè)界面功能和承載的信息都不相同，但是在造作上兩個(gè)界面跳轉(zhuǎn)和切換是緊密關(guān)聯(lián)的，在各模塊劃分和空間比例上兩個(gè)需要統(tǒng)籌安排，一方面考慮上下同樣尺寸的“標(biāo)題行”和底部“控制行 / tab行”一方面要考慮歌曲列表界面的列表選擇合適的行高和行數(shù)。在保證每一行歌曲信息能夠有足夠的空間顯示的同時(shí)，還得保證一屏里面的歌曲行數(shù)是整數(shù)行。

從上圖區(qū)域劃分和比例可以看出，播放器界面，封面/歌手圖片的中心點(diǎn)在整個(gè)界面的高度是296，相對于整個(gè)界面的高480，這一比例基本是處在0.618：1的黃金分隔點(diǎn)上。

4.2 正在播放界面

用戶使用音樂播放器，最大的關(guān)注點(diǎn)一般會(huì)落在正在播放/播放器界面上，這塊在視覺上是整個(gè)產(chǎn)品的核心區(qū)域，在很大程度上代表了整款軟件的品質(zhì)、品位和風(fēng)格信息表達(dá)。而專輯封面/歌手頭像又是正在播放界面的視覺中心，因此這塊在設(shè)計(jì)上花了比較重的筆墨，用細(xì)膩的光照效果與晶瑩剔透的質(zhì)感精心營造了一種符合我們QQ音樂在手機(jī)移動(dòng)操作平臺(tái)上的氣質(zhì)的效果。

4.3 系統(tǒng)菜單icon

菜單選項(xiàng)icon是另外一個(gè)視覺信息傳達(dá)比較重要的地方，對整體風(fēng)格的形成起著重要作用，這里做了兩種效果的嘗試，一種A方案：是空心邊框形式，看起來彈出菜單很輕盈，一屏6個(gè)選項(xiàng)帶文字不會(huì)覺得擁擠，缺點(diǎn)是單個(gè)圖標(biāo)的輪廓有的地方不連貫，有可能會(huì)造成辨識(shí)度降低。另外最后選用的方案B是實(shí)心剪影的形式，這種表現(xiàn)方式整個(gè)icon看起來很整體，比較飽滿，識(shí)別度較高，不過如果一屏圖標(biāo)過多的話可能會(huì)稍有擁擠的感覺，但如果以縮小的方式處理，對于手指觸摸操作來說是不合理的，這里icon作了圓角處理和鏤空實(shí)心均衡化處理，能在視覺感受上弱化一下可能會(huì)產(chǎn)生的擁擠感。

4.4 出現(xiàn)“水波紋”的問題

色彩顯示效果上Android系統(tǒng)的手機(jī)由于硬件和技術(shù)上的限制和問題，會(huì)在某些情況下產(chǎn)生令人抓狂的水波紋問題，在嘗試的過程中大致總結(jié)了容易造成水波紋的漸變使用，如上圖左邊兩個(gè)圖塊：如果使用規(guī)則的徑向漸變，程序貼圖后極容易出現(xiàn)水波紋，另一種情況是如右邊的兩圖塊：漸變色差值過小，就是說漸變特別的細(xì)膩不顯著的話也很容易在切圖程序貼圖后出現(xiàn)明顯的水波紋。所以后面在配色和設(shè)計(jì)過程中可以據(jù)此避免盡量這樣的情況出現(xiàn)。

4.5 最終選用方案:

五、后記

這是我們第一次在android平臺(tái)上的嘗試，為了解決以前傳統(tǒng)設(shè)計(jì)流程帶來的問題，我們在項(xiàng)目開始之初就引入了 ADS，在移動(dòng)場景分析中又得到了用研同學(xué)的大力支持，從抽象到具體，從概念到實(shí)現(xiàn)，一步一步的開展變得有依有據(jù)，對產(chǎn)品，對設(shè)計(jì)，都是獲益良多。

本項(xiàng)目涉及到兩地三方的合作，溝通成本比較大，嚴(yán)重感謝團(tuán)隊(duì)的每一位成員，感謝大家全心全意的付出。

臨尾還是希望來句厚顏無恥的大聲吆喝：也許，它不是最華麗的播放器，但一定最懂你:在路上，在等候的車站，在前往神秘的美好旅途中…QQ音樂，音樂你的移動(dòng)生活。

本文為騰訊CDC原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。