<option id="uausy"></option>
  • <li id="uausy"></li>
  • array(23) {
      ["id"] => string(2) "96"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(1) "0"
      ["name"] => string(6) "服務"
      ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "service"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(88) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_dingzhi.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
      ["son"] => array(9) {
        [0] => array(22) {
          ["id"] => string(3) "187"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["pdir"] => string(0) ""
          ["dir"] => string(6) "wechat"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_xcx.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "0"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "1"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [1] => array(22) {
          ["id"] => string(3) "199"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "APP開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "APP"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(65) "app開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_app.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "1"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [2] => array(22) {
          ["id"] => string(3) "244"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "快抖霸屏"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "kuaidou"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
            ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
            ["meta_description"] => string(161) "藝源智能云推廣系統13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(20) "show_page_douyin.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "2"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(27) "需要短視頻推廣排名"
          ["modelname"] => NULL
        }
        [3] => array(22) {
          ["id"] => string(3) "207"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(14) "AI智能名片"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(2) "ai"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
            ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
            ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(16) "show_page_ai.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "3"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [4] => array(22) {
          ["id"] => string(3) "201"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "版權登記"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "copyright"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_copyright.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "4"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [5] => array(22) {
          ["id"] => string(3) "203"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "商標注冊"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "trademark"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
            ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
            ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話:13325455411。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_trademark.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "5"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [6] => array(22) {
          ["id"] => string(3) "205"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "網站建設"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
          ["desc"] => string(149) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "website"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(80) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
            ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
            ["meta_description"] => string(248) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(21) "show_page_website.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "6"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [7] => array(22) {
          ["id"] => string(3) "208"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "2"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "云服務平臺"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(0) ""
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(0)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(0)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(0) ""
            ["formid"] => string(0) ""
            ["url"] => string(21) "http://www.qulvkj.com"
            ["target"] => string(6) "_blank"
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "7"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [8] => array(22) {
          ["id"] => string(3) "202"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "SEO優化"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "seo"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(90) "【西安SEO優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_seo.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "8"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    騰訊游戲實戰!DNF浴火新生H5項目總結
    時間:2019-03-12 10:16:24
    文章發布:李陽
    原創作者:未知
    來源:優設網

    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    編者按:H5正在風口浪尖,很多同學都想通過這個一槍打響,具體的玩法不簡單,來看騰訊肥牛同學總結的整個過程,從前期策劃到執行,色彩字體動畫加載通通不能落下,有實例有反思有總結分析,非常到位的一篇H5實戰文。


    一、項目簡介


    圍繞DNF5月21日浴火新生版本的發布,我們提出了一系列營銷設計方案,而這次的H5移動專題屬于其中一環。此次專題旨在DNF7周年之計,以玩家游戲數據為內容表現DNF7年陪伴玩家成長的概念,并配合黑鉆獎勵與版本信息,拉回流穩活躍。


    數據表現


    這次活動對游戲精細化運營進行了嘗試,取得了高于預期的活動效果。 移動端H5活動頁PV 524.4W,UV 140W,參與用戶111W,其中有45%的用戶將這個H5分享至微信朋友圈QQ空間等 相較于去年10月進行的守護者H5活動,PV提升了362%,UV提升了133%,參與用戶數提升了266%。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    二、前期方向梳理


    開始的設想,是想以玩家數據的內容給DNF前一波宣傳“你不懂DNF”做一個“回答”,即通過這些年與游戲的互動來重新審視DNF這款老游戲,或許時間的沉淀能夠勾起玩家內心較深的回憶與情感。所以,其實數據的表現不是重點,而是通過結合數據信息內容以及畫面和其他文案以達到觸動玩家的目的才是關鍵。


    內容設定


    上面已經說過,其實玩家數據的展示只是我們用來拉近用戶距離的一個手段,所以要如何運用,如何表現是我們需要思考的東西。但更重要的東西是我們要確定這個h5頁面活動的功能性究竟要如何組織,我們的內容只有情感化的召回,還是需要一些獎勵和活動信息做為利益點吸引玩家注意。在多方討論妥協以及爭論下達成了基本的一致,即這次的h5以7年玩家數據為情感線索,召回玩家對dnf的回憶,并通過黑鉆獎勵的形式固化這種情感,讓玩家對dnf的情感有實實在在的落地可執行的流程。即軟硬結合,形成從精神到實質的行為閉環。內容邏輯可見下圖


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    形式設定


    確定內容后,圍繞H5的形式設計展開了討論,由于這次的宣傳比較重要,所以還是想要一個形式上比較有特色的H5。形式是為內容服務的,我們關注的重點便是怎樣的形式更加適合“DNF7年陪伴”這一主題。常見的H5形式是采取分屏展示內容的形式,通過幾屏的切換把一個專題表現清楚。但這種做法比較普通,在當今H5泛濫的市場環境下,很難做出特色(當然除非每一頁的內容設計或者畫面極具特點)。那么拋開這一想法,是否有更好的形式表現。 假如我們試想一下“DNF7陪伴”的畫面感,哪些畫面會在腦海中浮現?人物,時鐘,電腦,游戲人物,裝備,落葉,相冊,照片……..等等這些,在腦暴過后,大致有了個點子:以插畫的形式描述這7年發生的事情,就像遠古時代的壁畫一樣,記錄時間的痕跡。配合不同階段的經歷文案,希望通過用戶回憶自己的經歷,勾起對月DNF的故有情懷,進而從情感層面拉回用戶關注。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    在與項目組和市場部的伙伴們溝通后,大家一直還都比較認可這個H5的創意形式,并且對文案內容進行了補充和完善。增加了一些版本信息,參與活動的獎勵內容。并對投放的資源進行了進一步確定。


    三、執行過程


    主題畫面內容確定


    在創意與形式都確定后,便開始著手進行具體的執行工作,因為期望的效果圖文并茂,且畫面要做到完美詮釋文字。所以,進行設計的第一步便是確立分段文案的畫面內容。DNF已經是一款存在7年的老游戲,時間積累下的游戲文化內容比較厚重,需要好好惡補一下。尤其是每個畫面都要能勾起玩家的回憶,讓他們明白其中含義。具體內容見下圖:


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    草圖


    在每段文案的畫面內容確定后,開始草圖的繪制,剛開始設想的時候并沒有想象到工作量會如此大,單是草圖的繪制和修改就花了將近3天時間。草圖的內容不僅包括上圖提到的文案畫面,中間連接傳承的內容也需要尋找素材,保證畫面內容不會跑題,有游戲代入感。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    考慮到畫面是在移動端展示的,所以單屏的內容展現要具有完整性,同時各個文案主畫面之間要有一定的連貫性,這樣在H5的體驗中才會有高度的整體性與流暢性。上圖只是開始的草稿,80%的畫面內容確定的方案,后期伴隨著文案的調整與各方合作團隊的協調,還有小部分的內容修改,完整版會有變化。


    色彩


    內容草稿基本確定后隨后又出了幾稿上色版本,根據之前找的意向圖有些參考。


    經過討論,方案一的效果處理以及色彩方向更符合DNF的調性。所以整幅畫面就是以矢量剪影的風格進行繪制,當初選擇這個方向一方面是因為矢量剪影的方式有力度感,符合DNF這種動作類游戲感覺,另一方面矢量剪影的處理相對簡單,相較于其他風格的繪畫方式更加迅速。本身繪制工作量很大的情況下,效率還是很重要的。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    字體


    這個h5的更注重畫面效果,但字體也是很重要的元素。圖1的“keep fighting,勇士”是由字體設計大神高露潔設計的slogan,這次的頁面也需要有所體現,但考慮到兩種風格的差別,所以在這里進行了細節的調整,用矢量直線勾邊的形式做了風格的統一處理(如圖2)。圖3是這次活動的主題,設計的方向基本是延續keep fighting的風格。突出筆畫的力量感和張揚的氣勢。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    動畫


    因為時間的緣故,這次活動的h5不能做全動畫的支持,所以在整個頁面的交互效果實現上以前端技術為主,只在人物的走動方面需要局部動畫的配合。感謝動畫組同學的臨時支持,人物的走動效果做的很細,但考慮到頁面大小以及加載時間等條件限制所以在保持走路動作視覺流暢的情況下盡量縮小文件的大小,只能截取一部分關鍵幀組合成h5上的人物走路效果。(補充一下,這里的人物需要兩個動作流程,一是走路,一是停留。兩者需要在前端技術的判斷下切換)。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技

    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技

    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    Loading


    或許大部分同學覺得loading頁不是很重要,但想要做一個完整的具有品質感的活動頁面,loading當然不能忽視。因為loading頁是用戶第一眼接收到的視覺信息,所以loading的視覺傳達為頁面起到一定的定調作用。用的好,能很好地激發用戶興趣。這里迎合現在移動端設計的趨勢,做了一個簡單的動畫。以黑鉆為主體,輔以光效和肌理的跳動效果。且看下圖。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    完成稿


    在純畫面的基礎上加入了標題,數據文案,以及版本信息和分享頁面等內容。完善了動畫流程,并制定了交互規則。如需瀏覽頁面可掃描下方二維碼進入。


    騰訊游戲實戰!DNF浴火新生H5項目總結-藝源科技


    四、總結與反思


    經過前端與開發的反復調試,活動頁面于5月22日上線(比預計日期推遲了一天),因此也沒有趕上dnf首波活動的流量峰值期,因為工作量太大,前段和開發的同學也是日夜趕工才把內容搞定,好辛苦大家。數據在上面已經有所展示,應該說對于一個h5頁面來講這樣的數據算是不錯。 在數據取得良好結果的同時,作為創意人員和設計師我們也一直在反思,究竟我們的創意與視覺能為活動作出多少實質性的貢獻,假如這個活動頁面沒有幾頁的版本信息與轉發抽獎的活動,用戶只是單純的來回憶過去的話,這個頁面在保持同樣創意與視覺的情況下,數據會是多少,幾十萬,幾萬抑或多少?有關注h5營銷領域的同學都曾見過“w”的優秀頁面,幾乎每個創意都會引爆朋友圈,而且內容都偏軟性,大致風格是先以好玩的創意,優秀的文案吸引大家的注意,再放出廣告信息,其頁面的內容更偏向品牌價值的傳播而非運營內容。


    或許品牌價值傳播的這一條路已經被w公司的玩法打通了,但h5頁面所能承載的功能價值不僅僅局限在品牌,更多廠商活動,新聞資訊,熱點事件等等硬性內容要如何玩好玩轉,也是同樣值得我們一起思考的問題,當營銷圈子從“好玩”的玩法中冷靜下來,未來會有什么更加新穎的形式和創意能夠引爆移動互聯網?


    說這些似乎有些跑題,其實想說的無非是對于h5的一些思考,這個基于移動端的全新的營銷形式有太多東西有待發覺。 回到項目本身,說起來還是有很多遺憾,如果這個h5能用純動畫地方式實現,或許體驗會更加流暢,如果文案地編排方式能夠更新穎一些,或許用戶讀的會更爽,如果交互形式考慮地更別致一些,整個頁面可能會有不同地體驗。然而事實上并沒有什么如果,這些想法或許能在下一次地項目中得到體現??傊?,在團隊轉型期,我們的身份從一般意義上負責執行地設計師轉變為參與前期策劃與內容定制的創意人員,所要面臨的挑戰還是不小的。各方面的要求都要有所兼顧,不能無謂的夸張創意的形式,也不能一味的追求品牌效果的大化,怎樣把有趣有意思的創意和實質性的游戲內容良好結合才是我們應該做好對的事情。

    小程序開發
    標簽: H5 H5頁面 ui設計 用戶體驗 經驗分享 網頁設計
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>