<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          企鵝電競(jìng)·至競(jìng)盛典|小方鵝與你筑夢(mèng)同行

          共 2794字,需瀏覽 6分鐘

           ·

          2021-07-07 05:05




           項(xiàng)目背景 

          2020年末,由于新冠肺炎持續(xù)蔓延,原定于年底舉辦的至競(jìng)盛典頒獎(jiǎng)典禮延期舉行,肩負(fù)著主播們沉甸甸的榮耀,在今年疫情稍有好轉(zhuǎn)時(shí)我們決定補(bǔ)辦至競(jìng)盛典頒獎(jiǎng)典禮,告慰辛勤付出的優(yōu)秀主播和廣大粉絲們。本次頒獎(jiǎng)典禮,我們以“筑夢(mèng)同行”為口號(hào),既是回顧過(guò)往的總結(jié),更是展望未來(lái),希望主播們與企鵝電競(jìng)一道繼續(xù)奮發(fā)筑夢(mèng)。

           情緒版收集 

          至競(jìng)盛典頒獎(jiǎng)典禮本身是盛典比賽結(jié)果的沉淀和榮譽(yù)的授予,要體現(xiàn)尊貴感和榮耀感,而口號(hào)的輔助則是重要精神信號(hào)的傳遞,表達(dá)出平臺(tái)對(duì)未來(lái)的期望。尊貴和榮耀,黑金搭配確實(shí)是最為經(jīng)典且永不過(guò)時(shí)最適合不過(guò)了,然后我們?cè)俳Y(jié)合主題,將夢(mèng)與前進(jìn)的概念融入,進(jìn)行提煉分析。


           第一階段:尋夢(mèng) 

          畫面構(gòu)
          在進(jìn)行了情緒版的收集和整理之后,開始畫面的構(gòu)思。根據(jù)口號(hào)“筑夢(mèng)同行”,結(jié)合品牌可以讓小方鵝扮演筑夢(mèng)者,再結(jié)合業(yè)務(wù),讓游戲元素伴隨小方鵝,可以營(yíng)造出故事化的場(chǎng)景,小方鵝在夢(mèng)境中逐光前行。

          為了讓小方鵝更形象的扮演筑夢(mèng)者,我們將紙飛機(jī)的概念融入到畫面中,紙飛機(jī)是人們對(duì)夢(mèng)想最原始的寄托,而且能很好的表達(dá)前進(jìn)的動(dòng)線,呼應(yīng)主題,讓小方鵝坐在紙飛機(jī)上,也是夢(mèng)想承載的表達(dá)。

          由于盛典頒獎(jiǎng)典禮與至競(jìng)盛典比賽有所不同,頒獎(jiǎng)典禮更強(qiáng)調(diào)高級(jí)美感,于是我們舍棄在盛典比賽時(shí)一貫使用的對(duì)抗競(jìng)賽氛圍,用更加抽象的視覺(jué)語(yǔ)言表達(dá)榮耀感和筑夢(mèng)主題,進(jìn)行了一系列的手繪草圖的設(shè)計(jì)。

          在經(jīng)過(guò)反復(fù)商討對(duì)比后,我們認(rèn)為,方案一更貼切主題,有前進(jìn)的動(dòng)線,紙飛機(jī)作為夢(mèng)想的承載物很貼切,小方鵝坐在紙飛機(jī)上目朝遠(yuǎn)方,體現(xiàn)對(duì)未來(lái)的憧憬。
          于是對(duì)方案一進(jìn)行了進(jìn)一步的優(yōu)化,我們將夢(mèng)境通道的速度線抽象化為裝飾線條表達(dá),增加動(dòng)線的旋轉(zhuǎn)曲率,讓動(dòng)線顯得更廣闊,同時(shí)增加美感。


          標(biāo)題設(shè)計(jì)
          有了畫面草圖,我們要進(jìn)行標(biāo)題的設(shè)計(jì),為了體現(xiàn)頒獎(jiǎng)典禮榮耀尊貴的品質(zhì)感,我們將標(biāo)題設(shè)計(jì)得盡量簡(jiǎn)潔,極高的可讀性、穩(wěn)重、優(yōu)美是我們重點(diǎn)考慮的設(shè)計(jì)因素。

          如何將“企鵝電競(jìng) 至競(jìng)盛典 頒獎(jiǎng)典禮 筑夢(mèng)同行” 這四個(gè)互相獨(dú)立又相互關(guān)聯(lián)的詞語(yǔ)設(shè)計(jì)成可讀一體化的標(biāo)題呢?我們進(jìn)行了大量文字排版的參考發(fā)現(xiàn),高端頒獎(jiǎng)典禮的文字更傾向于使用左對(duì)齊排版,根據(jù)現(xiàn)代人的閱讀習(xí)慣,左對(duì)齊信息更易閱讀,美觀度和穩(wěn)重感也可以很好的體現(xiàn)出來(lái)。

          然后我們進(jìn)行信息的分類組合,標(biāo)題信息“企鵝電競(jìng) 至競(jìng)盛典 頒獎(jiǎng)典禮”,企鵝電競(jìng)是平臺(tái)名稱單獨(dú)列在最上層,至競(jìng)盛典頒獎(jiǎng)典禮是活動(dòng)內(nèi)容,放到第二行,第三行添加英文修飾,最終形成標(biāo)題組合,口號(hào)則單獨(dú)成為模塊進(jìn)行設(shè)計(jì),最后再一起排列在畫面中。

          排版確定,進(jìn)行字體的設(shè)計(jì)。企鵝電競(jìng)的規(guī)范宣傳字體是較為硬朗的,符合游戲平臺(tái)特征,如何讓硬朗的字體也顯得高級(jí)和更有閱讀性呢?我們選擇了讓字體變得更加細(xì)長(zhǎng),減少因?yàn)橛怖蕩?lái)的頓感,同時(shí)再添加2px的倒角,讓字體看上去既有平臺(tái)的基因特征,又有高級(jí)美感。最后選用粗細(xì)適中,兼具曲直線條可讀性較高的英文體作為英文的裝飾字體,組合成最終的標(biāo)題。

          口號(hào)是整個(gè)活動(dòng)的精神特征,需要鏗鏘有力的筆畫讓人堅(jiān)定信念,而往往手寫體可以更好的表達(dá)情緒。因此口號(hào)字體的設(shè)計(jì)我們使用手繪板人工進(jìn)行初稿打底,然后使用鋼筆工具進(jìn)行進(jìn)一步描繪修補(bǔ),讓字體顯得更干練更有力。

          標(biāo)題與口號(hào)的組合保持空間等分比例并靠左進(jìn)行排列,形成最終的字體組合。


          顏色選擇
          我們選擇了黑金風(fēng)為主基調(diào),自然是以黑色和金色為主色,然后再加以代表游戲色的深藍(lán)和深紫作為環(huán)境色輔助。為了體現(xiàn)筑夢(mèng)主題的溫度,我們將普通金色的色溫調(diào)暖,升級(jí)成玫瑰金代替?zhèn)鹘y(tǒng)金色作為主色調(diào)給人以活力的體現(xiàn)。



           第二階段:逐夢(mèng) 

          打磨畫面
          裝飾線條來(lái)表達(dá)夢(mèng)境隧道,體現(xiàn)金屬榮耀的感覺(jué),最直觀的手法就是3D+金屬質(zhì)感的材質(zhì),這樣也更符合游戲平臺(tái)的用戶審美特征,表達(dá)活動(dòng)的分量感。

          有了上面的這些資產(chǎn),就可以開始建模塑造畫面了,在建模的過(guò)程中要注意整個(gè)模型的粗細(xì)比例,草稿作為大致的參考方向,還得依靠想象力來(lái)完成更多的細(xì)節(jié)填充,讓畫面看上去層次更加豐富。

          接下來(lái)進(jìn)行上色前的規(guī)劃,這么多線條裝飾性的平鋪在畫面中的時(shí)候,如果色彩沒(méi)有任何變化,通道的動(dòng)線展示會(huì)存在問(wèn)題,會(huì)顯得沒(méi)有層次,因此我們將畫面規(guī)劃成兩個(gè)色區(qū),讓顏色有規(guī)律的隨機(jī)分布在這兩個(gè)色區(qū)中營(yíng)造空間感和縱深感。

          然后進(jìn)行上色渲染,以及后期調(diào)試

          在畫面調(diào)整完成之后,我們要根據(jù)不同的使用場(chǎng)景進(jìn)行比例的切割,再根據(jù)比例將標(biāo)題字按黃金比例分割點(diǎn)放入到KV中,形成完整的畫面

          完整KV及在網(wǎng)頁(yè)中的應(yīng)用


          動(dòng)畫呈現(xiàn)
          有了靜態(tài)定稿之后需要制作動(dòng)畫,在這次的動(dòng)畫中選擇盡量克制,使用少量的動(dòng)態(tài)元素點(diǎn)綴畫面,讓畫面呈現(xiàn)優(yōu)雅高級(jí)的姿態(tài),只使用掃光和輕微浮動(dòng)點(diǎn)綴,增加KV畫面精致程度。

          ??

           第三階段:倚夢(mèng) 

          傳播設(shè)計(jì)
          倒計(jì)時(shí)閃屏對(duì)于活動(dòng)的順利推廣是具有重要的作用的,我們?cè)贙V和網(wǎng)頁(yè)制作完成之后,額外制作了動(dòng)態(tài)倒計(jì)時(shí)閃屏,畫面將數(shù)字進(jìn)行抽象化處理,將KV中的抽象金絲裝飾線條組合成數(shù)字印象的曲線進(jìn)行制作,提升用戶的新鮮感,讓閃屏成系列感。
          再進(jìn)行建模和渲染制作最終的系列倒計(jì)時(shí)閃屏

          然后還進(jìn)行了動(dòng)畫的制作,這樣在朋友圈和微博傳播更加吸睛


           第四階段:筑夢(mèng) 

          盛典現(xiàn)場(chǎng)
          6月23日,盛典成功在上海舉行,邀請(qǐng)了企鵝電競(jìng)所有在至競(jìng)盛典中獲獎(jiǎng)的主播共度榮耀時(shí)刻。為了成功舉辦這場(chǎng)線下典禮,我們進(jìn)行了精心的現(xiàn)場(chǎng)制作,包括舞臺(tái)的設(shè)計(jì)、物料設(shè)計(jì)、開場(chǎng)視頻制作等。
          開場(chǎng)視頻制作,讓小方鵝扮演筑夢(mèng)者,在自己的夢(mèng)境中穿云而過(guò),在夢(mèng)幻的城市中筑夢(mèng)前行尋找到前進(jìn)的方向,最后飛向遠(yuǎn)方。

          舞臺(tái)設(shè)計(jì)圍繞KV的線條進(jìn)行了流線型的設(shè)計(jì),將區(qū)域劃分為“登臺(tái)區(qū)” “獎(jiǎng)杯區(qū)” “主舞臺(tái)區(qū)”,在簽到處還專門設(shè)計(jì)了拍照區(qū)供主播們合影留戀,將小方鵝作為裝飾框,凸顯企鵝電競(jìng)品牌特征。


           總結(jié) 

          本次設(shè)計(jì)耗時(shí)將近1個(gè)月時(shí)間,從KV的前期思考到設(shè)計(jì)到網(wǎng)頁(yè)的設(shè)計(jì)打磨以及線下的印刷,一改以前堆元素的設(shè)計(jì)手法,采用抽象裝飾性的設(shè)計(jì),讓頒獎(jiǎng)典禮的整體呈現(xiàn)抽象美感。更多的時(shí)間花在思考概念,配色以及畫面線條比例,對(duì)比復(fù)雜模型的搭建,體現(xiàn)設(shè)計(jì)價(jià)值的是思考的深度,更重要的是對(duì)品質(zhì)和細(xì)節(jié)的把控。









          更多延展閱讀


          動(dòng)效不知如何落地?看完這個(gè)就明白了
          ID設(shè)計(jì)站 I 中文LOGO發(fā)布
          推薦關(guān)注 騰訊設(shè)計(jì)師的公眾號(hào)
          五點(diǎn)總結(jié) I 做個(gè)更好的設(shè)計(jì)師
          分享幾個(gè)互聯(lián)網(wǎng)的常見(jiàn)設(shè)計(jì)專業(yè)
          3D圖標(biāo)教程來(lái)啦
          寫給年輕設(shè)計(jì)師的一些建議
          2020UI設(shè)計(jì)趨勢(shì)-細(xì)節(jié)分析
          淺談卡片式設(shè)計(jì)
          Tab Bar 圖標(biāo)動(dòng)畫設(shè)計(jì)
          圖標(biāo)設(shè)計(jì)冷知識(shí)—類型及延展思考





          瀏覽 74
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  吖v在线视频免费观看免费观看 | 性爱视频在线网址 | 超碰人人在线观看 | 中文字幕欧美在线 | 精品性爱一区二区三区 |