主題換膚設計小結

原創文章 分類: 教程 版權:
7899 58 210 7
2018-11-02
46.8
首頁推薦



前言

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


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

大綱如下:

一、項目背景

二、項目難點

三、設計流程


一、項目背景

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

1、通過換膚營造暑期活動的氛圍感以及傳遞活動所要表達的調性

2、利用情感化設計來提升平臺好感度


二、項目難點

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


1-內容量大

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


2-時間緊張

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


3-調性雷同

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

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


三、設計流程

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

拆解發散


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


Image title


關聯重組

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


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


Image title


元素沿襲

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


Image title


文化符號

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


Image title


視覺呈現

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


1-在元素沿襲上保留葫蘆元素


2-在網上收集一些葫蘆的參考圖片(侵刪),之所用選定下面三張是因為:飄起來的穗子很動感、葫蘆的造型很圓潤以及可以在葫蘆上做印花的表現形式,極大的豐富了icon,同時也要考慮icon展現的實際場景,細節不能過于復雜


3-大概思路有了,就開始繪制草圖


4-描線上色完后,還需加上最重要的“特效”,才能立刻從道具變成法器 


Image title


Image title


落地延展

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



Image title


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


Image title


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


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





騰訊動漫TCD

我們是一群來自異次元的鵝,每天拍拍照、做做設計,偶爾用腦電波傳遞

1702粉絲/0關注

原來你的H5活動是這樣設計的!?團隊如何驅動設計師成長

騰訊動漫TCD

騰訊動漫TCD

我們是一群來自異次元的鵝,每天拍拍照、做做設計,偶爾用腦電波傳遞

掃描二維碼
去手機端查看海報

京ICP備14007358號-1 / 京公網安備11010802014104號 / Powered by 2008-2019 UI.CN

广西福彩官网