爱游戏网页版-爱游戏aiyouxi(中国)






H5游戏制(zhì)作
H5游戏制作
H5游戏制作(zuò)
H5案例
H5开发
扫一扫
h5定制
h5定(dìng)制

回(huí)到顶部

金融产品图设计思路解析

金融设计 2022年(nián)12月(yuè)06日

金融公(gōng)司或许不会对每一个产品都单独开展一次宣传活动,但每一个产(chǎn)品都少不了一幅(fú)产品图。下(xià)面(miàn),爱游戏网页版和蓝橙(chéng)互动就以医(yī)药类金融产品图为例(lì),为大家解析一下产品图的设计(jì)思路。

 

设计思路

 

整体主要(yào)思路(lù)是根据文案(àn)来(lái)构思设计(jì),文(wén)案“聚(jù)焦医(yī)药,重点关注医(yī)疗器械、创新药、CXO等”。

 

设计目标(biāo)

 

高效的向用(yòng)户传达本(běn)次主题(tí)内容(róng)——金融医疗相关的产品

 

内容元素

 

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

 

 金融(róng)设计

 

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

 

设计想法

 

一(yī)颗装有DNA的药丸打(dǎ)开,里面飞出(chū)一些医疗相关的元素。

 

配色

 

根据这些关键(jiàn)词(cí),我们(men)就(jiù)可以确定包装页的主色(sè)调和头图里面(miàn)要放的元素,因为医疗是需要科学的行业,体现(xiàn)科学(xué)的(de)冷静(jìng)与生命力,所以主色调选(xuǎn)择了蓝色色调。

 

参考图

 

确定了色调和主(zhǔ)体(tǐ)以(yǐ)后,接下来就是找(zhǎo)参(cān)考(kǎo)图了,以(yǐ)下是我找的一(yī)些(xiē)参考图(tú)。

 

金融设计


创意设计过程

 

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

 

 金(jīn)融设计

 

药丸(wán)里(lǐ)面(miàn)加入金色DNA元素。四周加上了药丸里面飘出来一些医疗元素,可(kě)以让整(zhěng)体(tǐ)画面显得不那么(me)空(kōng)。背(bèi)景加入了金融的K线走势图,突(tū)出行业特征(zhēng)。

 

到这里,初稿画面如下:

 

金融设计 


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

 

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

 

②这些元素的造型显(xiǎn)得(dé)过于(yú)复杂,颜色在画面(miàn)中也显得(dé)过(guò)于(yú)突(tū)出和突兀,抢占了画面的主视(shì)觉。

 

 金融(róng)设(shè)计

 

③漂(piāo)浮的分(fèn)子元素的颜色是银色的,与(yǔ)整体页面也不太协调

 

④画面的空间感不够强

 

发现问题以(yǐ)后(hòu),接下来就是要解决问题(tí)了:

 

第一个(gè)问题和第三个问题的解决办法就是把(bǎ)画(huà)面的颜色进行下调整,把悬(xuán)浮分子元(yuán)素的(de)颜色(sè)调整(zhěng)成和(hé)这个(gè)罐子一样的金色,这样就跟画面元素和谐多了。

 

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

 

 金(jīn)融设计

 

第四个(gè)问题就是画面太平了(le),需要(yào)增强画面的(de)空间感,增强画面空间感(gǎn)的办法(fǎ)有很多,在(zài)这(zhè)里我(wǒ)就是给画面增加了一个(gè)地面(miàn),一下子画面(miàn)的前后关系就对比(bǐ)出来了。

 

产品图

 

金(jīn)融设计

 

最后来看看修(xiū)改前后的对比。


金融设计(jì)


联系QQ:2899301896

爱游戏网页版和蓝橙互(hù)动·致力(lì)于(yú)为企(qǐ)业提供(gòng)更高效的开发服务(wù)

爱游戏网页版-爱游戏aiyouxi(中国)

爱游戏网页版-爱游戏aiyouxi(中国)