前言
項目復(fù)盤對設(shè)計師的成長來說是一件很重要的環(huán)節(jié),不僅可以鞏固自己的設(shè)計理論,同時還可以與小伙伴們分享自己的小心得~
本次就以換膚設(shè)計小結(jié)為例,給大家介紹一下我的設(shè)計過程。
大綱如下:
一、項目背景
二、項目難點
三、設(shè)計流程
一、項目背景
一年一度的暑期活動,為了更好的回饋用戶,設(shè)計側(cè)配合運營小伙伴,決定在客戶端上進行活動換膚設(shè)計,其目的有以下兩點:
1、通過換膚營造暑期活動的氛圍感以及傳遞活動所要表達的調(diào)性
2、利用情感化設(shè)計來提升平臺好感度
二、項目難點
此類換膚只需與活動主kv保持一致的風(fēng)格以及元素的傳承,再加上設(shè)計上的一些思考,基本很容易就可以解決。但是很多情況下,不一定能如愿順利完成,那么在項目進行的時,我們產(chǎn)生什么困難呢?
1-內(nèi)容量大
暑期活動除了本身的制作內(nèi)容外,額外根據(jù)活動主題策劃了七個皮膚館,包括:玄幻、戀愛(1)、古風(fēng)、戀愛(2)、限免周、熱血、爆笑,并且要做到風(fēng)格多樣化,來減少因為周期短帶來的審美疲勞
2-時間緊張
主活動風(fēng)格未定,就無現(xiàn)有素材使用,同時要預(yù)留后期開發(fā)、測試的時間,整體來看時間很緊迫
3-調(diào)性雷同
前期主題館如古風(fēng)玄幻(主KV大色調(diào)已定)與古風(fēng)、兩個戀愛館的調(diào)性非常雷同,又該如何從視覺展示上進行區(qū)分呢?
帶著以上問題,該如何去解決呢?接下來將以古風(fēng)玄幻館為案例,為大家?guī)硪恍┧悸飞系膮⒖?/p>
三、設(shè)計流程
設(shè)計思路:拆解發(fā)散—關(guān)聯(lián)重組—元素沿襲—文化符號—視覺呈現(xiàn)—落地延展
拆解發(fā)散
根據(jù)主題切入點為古風(fēng)、玄幻,圍繞這兩個點進行思維發(fā)散
關(guān)聯(lián)重組
隨后,根據(jù)發(fā)散的內(nèi)容找到合適的關(guān)鍵詞再進行關(guān)聯(lián)重組轉(zhuǎn)化成可執(zhí)行的設(shè)計方案,期間一直苦苦冥思,古風(fēng)玄幻要與古風(fēng)怎么區(qū)分呢?
叮!突然想到之前追的三生三世,呀~就是想要這種仙氣十足的調(diào)調(diào),才能扛得起玄幻的大旗。這古風(fēng)和古風(fēng)玄幻最大的區(qū)別就是所有的道具、人物周圍都罩了一層仙氣,整理得出三個關(guān)鍵詞:法器、紅藍、仙俠
元素沿襲
設(shè)計方向找到后,再根據(jù)活動內(nèi)容提取出所有可以使用的元素、顏色以及品牌形象,進行設(shè)計沿襲,保持整個項目的一致性
文化符號
想要設(shè)計更經(jīng)得起考驗的話,可以再深入的思考這一步,在設(shè)計里增加識別度高的視覺符號提升用戶的普遍認知度。
視覺呈現(xiàn)
通過對關(guān)鍵詞、設(shè)計元素以及文化符號的提取,進行最后的整合與優(yōu)化并且運用到設(shè)計稿里。拿其中一個葫蘆icon為案例,給大家一些思路上的啟發(fā):
1-在元素沿襲上保留葫蘆元素
2-在網(wǎng)上收集一些葫蘆的參考圖片(侵刪),之所用選定下面三張是因為:飄起來的穗子很動感、葫蘆的造型很圓潤以及可以在葫蘆上做印花的表現(xiàn)形式,極大的豐富了icon,同時也要考慮icon展現(xiàn)的實際場景,細節(jié)不能過于復(fù)雜
3-大概思路有了,就開始繪制草圖
4-描線上色完后,還需加上最重要的“特效”,才能立刻從道具變成法器
落地延展
整個大致流程思路就是醬紫啦~由于時間緊張問題,只能增加小伙伴一起完成整個項目,如下是部分換膚展示圖
同時為了更好的和小伙伴們配合完成項目,制定了一些相關(guān)規(guī)范,不僅減少了溝通成本,也提高了整個項目的完成進度
最后,項目跟進,并不是做完設(shè)計部分就結(jié)束了整個項目,在測試環(huán)境下,設(shè)計師還需要跟進頁面適配以及視覺還原問題,發(fā)現(xiàn)問題及時修改,提高用戶體驗。直到整個項目上線后,才能真的算完成了整個項目(深深的舒了一口氣~~~~)
以上就是換膚設(shè)計的一些小經(jīng)驗,希望能給大家?guī)硭悸飞系膸椭?,歡迎大家多提建議,共同進步!