項(xiàng)目背景：去年12月19日《自由籃球》全民公測(cè)，為游戲推廣達(dá)到更好的宣傳效果，公司請(qǐng)到f(x)組合形象代言。這次的項(xiàng)目包括f(x)品牌站，官網(wǎng)超首形象頁，媒體投放廣告模板等整套視覺設(shè)定的輸出。

　　項(xiàng)目階段解析：品牌站從時(shí)間段上分為2部分，代言人猜想期(11.27-12.3)+正式公布代言組合(12.4)被告知與smtown的合同于12月1日才生效,為避免版權(quán)糾紛，之前預(yù)熱頁面不得出現(xiàn)任何f(x)成員的圖片素材,因此如何利用有限資源完成視覺稿，對(duì)設(shè)計(jì)師來說是一個(gè)難點(diǎn)。

　　風(fēng)格規(guī)劃與設(shè)計(jì)思考：在項(xiàng)目啟動(dòng)前，考慮三點(diǎn)核心向要求1.突出少女團(tuán)體原本特色，使玩家在第一時(shí)間被其視覺設(shè)定所吸引，充分利用明星效應(yīng)。2.將少女團(tuán)體與游戲產(chǎn)品元素相結(jié)合，加深玩家對(duì)游戲的認(rèn)知，娛樂與宣傳相輔相成3.前期預(yù)熱站在給出一定的提示下渲染出神秘感，與正式公布站形成強(qiáng)烈對(duì)比。

　　一些前期整理的相關(guān)網(wǎng)站參考，粉色的出現(xiàn)頻率之高是共性，這決定了本次主題站的配色基調(diào)。

　　網(wǎng)站元素的構(gòu)成

　　色彩設(shè)定與游戲5大職業(yè)的標(biāo)志色一一呼應(yīng)。Ps:sm經(jīng)濟(jì)公司對(duì)旗下明星素材使用有嚴(yán)格規(guī)定，例如拿來的素材不得進(jìn)行二次處理，明星的圖素必須露完整頭部+上肩部。

　　字體設(shè)計(jì)：

　　前期預(yù)熱標(biāo)題是"我的自由誰代言"，構(gòu)思好基本筆畫，對(duì)你想制作的字體進(jìn)行重構(gòu)，最后調(diào)整細(xì)節(jié)達(dá)到形神統(tǒng)一。做字體真心不難，只需足夠的耐心。

　　公布版標(biāo)題"3v3斗起來"是早期某活動(dòng)的大標(biāo)題，這次對(duì)其矢量化后整體感更強(qiáng)，并能滿足各類尺寸宣傳品的輸出。所以各位在設(shè)計(jì)通用性元件時(shí)盡可能做成矢量圖素。

　　整體效果預(yù)覽：

　　http://events.tiancity.com/freestyle/newsgift/homepage

　　預(yù)熱猜想站少女剪影是網(wǎng)上隨便找的，網(wǎng)片使用了"多邊形圖片制作工具"。

　　正式公布站

　　超首以及其他對(duì)外廣告圖素

　　超首和對(duì)外宣傳廣告圖素的主色調(diào)基于市場(chǎng)需要統(tǒng)一為黃色，這一點(diǎn)和品牌站有所不同。

　　17173橫幅廣告條

　　對(duì)外廣告引導(dǎo)頁這次注冊(cè)頁的主要目的是"下載",所以下載按鈕最大最突出

　　官網(wǎng)元素應(yīng)用

　　遺憾是，因?yàn)?60瀏覽器的兼容性問題(瀏覽器運(yùn)行時(shí)會(huì)很卡)，這次前端同事制作的動(dòng)態(tài)效果剛上線就撤下來了(后來百度數(shù)據(jù)發(fā)現(xiàn)360瀏覽器的用戶比例其實(shí)很小)。