迅雷離線下載是無線事業(yè)部今年新開發(fā)的一款產(chǎn)品,自3月份立項(xiàng)開始,我就接手離線下載for iPad的設(shè)計(jì)任務(wù)，1.0發(fā)版之后，接著Android版也緊跟其后，我還沒來得及總結(jié)就開始投入離線下載for Android的設(shè)計(jì)了。之后又繼續(xù)設(shè)計(jì)了這兩個(gè)無線端的1.2版，現(xiàn)在，終于能抽出空來整理離線下載設(shè)計(jì)的文稿和思路，和大家分享。

1.分析產(chǎn)品需求文檔

2.設(shè)計(jì)

a .Logo設(shè)計(jì)

Logo設(shè)計(jì)不像界面設(shè)計(jì)那樣需要在電腦前周密地思考，我在許多空閑的時(shí)候，比如上下班的路上、排隊(duì)買飯、洗澡、睡覺前都會(huì)想一想。一旦有了想法，立即拿出紙筆畫起來，甚至沒有紙筆的時(shí)候就用手指在手掌上寫寫劃劃，引得旁人斜眼不解。
和產(chǎn)品經(jīng)理以及項(xiàng)目成員開會(huì)討論后提煉出迅雷離線下載的3個(gè)關(guān)鍵詞：云、下載、速度。下圖中第一稿缺少云的概念；第二稿過于普通，有許多類似的圖形；第三稿缺少視覺重點(diǎn)；第四稿滿足所有的關(guān)鍵詞，并在視覺上下載和云圖形巧妙地結(jié)合在一起。

b.界面設(shè)計(jì)

將啟動(dòng)界面延展到資源導(dǎo)航、離線空間和用戶設(shè)置。但受到設(shè)備自身的存儲(chǔ)空間限制，本地文件可容納的文件相對(duì)少，加上本地影片文件提取截屏，為了使用戶對(duì)本地各類型的文件圖標(biāo)一目了然，所以在視覺上采用了寫實(shí)設(shè)計(jì)。并且無網(wǎng)絡(luò)時(shí)，迅雷離線下載只能打開本地文件，這也需要加強(qiáng)本地功能的設(shè)計(jì)感。

c.圖標(biāo)設(shè)計(jì)

圖標(biāo)的整體性在整個(gè)界面中也占據(jù)非常重要的角色，我認(rèn)真對(duì)每一個(gè)圖標(biāo)進(jìn)行設(shè)計(jì)。

3.最后，附上android版離線下載設(shè)計(jì)稿。

謝謝。

附上【迅雷離線下載】下載地址：http://m.xunlei.com/detail_lixian_ipad.html

文章來源：迅雷CUED

標(biāo)簽： UI設(shè)計(jì) 離線下載 離線下載HD 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。