FaceTeam 是 58 的品牌人物角色系統。通過定義風格統一的 58 各業務線屬性的人物角色形象,并應用到日常視覺設計中,強化 58 品牌認知度和提升視覺統一性,傳遞公司信息的同時建立與用戶的聯系。
此前 58 已經發布了 FaceTeam 插畫人物系統并在 58 各個業務線日常設計中得到廣泛應用。
今年我們制定了建立 FaceTeam 3D 人物角色系統的目標。我們希望打造一套 58 特色明顯的 3D 人物角色系統。并通過將 3D 人物組件化的方式整合,降低 3D 人物角色素材的使用門檻,讓 58UXD 設計師更輕松的使用 3D 人物角色進行視覺創意,達到提升視覺品質和提高工作效率效的目的。
1. 趨勢
隨著 3D 風格的流行,及在視覺設計中的廣泛應用,3D 元素在日常視覺設計中成為了不可或缺的元素。
2. 統一
58 同城是一個海量的分類信息服務平臺,包含房產、招聘、二手車、團購、黃頁多條業務線,打造一套 58 特色明顯的 3D 人物角色系統,應用到各個業務線中,作為平臺一致性的一個標準,保證視覺輸出的關聯性和穩定性。
3. 效率
減少視覺過程中的重復性工作,高效的的組件化方式,提高設計的效率與產能。
作為 58 的 3D 人物角色體系,需要滿足多方面的需求,首先需要具備兼容性,可以應用到 58 的任何一條業務線而沒有違和感,其次需要具有擴展性才能滿足龐大的業務體系的需要,做一套企業級的人物組件庫并不是一蹴而就的事情,我們在不斷的探索和嘗試中得到最終要的結果?;仡^再去看整個過程經歷了以下幾個階段??偨Y過程中的經驗和走過的彎路分享給大家。
1. 團隊組建
一套強大的 3D 系統需要強大的 3d 團隊去支持,但是對于 3D 軟件這種新應用與運營設計的手法,并不是每個設計師都能掌握,好在團隊小伙伴學習能力和自驅力都比較強,在不斷學習中掌握各項技巧,出色地完成了需求。
2. 基礎角色定義
如何去定義 3D FaceTeam 的基礎人物形象風格是至關重要的一環,我們需要提煉角色風格,同時要兼顧龐大多業務線的需求,因此基礎角色形象需要普適性和拓展性,這期間經歷了一個漫長的探索過程。
我們建立了情緒版,做了大量的風格分析,確保角色風格的差異性和可識別性。
同時也做了多次風格嘗試,最開始我們希望人物真實且貼近生活,因此在在人物設定上比例更接近真人,同時選擇了使用 MD 軟件制作衣服,還原衣服的真實質感。結果基于人物設定和服裝的原因這套人物的產出風格上缺乏美感和年輕感,被果斷 PASS.
之后我們有嘗試了偏卡通風格的形象設計,讓形象更加簡潔概括,但是總體產出又缺乏特點和記憶點。
在不斷的嘗試和修改中,我們終于找到了屬于 Faceteam 風格該有的關鍵詞,最終從形象本身和實際應用緯度進行了進行風格提煉的思考,得到了正確的方向。
我們在接下來的設計的過程中我們延續了 2D Faceteam 基因,希望 3D FaceTeam 仍然是圓潤親和,容易被大眾接受的風格,因此保留了其面部特征以及圓肩,頭身比等特點,同時結合三維模型的特點,為新的 3D 形象調整了身材比例,使其更有特點和記憶點,與其他競品形象產生差異化。
58 各業務場景的用戶群體都逐漸向年輕化邁進,3D FaceTeam 在風格定位上更加趨于年輕化,方便日常運營過程中的視覺表現,我們通過服裝配飾的設計,呈現人物的年輕化和潮流感,整合以上訴求,分別設計了全新的 FaceTeam 3D 男女基礎形象,為 FaceTeam 3D 角色庫確定風格基礎。
3. 業務線角色拓展
在總結了基礎角色設計的經驗后,我們對拓展角色設計的設計流程進行了調整,回歸到先以成本比較低的 2D 形式去做人物設定,再轉化為 3D 模型,減少方案修改的時間成本。
FaceTeam 3D 的最終目標是是覆蓋 58 各個業務線的人物角色日常應用需求,因此確立了基礎形象之后,需要擴展一個人物角色庫,保證每條業務線的設計師在庫里都能找到自己需要的人物角色。
我們溝通 58 各業務線的設計師,收集他們日常設計中最高頻使用的角色身份訴求,為收集到的人物角色做了優先級排序,合并重復角色,刪選出更加精準的可以代表各業務線的角色。最終確定了包含女 hr、女白領、男普工、女青年男青年、中年女性、女房東、男中年拓展角色的清單。
為了統一人物角色的風格,我們為每個角色的人體做了統一化的處理,因此需要通過服裝配飾設計以及代表身份屬性的小元素去定義角色性格以及職業屬性。保證每個角色的定位準確,使其成為形象鮮活,有血有肉的存在。
配合年輕化,潮流化的出發點,我們對服裝配飾進行了將信息收集和腦暴,又對人物服裝進行了研究,設計出符合每個角色定位的服裝搭配。
團隊每位成員認領了自己的角色,通過反復修改磨合,逐漸達到風格統一,然后整合成一套風格一致的的 2D 角色設定。
結合 2D 形象的設定,在 3D 基礎角色模型的基礎上,進行拓展角色的 3D 模型角色設計,基礎角色模型的搭建,自然的形成一套 3D 設計規范,人體素模一致,保證了每個角色的身材比例一致,統一的骨骼綁定系統,確保后期動作輸出的一致性。對服裝細節的處理,確保服裝風格的一致性。
在渲染輸出方面,我們也做了多種渲染風格的嘗試,將每種風格輸出的人物 PNG 交給各業務線的設計師應用到日常設計中進行實際驗證,最終結論為環境燈光和材質都相對柔和的渲染效果普適性更強,在 UI 和運營設計中都可以很好的適配更多應用場景,因此我們選擇了柔光環境的渲染作為最終的渲染輸出風格。
最終盡管在多設計師協作條件下,仍輸出了風格統一,套系感明顯的 3D 任務角色庫。
所有 3D 角色完成后,我們開始思考如何將這些成型的 3D 資源交付給各業務線設計師使用,實現資源價值最大化應用,為此我們做了兩個方向的工作。
1. 角色動作圖片庫輸出
我們為每個角色設計一套符合身份定位,且高頻使用的動作,統一渲染輸出成 PNG,形成圖片庫,上傳到風火輪、水晶球等 58 設計師素材共享平臺,方便設計師隨時調取,直接應用到視覺設計中,既幫助 3D 基礎薄弱的同學跨越了 3D 軟件使用的障礙,又可以快速獲取資源的完成需求 。
在 Faceteam 團隊成員共同努力下,完成了包含 10 個角色,14 套服裝,112 個動作的人物角色庫設計,覆蓋 UXD 各業務線 90%的日常運營需求。
2. 人物 3D 組件預設庫
對于已有 3D 基礎的同學,我們希望直接提供模型給這些設計師使用,這樣可以更加靈活的延展視覺畫面的設計。但是繁瑣零散的模型下載為設計師的使用增加了時間和學習成本,因此我們想到了人物組件預設庫的方式。
通過整合的方式,將所有人物角色模型集合到統一的模型預設庫各業務線設計師只需一鍵安裝即可獲得所有人物角色,及動作預設,以更加觸手可得的方法進行推廣應用,降低了設計師學習和下載成本,更加高效的使用人物角色庫。
基礎功能:人物組件預設庫包含設定好的 10 個基礎角色,并為每個角色做了 8 個特定動作,設計師選擇所需角色和動作后,調整攝像機角度即可渲染得到自己想要的角色狀態。
擴展功能:人物組件庫包含人物服裝、發型、動作、環境及配件等組件,組件之間可以自由組合,靈活搭配,在原有 10 款角色模型的基礎上,可以擴充出 60+新的角色模型,大大增加了角色數量,增加了設計的靈活性和多變性,滿足了設計師對于更龐大的角色系統的需求。
人物組件庫完成后,通過簡單的培訓,大部分的設計師已下載安裝預設文件,并掌握使用方法,FaceTeam 任務角色系統也在 UXD 各業務線中推廣使用,設計師在遵守品牌統一性的基礎上,靈活運用組件庫的人物元素,衍生出了更具創新個性及多維度視覺特點的作品,以下為各業務線設計師的應用產出。
房產
招聘
車服
平臺
58 原本業務線繁多,每條業務線有自己的視覺緯度,很難形成統一的品牌認知,FaceTeam 3D 人物角色的應用,成為了視覺輸出聯系的紐帶,為每一張海報印上了 58 特有的標簽,確保了品牌統一性。獨特的人物造型,增強了品牌認知度,提升品牌感知,方便品牌傳播。
一鍵安裝的人物組件庫方便也真實的幫助快速處理日常需求,提升設計效率,FaceTeam 3D 人物組件庫已在完成了我們在設計之初的預期功能。
未來 faceteam 3D 組件庫還將精細化打磨人物角色模型,增加角色數量,豐富組件種類,擴展模型資產,同拓展表情組件使其感情表達更加精準。制作更好的素材供大家使用,敬請期待。
歡迎關注「58UXD」的微信公眾號:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 4 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓