本文沒有咬文嚼字的地方，只是一個技巧的分享，十分簡單，簡單到流淚。

網(wǎng)頁視覺層面主要是由形式（或叫布局）、色彩、圖片和文字信息組成，設(shè)計師通常對形式感 關(guān)注的比較多，因為視覺沖擊力、設(shè)計差異性或創(chuàng)新大多都仰賴形式呈現(xiàn)，而色彩 主要影響整體觀感、設(shè)計品質(zhì)以及受眾情緒，很多時候我們設(shè)計了一個不錯的形式卻未能做出這個稿子應(yīng)有的品質(zhì)，會不會太可惜？

形式需要思考創(chuàng)造，圖片素材需要學(xué)習(xí)處理，文字需要梳理編排，但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗沉淀才能運用自如？

當(dāng)然不！

千篇一律的以角色為主要視覺形象的游戲網(wǎng)頁設(shè)計，已經(jīng)不能體現(xiàn)第三代網(wǎng)游的全新魅力，當(dāng)我們從更宏觀的角度去包裝《上古世紀》這款游戲時，發(fā)現(xiàn)進入了一次新的思想之旅。

一、項目介紹

可曾有一個游戲刻畫過真正的日月星辰、風(fēng)霜雨雪？可曾有一個游戲呈現(xiàn)過真正的晝夜交替、四季更迭？

可否體驗過龐大的社會體系，擁有自己真正的游戲生活？可否改變過游戲內(nèi)的一草一木，證明自己真的曾經(jīng)來過？

第三代網(wǎng)游——《上古世紀》，變夢成真。

《上古世紀》有著空前恢弘的故事背景和極為龐大的歷史架構(gòu)，搭建了一個真正的虛擬世界，地貌復(fù)雜而多樣，社會豐富而真實。上百種不同職業(yè)的玩家或在繁花似錦的田園中享受種植與收獲的快樂，或在高大巍峨的城堡上欣賞美麗又燦爛的落日余霞，或在調(diào)皮的開啟棧橋邊的路燈，或在悠悠的點燃小屋內(nèi)的燭火......他正在滑傘上自由翱翔，俯視這深遠的土地；她正在快艇上乘風(fēng)破浪，朝著原大陸搏擊海洋......這是一個讓人震驚、激動、興奮甚至有些茫然的游戲世界，如此廣博宏大，紛繁復(fù)雜，怎樣才能全面的介紹給玩家？

騰訊游戲2012年度發(fā)布會于3月21日在京如期舉行，3月的北京，還是需要秋褲打底、微博繞身，雖然北京的天氣遠不如沿海的深圳，但發(fā)布會籌備期間以及發(fā)布當(dāng)天，太陽還是相當(dāng)給力，為我們的行動帶來了很多方便。兩個月的準(zhǔn)備，只為321當(dāng)天的5個小時，作為這次發(fā)布活動整體包裝的TGideas團隊，在發(fā)布主KV、網(wǎng)站、平面物料設(shè)計、產(chǎn)品展示設(shè)計、視頻包裝，現(xiàn)場活動策劃上都給予了很大的支持，確保了這次發(fā)布會成功的舉辦，下面，跟著圖片，我們一起了解這臺發(fā)布會的臺前幕后。

設(shè)計是O ，O 是什么，O 是Origin 原點，《生活大爆炸》的片頭就是一切原點的起源，而人類發(fā)展史就是一個越滾越大的原點，總是發(fā)現(xiàn)有一個不斷循環(huán)的規(guī)律，藝術(shù)是如此，設(shè)計更是如此。

設(shè)計需要創(chuàng)新的精神，才能產(chǎn)生Big Bang ！而設(shè)計師的修為高低在于：你是否恰到好處的占領(lǐng)了原點的前端。

近幾年，經(jīng)常聽到一個詞“趨勢”，大致意思是：事物發(fā)展的動向。我認為這個詞用在觀察金融交易市場規(guī)律上大致可取，但是用在設(shè)計發(fā)展規(guī)律上就不妥了。

  舉例說明：年年都有所謂的XX 年LOGO 設(shè)計趨勢的文章，列舉一些案例進行圈圈點點。但一年之內(nèi)有關(guān)logo 的設(shè)計項目有多少呢？僅憑借所謂的“趨勢”去概定當(dāng)年的全部設(shè)計風(fēng)格，這是十分可笑的事情。

你有沒有走進一家照明不良、彌漫著奇怪氣味又播放著蹩腳音樂的所謂精品店？同樣的原因，在電子商務(wù)網(wǎng)站中，良好的用戶體驗至關(guān)重要。除了殺手級的產(chǎn)品和真棒的文案，電子商務(wù)網(wǎng)站應(yīng)當(dāng)有著直觀的導(dǎo)航，一個簡單的結(jié)賬流程，它需要一鳴驚人。所有的這些都應(yīng)當(dāng)是設(shè)計來主導(dǎo)。

（一）垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快，一個網(wǎng)站的界面設(shè)計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。網(wǎng)頁設(shè)計 者不管自己的學(xué)識、技術(shù)和經(jīng)驗如何，都自以為自己吊的不得了，這可能是源與商業(yè)設(shè)計自我意識體現(xiàn)的強烈主觀因素。一個閉門造車者做出的東西，是遠遠趕不上 綜合借鑒者的。網(wǎng)頁設(shè)計不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁設(shè)計領(lǐng)域當(dāng)中，即便是完全自己設(shè)計的，也是沿用了人們已經(jīng)認同的大部分用戶習(xí)慣，而且這種沿襲 的痕跡時非常的明顯！還有那個設(shè)計者敢腆著臉說，這都是我自己的原創(chuàng)設(shè)計？對于業(yè)界來說，經(jīng)典只是個理念和象征！

（二）國內(nèi)網(wǎng)頁設(shè)計環(huán)境
不可否認，國內(nèi)網(wǎng)頁設(shè)計環(huán)境目前還停留在初級的認知階段，也就是說，絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處，你去做一個業(yè)務(wù)的時候，不得不去做大量的說服 教育工作。以乙方的身份去說服甲方，以專業(yè)角度去教育非專業(yè)認識，結(jié)果是可想而知的。也正是這種全體社會普遍的低認知水平，導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。

舉個簡單的例子，看看“阿里巴巴”中文和英文兩個版本的頁面。中文版主色是橙色（與標(biāo)志色統(tǒng)一），英文版是極不協(xié)調(diào)的藍橙（具有很明顯的生湊效果）。
 

在網(wǎng)絡(luò)設(shè)計領(lǐng)域關(guān)于Eye-Tracking 的研究十分火爆，但是如何把這些研究結(jié)果轉(zhuǎn)變?yōu)榫唧w可行的設(shè)計來運作依舊是個難點。以下就是一些來自于 Eye-Tracking 研究結(jié)果的竅門，可以為改進你的網(wǎng)站設(shè)計提供些意見：

1.對比圖像，文字更具吸引力

與你所認為的相反，在瀏覽一個網(wǎng)站的時候，能夠直接吸引用戶目光的并不是圖像。大多數(shù)通過偶然點擊進入你的網(wǎng)站的用戶，他們是來尋覓信息的而不是圖像。因此，保證你的網(wǎng)站設(shè)計凸現(xiàn)出最重要的信息板塊，這才是設(shè)計的首要原則。

2.眼球的第一運動聚焦于網(wǎng)頁的左上角

用戶瀏覽網(wǎng)頁的這一習(xí)慣應(yīng)該在意料之中，畢竟左上部為主要操作中心這一點為大多數(shù)重要的計算機應(yīng)用程序的設(shè)計所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計時，應(yīng)該盡量保持這一格式。要知道，如果你希望保持個人特色，搭建一個成功的網(wǎng)站，你就必須尊重用戶們的習(xí)慣。

radoor & co