福州印秀網(wǎng)絡(luò)地圖

      福州印秀網(wǎng)絡(luò)技術(shù)服務(wù)有限公司

      總部地址:福州市倉山區(qū)中洲島商貿(mào)中心2號412室
      分部地址:福州市臺江區(qū)華興廣場1區(qū)5座3樓(達(dá)道一號)
      公司電話:0591-8348 9135
      服務(wù)熱線:400-800-9135
      咨詢電話①:189 6508 9135 (張先生)
      咨詢電話②:134 0599 8886 (何小姐)
      公司網(wǎng)站:www.gekano.cn www.pk0591.cn
      QQ 咨詢: 建站咨詢 建站咨詢

      福州印秀網(wǎng)絡(luò)logo 福州印秀網(wǎng)絡(luò)微信二維碼

      在線客服

      電話①:189 6508 9135(張先生)
      電話②:134 0599 8886(何小姐)
      電話③:0591-83489135

      建站知識


      分析中國移動G3筆記本全Flash網(wǎng)站


      在看到博客——“換手來用”的思考 有這么一句話:RIA是一個(gè)更趨向于“體驗(yàn)”設(shè)計(jì)的領(lǐng)域,不僅僅包括“開發(fā)人員”,還包括“設(shè)計(jì)人員”,這些設(shè)計(jì)師又包括UI設(shè)計(jì),交互設(shè)計(jì),圖形設(shè)計(jì),色彩設(shè)計(jì),特效設(shè)計(jì)……一大堆五花八門的設(shè)計(jì)分支,這個(gè)分支可不是“開發(fā)人員”玩的轉(zhuǎn)的。偶覺得基本列舉了RIA的一些特性。

      作為業(yè)界最熱門的話題:3G,如何讓人們了解3G,認(rèn)識3G,宣傳3G,營銷3G,中國移動的策劃肯定是花了很多心思的,最后,選擇了Flash作為載體。最終的制作出來效果也非常棒,形式與內(nèi)容結(jié)合俱佳,細(xì)節(jié)豐富,與其他兩個(gè)運(yùn)營商的區(qū)別一下就顯現(xiàn)出來,下面就讓我們一一來解讀這個(gè)RIA應(yīng)用(http://www.chinamobile.com/events/g3/g3book/)。

      1、技術(shù)實(shí)現(xiàn):Flash +Photoshop +Actionscipt3。之所以用Flash而非Flex,從網(wǎng)站的顯示對象來講,基本是復(fù)雜動畫和自定義的界面,而不是數(shù)據(jù)的交互,這方面是Flash的強(qiáng)項(xiàng)。

      2、UI設(shè)計(jì):場景放在云端,整個(gè)意境體現(xiàn)了無線的空中穿梭感覺。處處是LOGO的變幻應(yīng)用(G3氣球),強(qiáng)化突出品牌。表格設(shè)計(jì),滾動條設(shè)計(jì)及圖片框等常用的UI組件樣式都經(jīng)過了特制,與整個(gè)背景和風(fēng)格融為一體。美中不足的是視頻的播放控制用了Flash的內(nèi)置控制條,與整個(gè)網(wǎng)站風(fēng)格不符并且高度顯得太高了,如也能自行定義,則完美了。

      g3_1

      ·云端

      g3_2

      ·表格設(shè)計(jì)

      g3_3

      ·滾動條設(shè)計(jì)

      [nextpage_tab]

      g3_4

      ·圖片展示

      g3_5

      ·視頻播放器

      3、圖形設(shè)計(jì):簡潔明快,大量使用透明,羽化,模糊,光影效果,體現(xiàn)了無線上網(wǎng)及上網(wǎng)本的輕量級感覺。
      4、 交互設(shè)計(jì):整個(gè)網(wǎng)站的內(nèi)容包括三大塊,G3筆記本、產(chǎn)品、活動專區(qū),通過下方云端的彩虹分別進(jìn)入。由于菜單使用了逐漸進(jìn)入效果,必須等待三個(gè)菜單全部顯示完全之后,才能點(diǎn)擊進(jìn)入,這就需要用戶有一個(gè)等待的時(shí)間,例如我一般都在菜單沒顯示完全就開始點(diǎn)擊了,但都是無效點(diǎn)擊,這一點(diǎn)如果有改進(jìn),比如按鈕對象在動畫過程中可以點(diǎn)擊或者動畫速度更快一些就更好了。進(jìn)入具體的內(nèi)容頁,里面的交互就直接很多,不但可以方便的瀏覽G3的各種信息和活動,并且操作過程中一個(gè)過程被中途停止,返回時(shí)能繼續(xù)此前的過程,連接順暢而自然。應(yīng)該說這樣的交互是很清晰的,瀏覽內(nèi)容沒有中斷和重頭再來的感覺,再加上搭配合適的:

      5、 特效設(shè)計(jì):就顯得天衣無縫了。幾乎每一個(gè)對象和元素(甚至關(guān)閉按鈕的出現(xiàn)和退出)都有動畫效果,可見所有的特效是經(jīng)過精心設(shè)計(jì)和測試過的,無論是速度還是節(jié)奏還是銜接都很自然。所有的進(jìn)入和退出的動作都有緩沖效果,配合透明度的變化,酷眩和動感就出來了。

      6、特色Loading:首先Loading進(jìn)度條摒棄了大多數(shù)的居中的習(xí)慣,放到了瀏覽器的頂部;其次,進(jìn)度條與瀏覽器同寬;第三,配合了顏色漸變和數(shù)字顯示。就這么一個(gè)創(chuàng)新,果然有令人眼前一亮的感覺。

      7、特色真人Show:這一點(diǎn)雖然不是什么創(chuàng)新,但是在這個(gè)場合,人和場景的融合及模特的動作表情卻能很好的吸引住用戶的眼球。

      g3_6

      ·大頭人

      不足:

      1、采用了過多的位圖

      2、資源耗費(fèi)過高,CPU大概維持在90%左右

      3、由于采用了Flash制作的表格樣式等,擴(kuò)展性不強(qiáng),例如用戶如果想要看到更多產(chǎn)品上網(wǎng)本的具體參數(shù),就不能夠及時(shí)更新,而這是比較關(guān)注的用戶體驗(yàn)特性。


      相關(guān)文章

      首頁  電話  咨詢  頂部
      国产欧美一级天堂,成年人视频免费在线网站,久久久久人妻一区精品色,免费在线看a网页 人妻中文有吗在线 一道本av免费不卡播放