BG大游(中国)唯一官方网站




H5游戏制作(zuò)
H5游戏制作
H5游戏制作
H5案例
H5开发(fā)
扫一(yī)扫
h5定制
h5定制(zhì)

回到(dào)顶部

金融产品(pǐn)图设(shè)计(jì)思路解析

金(jīn)融设计 2022年12月06日

金融公司或许不(bú)会对每一个(gè)产品都单独开(kāi)展一次(cì)宣(xuān)传活动,但(dàn)每(měi)一个产品都少不了一(yī)幅(fú)产品(pǐn)图(tú)。下面,BG大游和蓝橙互动就以(yǐ)医药类(lèi)金融产品图为例(lì),为大家解析一下产品图的设计(jì)思(sī)路。

 

设计思路

 

整体主(zhǔ)要思(sī)路(lù)是(shì)根据文案来构思设计,文(wén)案“聚焦医药,重点(diǎn)关注医疗器械、创新药、CXO等”。

 

设计目标

 

高效的向用户传达本次主题内(nèi)容——金融医(yī)疗相关的产品

 

内容元素

 

医疗相关的元素有很多,比如有医(yī)药箱,针(zhēn),DNA、药(yào)品、药丸(wán)、医疗十字图标,心电图,体温计,救护车、生物、分子、原子、化(huà)学试管等等。

 

 金融设计

 

在这里我(wǒ)选(xuǎn)择作为头图主(zhǔ)体元素的是药丸,因为药丸形态上比较简约,比较有亲和力,比较好作为创意表现得基础元素。

 

设(shè)计想法

 

一颗装有DNA的药丸打开,里面飞出一些医疗相(xiàng)关的元素。

 

配(pèi)色

 

根据这些关键(jiàn)词,我(wǒ)们就可(kě)以确定包装页的主色调和头图里面要放的元素,因为医疗是需要科学的行业,体现科学的冷(lěng)静(jìng)与生命力,所(suǒ)以主色调选(xuǎn)择(zé)了蓝色色调(diào)。

 

参考图

 

确定了色调和主体以(yǐ)后,接下来就是找参考图了,以下是我找的一(yī)些参考图。

 

金融设计


创意设计(jì)过程

 

在绘制的时候,还(hái)原现实(shí)中的药丸形态,但是质感上做了(le)创意,将现实软胶的质感设计成(chéng)金属质感,另一半设计成(chéng)玻璃罩质感的(de),就区别于现实中我(wǒ)们见到的药丸,很具有新意。玻璃质感可(kě)以让(ràng)画(huà)面显得有透气感和质(zhì)感。考虑到想要画(huà)面更空间感(gǎn),因此把药丸的质感和体积感表现(xiàn)出来。

 

 金融设计

 

药丸里面(miàn)加入金(jīn)色(sè)DNA元素。四周加上了(le)药丸里面(miàn)飘(piāo)出(chū)来一些医疗元素,可以让整体画面(miàn)显得不那么空。背景加入了金融(róng)的(de)K线(xiàn)走(zǒu)势(shì)图,突出行业特征。

 

到这(zhè)里,初稿画面如(rú)下:

 

金(jīn)融设(shè)计 


但是从这张图我(wǒ)们可以发现出以下几点(diǎn)问(wèn)题(tí):

 

①整体颜(yán)色(sè)过(guò)多,画面看起来不协调(diào)

 

②这些元素的造型显得(dé)过(guò)于复(fù)杂(zá),颜色在画面中也显得过于突出和突兀,抢占了画面的主视觉。

 

 金融(róng)设计(jì)

 

③漂浮的分子元素的颜色是(shì)银色的(de),与整体页(yè)面也不太协调

 

④画面的(de)空间感(gǎn)不够强

 

发现问题(tí)以后,接下(xià)来就是要解(jiě)决问(wèn)题了:

 

第(dì)一个问(wèn)题(tí)和第三个问题(tí)的(de)解决办法就是(shì)把画面的颜色进行下调整,把(bǎ)悬浮分子元(yuán)素的颜色调(diào)整成和这个罐子一样的金色,这(zhè)样就跟画面元(yuán)素和谐多了。

 

第二个问题就是(shì)简化下这些元(yuán)素(sù)设(shè)计的(de)造型(xíng),因为头图主元(yuán)素药丸其中一半是透明的玻璃罩效果。所以我也将里面的圆形也调成透(tòu)明的泡泡造型,和玻璃罩效果一样。整体的视(shì)觉(jiào)效果就弱化了(le)下去(qù),就不会抢视线,同时在画面(miàn)中也显得比较协调。

 

 金融设计

 

第四个问题就(jiù)是画(huà)面太平了,需要增强画(huà)面的空间感,增强画(huà)面空间(jiān)感的办法有很多,在(zài)这里我(wǒ)就是给(gěi)画(huà)面增加(jiā)了一个(gè)地面,一(yī)下子(zǐ)画面的前后(hòu)关系就对比出来了。

 

产品图

 

金融设计

 

最后来看看修改前后的对比。


金融设计


联系QQ:2899301896

BG大游和蓝橙(chéng)互(hù)动·致(zhì)力(lì)于(yú)为(wéi)企业提供更高效的开发(fā)服务

BG大游(中国)唯一官方网站

BG大游(中国)唯一官方网站