qy千亿-qy千亿(中国)一站式服务官方网站



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

回到顶(dǐng)部

金融(róng)产品图设(shè)计思(sī)路解(jiě)析

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

金融公司(sī)或(huò)许不会对每一个(gè)产品都单独开展一次(cì)宣传活动,但每一个产品都少不了一幅产品(pǐn)图。下(xià)面,蓝(lán)橙互动就以医(yī)药类金融产品图为例,为大家解析一下产品图的设计思(sī)路。

 

设计(jì)思路

 

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

 

设(shè)计目标

 

高效的向用户传达(dá)本次主题内容——金融医疗相关的产品

 

内容元(yuán)素(sù)

 

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

 

 金融设计

 

在(zài)这里我选择(zé)作为头图主体(tǐ)元(yuán)素的是药(yào)丸(wán),因为(wéi)药丸(wán)形态上比较简约,比较有亲(qīn)和力(lì),比较好作为创意表现(xiàn)得基础元素。

 

设计想法

 

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

 

配色

 

根(gēn)据这些关(guān)键词(cí),我们(men)就可以确定包装页(yè)的主色(sè)调和头(tóu)图里面要放的元素,因为医疗是需要科学的行业(yè),体现科学的冷静与生(shēng)命力,所以主色调选择了蓝(lán)色色(sè)调。

 

参(cān)考图

 

确定了(le)色调和主体以后,接(jiē)下来就是找(zhǎo)参考图了,以(yǐ)下是我(wǒ)找的一(yī)些(xiē)参考图。

 

金融设计


创意设计过程

 

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

 

 金融设计(jì)

 

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

 

到这里,初稿画(huà)面(miàn)如(rú)下:

 

金(jīn)融设计 


但是从这张图我们(men)可(kě)以发现出以下几(jǐ)点问题:

 

①整体颜色过多,画面(miàn)看起来不协调

 

②这些(xiē)元素的造型显得过于(yú)复杂,颜(yán)色在画(huà)面中也显(xiǎn)得过于突出(chū)和突兀,抢占了画面的主视觉。

 

 金(jīn)融设计

 

③漂浮(fú)的分子元素的颜色(sè)是(shì)银色的,与整(zhěng)体(tǐ)页(yè)面也不太(tài)协调

 

④画面的空(kōng)间感不够强

 

发现(xiàn)问题以(yǐ)后,接下来就是要解决问题了:

 

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

 

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

 

 金融设计

 

第四个(gè)问题就是(shì)画面太平了,需要增强(qiáng)画面的空间感,增强画面空间(jiān)感的办法(fǎ)有很多,在(zài)这(zhè)里我就(jiù)是(shì)给画面增加了一个(gè)地面,一下子画面的前(qián)后关系就(jiù)对比(bǐ)出来了。

 

产品图

 

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

 

最后来看看修改(gǎi)前后的对比。


金融设计


联系QQ:2899301896

qy千亿和蓝橙互动·致力于为企业(yè)提(tí)供更高效的开发服务

qy千亿-qy千亿(中国)一站式服务官方网站

qy千亿-qy千亿(中国)一站式服务官方网站