您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

QQ空間萌寵形象是如何設(shè)計出來的

  玩QQ的同學(xué)們知道QQ空間萌寵嗎?QQ空間萌寵是QQ空間在去年推出了全新“萌寵”玩法,上線以來,萌萌的寵物形象融化了不少的用戶的心,受到了很多人的喜愛,大量忠實用戶表示還想要養(yǎng)小雞小豬等。那么它們?yōu)槭裁磿@么受歡迎呢?又是如何設(shè)計出來的呢?

QQ空間萌寵形象是如何設(shè)計出來的  圖趣網(wǎng)

  QQ空間萌寵形象是如何設(shè)計出來的

  第一步關(guān)鍵詞

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

  設(shè)計過程

  1. 第一輪嘗試

  (1)設(shè)計理念

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

  (2)意見反饋

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

  2. 第二輪嘗試

  (1)設(shè)計理念

  根據(jù)不同類型的寵物真實形象改變之前的擬人化的設(shè)計,符合寵物真實的形態(tài),減少多余的細節(jié),提取特征作抽象化。

  (2)意見反饋

  經(jīng)過多次的溝通,確定了滿意的方向,接下來進行了細節(jié)優(yōu)化與調(diào)整。

  3. 規(guī)范制定

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

  (1)形象風(fēng)格

  寵物的形象一般偏可愛風(fēng)格,在無特殊情況下,線條保持圓滑自然盡可能采用形象原型本身的姿態(tài);

  形象角度需偏左30度左右;

  形象設(shè)計統(tǒng)一使用扁平風(fēng)格,無色彩漸變,無描邊,色彩使用上不要使用過;

  高飽和度或者與白色過于相近的顏色(由于空間饋送底色是白色,如果寵物形象本身是白色,用偏白的灰色代替)。

  (2)階段分類

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

  (3)細節(jié)規(guī)范

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

  (4)輸出規(guī)范

  提供寵物形象在自然狀態(tài)下的,另需對形象的手,腳等活動部分進行調(diào)整;

  形象在自然狀態(tài)下是為了方便身體活動,不一定與形象默認動作一致,確保自然狀態(tài)下的身體能滿足需要做的絕大部分動作。

  (5)蒙皮規(guī)范

  不同寵物有不同裝扮,設(shè)計師需在理解裝扮范圍的原則上,進行適當(dāng)?shù)难b扮設(shè)計并輸出設(shè)計稿。

  形象輸出

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

  結(jié)語

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

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di326.html
書籍logo設(shè)計圖片
近兩萬字的干貨!可能是最周全的頁面設(shè)計基礎(chǔ)知識全攻略
圖趣網(wǎng)微信
建議反饋
×