上億人使用的QQ空間萌寵形象,是怎么設計出來的?

1 評論 5687 瀏覽 14 收藏 6 分鐘

QQ空間在去年推出了全新“萌寵”玩法,上線以來,獲得了不少用戶的喜愛,同時也收到了大量忠實用戶們對想要養小雞小豬等的心聲。為了給用戶帶來更好的體驗,項目設計組決定新推出一大波各異形態的萌寵,讓萌萌的寵物融化用戶們的心?

關鍵詞

圍繞著寵物的世界觀,吸引更多用戶參與新玩法,確定產品定位并且提升用戶黏度,我們提煉出了一些關于“空間寵物”的關鍵詞。

設計過程

1. 第一輪嘗試

(1)設計理念

“可愛”這個元素是各個年齡段都會受用的,形象多用圓形或橢圓形的設計,再圍著著“成長”,“多樣性”,“地球”等關鍵詞嘗試。

(2)意見反饋

初步溝通反饋,希望以寵物的真實形象類別作為分類,確保每一個寵物的形象都有鮮明的性格。

2. 第二輪嘗試

(1)設計理念

根據不同類型的寵物真實形象改變之前的擬人化的設計,符合寵物真實的形態,減少多余的細節,提取特征作抽象化。

(2)意見反饋

經過多次的溝通,確定了滿意的方向,接下來進行了細節優化與調整。

3. 規范制定

在本次制作中需要短期內輸出18個新的形象,留給單個形象設計及輸出合格時間較短。從零開始重新創作形象的方案不太現實。所以,我們必須得先明確本次多寵物制作上形象設計的形象要求,制定相應形象規范,內部設計的同時在外部CP進行合作,以及尋找合適的現有形象進行二次創作。

(1)形象風格

  • 寵物的形象一般偏可愛風格,在無特殊情況下,線條保持圓滑自然盡可能采用形象原型本身的姿態;
  • 形象角度需偏左30度左右;
  • 形象設計統一使用扁平風格,無色彩漸變,無描邊,色彩使用上不要使用過;
  • 高飽和度或者與白色過于相近的顏色(由于空間饋送底色是白色,如果寵物形象本身是白色,用偏白的灰色代替)。

(2)階段分類

每個形象有3個階段,分為:幼年,少年,成年階段之間需區分明顯,而且個頭差異不能過于巨大。

(3)細節規范

為了制作脊椎動畫,設計時需注意身體四肢運動的可能性對于身體和四肢同一顏色的情況,不要使用陰影來區分四肢和身體。

(4)輸出規范

  • 提供寵物形象在自然狀態下的,另需對形象的手,腳等活動部分進行調整;
  • 形象在自然狀態下是為了方便身體活動,不一定與形象默認動作一致,確保自然狀態下的身體能滿足需要做的絕大部分動作。

(5)蒙皮規范

不同寵物有不同裝扮,設計師需在理解裝扮范圍的原則上,進行適當的裝扮設計并輸出設計稿。

?形象輸出

給予不同形象的人性化特點,以更有情感化的形式設計新形象。

結語

QQ空間萌寵全新改版升級,突出物種的多樣性,全新定于了寵物的世界觀以及新玩法從腦爆方向 – 風格嘗試 – 落實設計 – 最終上線,需要感謝很多為此付出的同學,讓空間的玩法更加豐富。也期待著“空間寵物”有更多更有趣的玩法以及創新。

 

作者:eu

來源:騰訊ISUX

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可愛! 用心~

    來自北京 回復