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

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

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

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

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

  第一步關(guān)鍵詞

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

  設(shè)計(jì)過程

  1. 第一輪嘗試

  (1)設(shè)計(jì)理念

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

  (2)意見反饋

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

  2. 第二輪嘗試

  (1)設(shè)計(jì)理念

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

  (2)意見反饋

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

  3. 規(guī)范制定

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

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

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

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

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

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

  (2)階段分類

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

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

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

  (4)輸出規(guī)范

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

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

  (5)蒙皮規(guī)范

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

  形象輸出

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

  結(jié)語

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

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