建站常識(shí)
科幻風(fēng)格的多樣性及探索歷程
2010-07-09 16:18:00
NX飛行戰(zhàn)記預(yù)告站地址 http://nx.qq.com
「 NX飛行戰(zhàn)記 」是一款由騰訊游戲和韓國(guó)TOPPIG公司共同研發(fā)的橫版空中動(dòng)作RPG游戲。(MMOAFRPG) 科幻題材和寫實(shí)風(fēng)格。
游戲有著細(xì)膩的美術(shù)表現(xiàn)和絢麗的原畫場(chǎng)景。
本次項(xiàng)目是騰訊游戲第一次采用互動(dòng)站的方式來(lái)展示。在網(wǎng)站構(gòu)建和思維方面對(duì)于團(tuán)隊(duì)是一次比較大的挑戰(zhàn),如何在繼承韓方優(yōu)秀的美術(shù)基礎(chǔ)上進(jìn)行騰訊一貫高品質(zhì)的視覺輸出。以及互動(dòng)站在交互邏輯的合理處理上讓大家有了不小的壓力。從前期的風(fēng)格定位到動(dòng)畫的實(shí)現(xiàn),我們開始新的征程。
詳盡的數(shù)據(jù)調(diào)研,和游戲初期市場(chǎng)定位,9比1的男女比例在創(chuàng)意初期讓我們確定了本次項(xiàng)目的初步方向。以男性為主的玩家能充分接受炫酷的風(fēng)格,而這些玩家承接騰訊主體年輕用戶,也易于接受比較獨(dú)特新穎的展現(xiàn)方式.
從斑駁的覆甲到生物機(jī)械的結(jié)合,有著不同種類的能量形態(tài)和變形姿態(tài),而非厚重的機(jī)械金屬。從游戲的恢弘原畫和NPC的生物形態(tài)提煉出顏色。在腦海中開始初步形成風(fēng)格基調(diào),而之后的UI和顏色基調(diào)都遵循此顏色及質(zhì)感表現(xiàn)。
如何將瑣碎的資源整合成獨(dú)特風(fēng)格的站并具有感染力,壓力陡然增加。
問(wèn)題
1 . 關(guān)鍵素材支持 —– 定義為空中格斗游戲,缺乏動(dòng)感的人物形象素材?,F(xiàn)有人物形象呆板且缺乏生命力
2 . 游戲內(nèi)容的缺乏 – 游戲處于開發(fā)初期,缺乏視頻,及 UI 。而UI界面很大程度上決定站點(diǎn)風(fēng)格基調(diào)。
——————————————————————————————————————————————————
如何應(yīng)用現(xiàn)有資源達(dá)到預(yù)期目標(biāo),開始了新的規(guī)劃,互動(dòng)站的想法應(yīng)運(yùn)而生.
優(yōu)勢(shì)
1 .特性 —— 基于Flash技術(shù),結(jié)合視頻,聲音,三維,等多媒體手段,創(chuàng)造豐富新穎的瀏覽體驗(yàn)的網(wǎng)站形式。
2 .展現(xiàn)特點(diǎn) – 較之傳統(tǒng)網(wǎng)站還具有無(wú)限的想象空間。可以用夸張而富有視覺張力的手法來(lái)突顯產(chǎn)品特征,傳達(dá)理念。
3 .友好度 — 不同于傳統(tǒng)網(wǎng)站所有菜單擺在一起,互動(dòng)網(wǎng)站能制造誘惑和瀏覽偏好。讓玩家選擇性的瀏覽信息
如何能讓玩家被畫面和音效產(chǎn)生的所感染,激發(fā)玩家對(duì)游戲的強(qiáng)烈興趣是視效方面的首要目標(biāo),但是從另一層次來(lái)說(shuō)不希望做成單純的原畫素材展示站。
方向
1 . 整站特性 – 構(gòu)建完整故事主線貫通整站,合理自然。
2. 切換方式 – 不同頁(yè)面之間的切換需要有隱性的情節(jié)因素存在,有理可循。
3 . 多樣化 – 遵循游戲風(fēng)格實(shí)現(xiàn)頁(yè)面與頁(yè)面之間功能實(shí)現(xiàn)的多樣性。
4. 交互 – 需要有引導(dǎo),制造誘惑和瀏覽偏好,巧妙實(shí)現(xiàn)功能性上突出和信息傳達(dá)。
———————————————————————————————————————————————–
半開啟的斑駁閘門之間透露淡淡微光 機(jī)械結(jié)構(gòu)之間的接駁撞擊與變形伴隨強(qiáng)烈的金屬音效沖擊你的耳膜,隨著LOADING完畢,噴薄而出的煙霧之后,閘門開啟,激烈的第一人稱視角在叢林穿梭 ,視頻結(jié)尾伴隨著WELCOME TO NX GAME 的科幻女中音的響起,初次進(jìn)入游戲的玩家進(jìn)入主站了解信息,擁有封測(cè)資格的玩家進(jìn)入技術(shù)測(cè)試專題參與活動(dòng)。
#p#
為了更好的體現(xiàn)游戲風(fēng)格,構(gòu)建了艙內(nèi)環(huán)境,賦予了一些熱區(qū),引誘玩家去點(diǎn)擊,例:「全系成像」、「顯示器」等。進(jìn)入二級(jí)頁(yè)面除了擁有導(dǎo)航欄的入口之外,多了快捷入口。而之后的 PV 數(shù)據(jù)統(tǒng)計(jì)也說(shuō)明了其有效性。
在游戲特色和游戲背景模塊,采用了彈出頁(yè)面的展現(xiàn)方式,避免了頁(yè)面之間的切換跳轉(zhuǎn),更加高效便捷使玩家獲得信息。
角色展現(xiàn)頁(yè)面改變了以往游戲站展示方式,應(yīng)用韓方提供的精美的原畫資源針對(duì)不同的職業(yè)賦予符合氣質(zhì)的場(chǎng)景繪制,結(jié)合FLASH視效,達(dá)到了良好的展示效果。
為了在視頻素材缺乏的情況下達(dá)到強(qiáng)烈的視覺沖擊和體現(xiàn)游戲特色,利用韓方僅有的一張PSD場(chǎng)景圖,動(dòng)畫組同事構(gòu)建了開場(chǎng)視頻動(dòng)畫。采用了3DSMAX , Adobe After Effect , Adobe Premiere 和 Illusion .
在3DSMAX在可編輯面片上用了Rille調(diào)整振幅和貼上貼圖,建立地表場(chǎng)景,用PS把PSD里的把樹木和場(chǎng)景, 輸出兩種PNG圖片,在3DSMAX里做不透明度的貼圖, 將樹鋪滿地表, 制造樹林的氛圍,
建立自由攝影機(jī), 在樹林中做穿越動(dòng)畫, 鏡頭調(diào)整完畢后,導(dǎo)出序列幀,接著在Illusion3.0里導(dǎo)出了部分爆炸和煙霧的效果,在AE通過(guò)圖層疊加制造光影,加了徑向模糊, 增加穿越時(shí)候的速度感,導(dǎo)出視頻素材后,用Adobe Premiere剪輯和配上音效, 最后輸出MOV成片.
——————————————————————————————————————————————————–
經(jīng)過(guò)一個(gè)月左右的日夜奮戰(zhàn),NX飛行戰(zhàn)記預(yù)告站終于在 2010.5.18 順利上線上線,后續(xù)我們將在封測(cè)站后續(xù)將會(huì)加入留言系統(tǒng)以及廣告位的優(yōu)化,增強(qiáng)網(wǎng)站友好度和互動(dòng)性。
項(xiàng)目進(jìn)行中,我們一直在積極去探索更多的想法和和表達(dá),從創(chuàng)意的成形到執(zhí)行都是異常艱苦。最后的成果令人欣慰,得到了韓國(guó)同行的贊許和認(rèn)可。從互動(dòng)站最初構(gòu)想到 ONLINE,積累了不少經(jīng)驗(yàn),在此之后,還有有內(nèi)測(cè)版和公測(cè)版本官網(wǎng)。我們也在積極準(zhǔn)備和籌備之中,預(yù)告站只是個(gè)開始。
適當(dāng)?shù)慕o自己一些挑戰(zhàn),一定會(huì)給你帶來(lái)積極的改變。(C) tgideas & nx games
原文:http://www.tgideas.com/?p=1103
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-06-02 08:47:00] 專題模板(v4.0)視覺升級(jí)隨筆
- [2009-11-04 11:26:00] 從零開始設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)
- [2009-11-18 22:41:00] 為銷售服務(wù)的網(wǎng)頁(yè)設(shè)計(jì)思路
- [2007-07-25 14:57:00] 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--比例
- [2006-08-09 13:34:00] 《設(shè)計(jì)師談網(wǎng)頁(yè)設(shè)計(jì)思維》真的是“視覺疲勞”
- [2005-12-29 20:52:00] 網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用
- [2006-12-28 16:41:00] 網(wǎng)頁(yè)設(shè)計(jì)不良損害健康
- [2006-04-28 15:07:00] 從亞馬遜網(wǎng)站導(dǎo)航欄的變遷史看網(wǎng)頁(yè)設(shè)計(jì)
- [2009-05-21 22:36:00] 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧
- [2007-09-13 14:52:00] 淺談視覺設(shè)計(jì)的準(zhǔn)確性
- [2006-10-30 17:29:00] 合理的網(wǎng)頁(yè)設(shè)計(jì)
- [2006-10-09 10:25:00] 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
php程序 網(wǎng)站視覺 微信小程序 青島SEO 營(yíng)銷型網(wǎng)站建設(shè) 網(wǎng)站SEO 微信營(yíng)銷的優(yōu)勢(shì) 青島網(wǎng)頁(yè)設(shè)計(jì) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 網(wǎng)站交互設(shè)計(jì) 手機(jī)端的網(wǎng)站 版面布局 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 網(wǎng)站改版 用戶界面 外貿(mào)網(wǎng)站設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì) 色彩心理學(xué) 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站的速度 外貿(mào)網(wǎng)站建設(shè) 交互設(shè)計(jì) 搜索引擎蜘蛛 青島網(wǎng)站SEO 網(wǎng)站制作 青島flash網(wǎng)站 青島輪胎網(wǎng)站設(shè)計(jì)公司 H5 營(yíng)銷策略 青島網(wǎng)站設(shè)計(jì)哪家好