做好小而美 ——TGIDEAS視覺設計一組做的那些事

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

居安思危謀出路

TGIDEAS在成立之初,是一個主要服務於遊戲產品經營需求的網站設計團隊,崗位職能是標準化的網頁設計師、網頁編輯(等同於現在的網站重構工程師)、動畫師,三個崗位搞定2008年當時騰訊遊戲所有產品的網站設計需求以及部分市場廣告圖的製作,時至今日,從架構上來講,一個當時不到30人的網站組,發展到160的創意設計部,從成員屬性上看,這160號人里有視覺設計師、插畫師、3D設計師、腳本分鏡設計師、人設畫師、原畫師、動畫師、美指、導演、前端重構,交互設計師、開發、項目管理、竟然還有玩音樂的樂隊,音頻師,……作為這個多元化,達人,高人雲集大團隊中的一個吃老本的純視覺設計團隊,大一點講,前行的道路如履薄冰,多年前的幾把刷子,在移動遊戲與移動平台浪潮過來的時候,有點力不從心,經營需求的削弱,H5的爆發,從前並不那麼在意的「創意」潛移默化對整個團隊提出了新的要求,我們的工作已經不僅僅停留在完成產品經營與市場的需求,而是要開始有些私心,讓每一次的工作變成團隊與個人的作品,不僅讓我們產品的用戶感知到我們的用心,更要讓行業甚至大眾看到我們的專業,在這樣一個大的趨勢下,帶著團隊,認真思考,謀求出路。

近三年來,每年年初,小組同學都會找一個咖啡廳,花上半天時間,固定來一場「務虛會」,除了新年後的彼此問候,大家可以在一個相對輕鬆的環境中,聊聊自己,聊聊生活與工作上的規劃,彼此也會給一些建議,最終我們會用小紙條記錄下來,等到年底的時候,在一起回顧走過的這一年。雖然從結果來看,完成度平均在百分之60左右,但我們還是會堅持下去,因為這百分之六十,就是在完成工作之餘,滿滿的額外收獲。也是通過這種模式,我們慢慢了解整個團隊成員自身的優勢,以及每個人希望在哪些方面能深耕細作,集思廣益,慢慢找到了一起努力的方向,我們都是手藝人,有了自己的想法,有了目標,接下來的就是成員之間彼此的幫助與監督,一同成長。

做好小而美 ——TGIDEAS視覺設計一組做的那些事

明確方向大步走

我記得公司之前邀請財經界的吳曉波來公司做分享,台下的同學有提問說「吳老師,目前的環境下,您覺得我們是投資房產好,還是投資股票好?」吳老師的回答對我啟發挺大,他說「我認為最好的投資是投資自己,把自己變的更加強大比投資什麼都要好」,後來結合我們自身的工作,認真思考,我們是一群對圖形、畫面比較敏感的群體,認真想來,其實只要有光的地方,就有圖像,不管時下是H5當紅,還是未來AI是趨勢,不管你是單幀,還是動態,視覺呈現都是基礎,做好每一張KV,每一次視覺表現,事情不大,但要最好,也非易事,所以假如能跟團隊在基礎的視覺表現上做到行業頭部,我們就不愁本身沒有價值,不擔心沒有表現自己專業的機會。清晰了這一點,我們就可以把目標明確,進行拆解,細化,落地到具體執行的工作。

如何讓自身變得強大,又如何能做到成員之間一加一大於二,集思廣益,我們琢磨著往做好三個方面而努力,一個是結合自身興趣與擅長領域,深入研究,樹標籤;二是分工合作,做好每次有發揮空間的執行,出精品;三是總結視覺表現的創意執行規律,沉淀方法。

萬事開頭難,同樣要找到好的方法也需要時間去思考,後來在第一塊,決定從個人出發,去撬動大家的潛能,分析自己的特長與短板,自認為對於中國文字的書寫有一定根基,想抓住這一點,研究並呈現出個人特點,然後跟項目做結合,較大範圍的展示自己的特長,形成個人標籤,於是通過近三年的時間,大大小小書寫過幾十上百個項目的中文字,的確收獲了屬於自己的小標籤,於此同時,小組成員對於中文字感興趣的幾位同學,同樣也開始了自身影響力的建設,高老師樂於中文字體變形的研究,通過一年左右的積累,順利出版了《字體故事》的書籍,並在公司內授課,miss的夢想更遠大,制定做一個中文字體的目標,並且半年完成了她「尺素體」字庫兩千字的製作,box利用自身繪制的功底,在繪畫這件事情上,繼續保持創作的熱情,其中著力的表情繪制, 「狗富貴」校園版、職場版,都成功上架到微信表情,一年的時間,上億次下載……當組內大部分人都初步具備標籤後,大家對工作的熱情與自信心會進一步增強,當然,大家在各自的道路上,其實才剛剛起步。(雖然輕描淡寫,但就算讓自己標籤初具印象,也是需要付出艱苦的努力,貴在堅持。當然,把時間花在有趣的事情上,應該也是時間最好的歸屬)

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

當團隊成員都有了特點後,項目的分配以及怎麼分工合作,就變得清晰且高效,面對項目,我們兵來將擋水來土掩,除了能快速解決設計需求,當然,我們更是希望做到自己的私心,把要求與目標設立的更高,小的講,能讓更多人認可,大一點說,拿個什麼平面設計獎什麼的,變成了拿到項目的本能思路,不管最終結果如何,至少我們全力以赴,用心對待。

抓住機會出精品

任何事情的發展也都需要契機,回過頭來看,在2017年之前,互動娛樂這邊產品線的宣發平面整體偏保守,經營側是標準的遊戲人物、場景、slogan,遊戲logo……盡可能把產品的特色通過一張圖全部都表現出來,市場側要麼就是常規的廣告圖,要麼銀子多一點,請了代言人,就把代言人與遊戲如何強結合,總之,這個階段,我們僅僅把一張張圖片做出視覺衝擊力,做漂亮了,缺乏新意不說,卻是從沒有考慮賦予畫面打動人的地方,視覺內容缺乏想像力。當然,這個時候朋友圈能看到的產品相關的KV海報,大家也只是當作看到的一個廣告圖而已,並無其他想法。也是一個偶然機會,我記不清是什麼時候,vicent跟lava說,互娛這麼多產品,目前都沒有一張印象深刻的平面作品,說者有心,聽者也有意。我也開始尋找機會,後來遇到了《天龍八部》找藝人楊宗緯合作,翻唱經典電視劇主題曲《難念的經》,需要拍攝MV、設計製作封面海報,雖然要完成的內容跟其他產品並無差別,但我想在這個項目上做一點跳脫的嘗試,有明星的KV,當然要放大明星效應,藝人的臉必然要在畫面中最大比例的來展示,才不叫浪費。於是我跟小組同學,準備兩套方案,一個是常規的,一個是我想嘗試的,也是一次驗證產品與品牌開放程度的機會,等到兩套平面都完成後,遞交給品牌的其實只有一套,另外一套,我留著出街那天,自己在朋友圈當作飛機稿發布了,沒有想到品牌與產品都很喜歡,立馬拿過去當作官宣素材進行推廣,朋友圈也自然來了很多對本身這次精良設計製作的點讚,這件事情後,意識到之前是我們自己太小心,在固定模式中行為做事,其實品牌與產品比我們想像的更加包容與開放,只是之前沒有給到更加優秀的視覺解決方案。於是後面有了飯局狼人殺的人狼畫面的結合;有了尋仙傳統文化元素的KV,有了擇天記鹿晗工筆畫的形式;有了忘憂鎮江湖情的概念圖……

以下是小組近一年的平面設計作品

數量頗多,可以優先在wiff環境下閱讀

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

做好小而美 ——TGIDEAS視覺設計一組做的那些事

那要呈現出這些視覺,我們都做了哪些工作呢?

化繁為簡,拆解創意視覺執行的幾個核心步驟

作為商業設計,我們時刻記得自己的位置,是用戶與產品之間的橋梁,而如何搭建好這座橋,是需要跟產品、品牌團隊進行合作,了解用戶屬性,明確商業活動訴求,制定有效的視覺解決方案,與用戶進行溝通。

在品牌整體側制定的方案,我們理解為基於產品的品牌活動,然後會有對應的具體方案,比如明星代言、線下發布會、跨界合作……類似,最終要落地到每個具體執行方案的視覺呈現,然後我們對每個KV進行拆解,基本也就分三塊:一是視覺表達的創意,就是說基於活動主題與屬性,視覺上是用什麼樣的畫面表現,比如是用實物的質感,還是風格化的繪制,以及畫面的鏡頭方位,是大特寫的情緒,是遠觀的場景感,是逆光窺視的神秘,這些都要在視覺創意階段需要解決的問題,也是畫面最終能否打動到人的關鍵步驟;第二塊就是素材的創造,設計師都明白,一個好的素材直接決定了畫面呈現的品質,而如何能獲取優質素材,放在五年前,大部分設計師只能燒香拜佛,因為大部分設計,就是來了什麼素材,做什麼樣的設計,如今的流程更加科學,素材的來源從源頭,設計師都可以參與,當然,這對設計師的綜合能力要求也更高,一是設計師要有辨別素材好壞的能力,二是要主動獲取優質素材的資源,要麼自己會拍攝,或者繪制,要麼能找到符合自己創意要求的素材執行團隊,從以往一條流水線上分段的執行者,變成了創意設計執行整個閉環的把控者;第三塊就是設計執行,簡單來說,就是把文字信息與圖形素材,做最佳的整合,變成一個完整的設計作品,這里面考究的就是設計師的執行功底了,色彩層次、排版構成、文字變形……,明晰了這三大塊,一是讓我們面對任何創意設計挑戰,都不畏懼,二是能把團隊成員的優勢在這幾塊一一對應上,取大家所長,團隊協作,力求精品。

了解創意的本質

創意這件事情在很多人看來,似乎是與生俱來,屬於少數人的特有屬性,當然天生有些人性格外放,口齒伶俐,邏輯縝密,看上去就是適合做創意,但並不代表說這種人就能做好創意,或者說天生內向的你,不一定就不能做創意,在目前我們從業的環境中,必須承認,不管是視頻,平面,還是其他類型的創意,都是在以往案例的基礎上,學習借鑒,添加一些元素,然後進行重新組合。其實在我們看來,新的組合,就是創意的本質。至少在我們目前產品行銷創意設計執行領域,這就是本質。認同了這個,那創意行為本身也是可以進行拆解的。巧婦難為無米之炊,要有想法,那也得有材料,一個是基於特定項目相關的材料,一個是生活、文化等其他領域的綜合材料,項目材料可以短時間內集中攻克,找到產品特有的可以去放大的有意思的點,綜合材料就需要日常堅持學習與收集,當然也包含主動積累優秀的創意案例,只有讓自身的信息知識庫有一定份量,方能有思路去尋求創意的蛛絲馬跡,最終形成方案。

尋找視覺創意的套路

所謂套路無非也是前人栽樹後人乘涼的事情,在海報視覺創意范疇內,平面廣告與電影海報就是兩個非常值得學習與借鑒的領域,相信每位設計從業人員都有自己的方式在存儲好看的,或者有意思的平面作品,以便在跟品牌提案的時候,或者設計執行時,有跡可循。大家都很清楚,設計這件事情原本就是主觀的,感性的,到底什麼樣的設計是優秀的設計,原本就沒有恒定的標準,每個人對同一個KV都有不同的評價,喜好的點又不盡相同。為了了解團隊成員每個人的設計鑒賞能力以及培養大家對新鮮事物的好奇心,我們規定,每位成員每天需要閱讀大量的國內外眾多的設計作品,挑選兩幅貢獻到組織,並講解你挑選這兩幅作品的理由,然後當挑選作品累計到一定程度,我們就會當面開個沙龍會,一起討論總結,分析這些優秀作品共同的特點,總結套路。目前大概總結了幾點:1、放大感官承受 2、超現實呈現 3、陳述你不了解的事實 4、擬人、擬物 5、強風格化 6、打破固有風格認知……雖然不一定全面,但至少在個人專業知識體系中,有了框架,能清晰指導每一次視覺創意的方向。

如何獲取優質素材

對於素材,很重要一點,就是學會用好「光」,或者說理解好「光」,懂得一定攝影的同學,對於逆光、側光、頂光、面光拍攝出來的人,或者物,表現出來的質感都有很大區別,尤其是人,情緒受光的影響也極大。風格化的繪制,也是以光為基礎而呈現的,中國風的工筆畫,可以理解以勾勒事物的輪廓線條,整體都是柔光,西方的油畫,是還原真實的光影,水墨畫風格,抽象的明暗對比……都是光與影關係變化的結果,了解了本質,至少就可以具備一定辨別優質素材的能力與對優質素材的構想,然後面對不同的項目,要麼團隊成員自行創造素材,要麼主動積攢各種供應商或者個體資源,重點了解他們各自擅長的領域,項目執行過程中,能得到優質素材創作的團隊助力,往往可以事半功倍。總的說,要有素材好壞的辨別能力與主動獲取優質資源的能力。

制定視覺表現的層級標準

有了創意想法,也獲取了理想的素材,最後一環就是組裝設計執行,把畫面要呈現的信息,通過排版,色彩構成,字體設計,以及處理好優先層級的關係,與素材做好結合,最終呈現出完整的視覺表現。而怎麼辨別最終效果,我們也有自己的標準。我們把每一次視覺呈現都分成三個檔位,第一層級:設計執行存在具體問題(可以叫做執行不及格),這個層級就是在畫面中,存在很明確的設計問題,比如字體設計不協調,或者色彩糟糕、排版重心不穩等等,這個層級的稿件,基本是不能出街,第二層級:有效準確的傳遞了畫面該表達的信息,執行無誤(我們稱之為好看的皮囊),到這里,是符合了出街的標準,基礎設計沒有任何問題,信息層級關係得當,直接明了;第三層級:除了畫面信息的有效傳遞,還賦予了用戶想像空間(可以稱之為有趣的靈魂),這個更多在畫面創意上,有更多的要求,要給予用戶超出這個可見畫面空間的想像。

清晰了創意設計執行的流程,對創意這件事情不在畏懼,視覺創意也總結了一些套路,有了主動獲取優質素材的思路,有了執行落地質量好壞的標準。可以說萬事俱備只欠東風了,這東風自然就是各種項目產品一次又一次的創意執行需求。

我們無法準確判斷行業的變化,但透過變化看到本質很有必要,然後作為一個手藝人,重點是讓自己有點真本事,成為一個團隊不可或缺的人才,方能屹立不倒,不被行業所淘汰,當然,再加上一點真心的熱愛就更好了,因為熱愛,除了能讓你走的更遠,也能讓你充分享受你所從事的行業與工作。我們僅僅是大團隊中的那7、8個人,每個小team都有自身的發展方向,TGideas發展至今,各個team從單一人員的構成,到多元的變化,整體方向也已經從以往趨同到如今的求異,並在各自對應不同的業務領域挖掘自身的優勢,深耕細作,助力產品品牌的同時,也壯大了自己,當然我們各自都還在路上,相信這個「努力工作拼命玩」團隊的明天,更會枝繁葉茂。

設計交流管道