騰訊動漫實戰!主題換膚設計的背后過程小結 - 優設-UISDC

騰訊動漫實戰!主題換膚設計的背后過程小結

2018/11/02 評論區

項目復盤對設計師的成長來說是一個很重要的環節,不僅可以鞏固自己的設計理論,同時還可以與小伙伴們分享自己的小心得。

本次就以換膚設計小結為例,給大家介紹一下我的設計過程。

大綱如下:

  • 項目背景
  • 項目難點
  • 設計流程

一、項目背景

一年一度的暑期活動,為了更好的回饋用戶,設計側配合運營小伙伴,決定在客戶端上進行活動換膚設計,其目的有以下兩點:

  • 通過換膚營造暑期活動的氛圍感以及傳遞活動所要表達的調性;
  • 利用情感化設計來提升平臺好感度。

二、項目難點

此類換膚只需與活動主kv 保持一致的風格以及元素的傳承,再加上設計上的一些思考,基本很容易就可以解決。但是很多情況下,不一定能如愿順利完成,那么在項目進行時,我們產生什么困難呢?

1. 內容量大

暑期活動除了本身的制作內容外,額外根據活動主題策劃了七個皮膚館,包括:玄幻、戀愛(1)、古風、戀愛(2)、限免周、熱血、爆笑,并且要做到風格多樣化,來減少因為周期短帶來的審美疲勞。

2. 時間緊張

主活動風格未定,就無現有素材使用,同時要預留后期開發、測試的時間,整體來看時間很緊迫。

3. 調性雷同

前期主題館如古風玄幻(主KV大色調已定)與古風、兩個戀愛館的調性非常雷同,又該如何從視覺展示上進行區分呢?

帶著以上問題,該如何去解決呢?接下來將以古風玄幻館為案例,為大家帶來一些思路上的參考。

三、設計流程

設計思路:拆解發散—關聯重組—元素沿襲—文化符號—視覺呈現—落地延展

1. 拆解發散

根據主題切入點為古風、玄幻,圍繞這兩個點進行思維發散。

2. 關聯重組

隨后,根據發散的內容找到合適的關鍵詞再進行關聯重組轉化成可執行的設計方案,期間一直苦苦冥思,古風玄幻要與古風怎么區分呢?

突然想到之前追的三生三世,就是想要這種仙氣十足的調調,才能扛得起玄幻的大旗。這古風和古風玄幻最大的區別就是所有的道具、人物周圍都罩了一層仙氣,整理得出三個關鍵詞:法器、紅藍、仙俠。

3. 元素沿襲

設計方向找到后,再根據活動內容提取出所有可以使用的元素、顏色以及品牌形象,進行設計沿襲,保持整個項目的一致性。

4. 文化符號

想要設計更經得起考驗的話,可以再深入的思考這一步,在設計里增加識別度高的視覺符號提升用戶的普遍認知度。

5. 視覺呈現

通過對關鍵詞、設計元素以及文化符號的提取,進行最后的整合與優化并且運用到設計稿里。拿其中一個葫蘆icon 為案例,給大家一些思路上的啟發:

  • 在元素沿襲上保留葫蘆元素;
  • 在網上收集一些葫蘆的參考圖片(侵刪),之所以選定下面三張是因為:飄起來的穗子很動感、葫蘆的造型很圓潤以及可以在葫蘆上做印花的表現形式,極大的豐富了 icon,同時也要考慮 icon 展現的實際場景,細節不能過于復雜;
  • 大概思路有了,就開始繪制草圖;
  • 描線上色完后,還需加上最重要的「特效」,才能立刻從道具變成法器。

6. 落地延展

整個大致流程思路就是這樣了,由于時間緊張問題,只能增加小伙伴一起完成整個項目。如下是部分換膚展示圖:

同時為了更好的和小伙伴們配合完成項目,制定了一些相關規范,不僅減少了溝通成本,也提高了整個項目的完成進度。

最后,項目跟進,并不是做完設計部分就結束了整個項目,在測試環境下,設計師還需要跟進頁面適配以及視覺還原問題,發現問題及時修改,提高用戶體驗。直到整個項目上線后,才能真的算完成了整個項目。

以上就是換膚設計的一些小經驗,希望能給大家帶來思路上的幫助,歡迎大家多提建議,共同進步!

歡迎關注「TCD設計中心」公眾號:

「主題設計案例好文」

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.51294208.com/theme-skinning-design-process

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 神器下載 海報設計 字體下載 設計趨勢 設計規范 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
wechat

優設官方微信

50萬設計師關注

微信號:youshege

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

云南时时彩开奖今天