QQGame for Windows phone 7

2012-6-26    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  sillybuy.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.zcool.com.cn/article/ZMzM5ODg=.html

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,          請(qǐng)點(diǎn)這里

 



項(xiàng)目概述
QQGame 是和諾基亞 lumia 的合作項(xiàng)目 , 內(nèi)置諾基亞 lumia 手機(jī) Winphone 系統(tǒng)改下的 游戲平臺(tái) 項(xiàng)目團(tuán)隊(duì)也是臨時(shí)組建而成, 團(tuán)隊(duì)成員分別在北京, 上海, 深圳。 整個(gè)項(xiàng)目視覺設(shè)計(jì)時(shí)間排期為20 個(gè)工作日. 包括了解項(xiàng)目需求, 交互流程, 視覺設(shè)計(jì), 資源制作等. 由于時(shí)間很緊張, 所以項(xiàng)目在定了一個(gè)大概基調(diào)框架下就進(jìn)行視覺設(shè)計(jì). 幾乎是在邊想邊做中完成了整個(gè)項(xiàng)目. 現(xiàn)在終于有時(shí)間可以重新對(duì)項(xiàng)目流程進(jìn)行梳理和總結(jié).

設(shè)計(jì)方向

剛拿到產(chǎn)品需求的時(shí)候, 就在考慮怎么可以做到區(qū)別與Winphone 上其他黑底白字的應(yīng)用品.Winphone 有比較嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)規(guī)范和框架. 在以內(nèi)容為導(dǎo)向的設(shè)計(jì)方向基礎(chǔ)上, 做出自己的產(chǎn)品的特點(diǎn)是我們考慮的設(shè)計(jì)重點(diǎn).

關(guān)鍵詞
Winphone Metro 設(shè)計(jì)主題是:光滑,快,現(xiàn)代,簡(jiǎn)潔,快速相應(yīng)。

游戲能讓我們聯(lián)想到的關(guān)鍵詞: 動(dòng)感,激情,科技,熱情,速度,打擊感等等。



通過關(guān)鍵詞的提煉, 我們可以很好的發(fā)掘兩者的類似的共性可以在光滑,快,動(dòng)感等關(guān)鍵詞上. 這也是之后非常重要的設(shè)計(jì)方向. 我們可以為用戶設(shè)計(jì)更動(dòng)感, 快速, 輕盈的用戶體驗(yàn)和用戶感受.

視覺感受

我們選擇具有代表性的游戲關(guān)鍵詞: 動(dòng)感,激情,科技, 速度,簡(jiǎn)潔,光滑等. 對(duì)以上關(guān)鍵詞我們快速找到了相對(duì)應(yīng)的視覺圖片, 來提取所需的視覺色彩.


視覺設(shè)計(jì)
通過以上關(guān)鍵詞和素材的提煉,下面是從零散的想法雛形框架到最終版本設(shè)計(jì)的流程。






情緒版
除了藍(lán)色版本, 我們還為用戶準(zhǔn)備了綠色和橙色的情緒版本. 用戶可以根據(jù)自己的心情和感受來選擇自己喜歡的動(dòng)感背景.




皮膚管理
除了情緒版本的皮膚以外,還提供了6套比較有意境感受的背景皮膚設(shè)計(jì);


小結(jié)

從最開始拿到需求零星的想法到最終形成的版本,是邊想邊做的積累過程。期間實(shí)現(xiàn)過程中有很多嘗試,也有很多想法沒有得到實(shí)現(xiàn)而感到遺憾。不過也希望大家可以關(guān)注 QQGame(Winphone ), 提出寶貴意見!

日歷

鏈接

個(gè)人資料

存檔