當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

換膚設(shè)計的一些小經(jīng)驗

2018-11-16 1711 0


前言

項目復(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ī)硭悸飞系膸椭?,歡迎大家多提建議,共同進步! 


 


 


 


29
評論區(qū)(0)
正在加載評論...