八戒体育(中国)官方网站-登录入口




H5游戏(xì)制(zhì)作
H5游(yóu)戏制作
H5游(yóu)戏制(zhì)作
H5案例
H5开发
扫一扫
h5定制
h5定(dìng)制

回(huí)到(dào)顶部

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

金融(róng)设计(jì) 2022年12月06日

金融(róng)公司或许不会对每一个产(chǎn)品(pǐn)都单独开展一次宣(xuān)传活动,但每一个产品都少不(bú)了一幅(fú)产(chǎn)品(pǐn)图。下面,八戒体育和蓝橙互动就以医药类金(jīn)融产品图为例,为(wéi)大(dà)家解析一下产品(pǐn)图的设计思路。

 

设计思路

 

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

 

设计(jì)目(mù)标

 

高(gāo)效(xiào)的(de)向用户传达本次主题内容——金融医(yī)疗相关的(de)产品(pǐn)

 

内容元素

 

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

 

 金融设计

 

在这里我(wǒ)选择作为(wéi)头图主体元素(sù)的是药丸,因为药丸(wán)形态上比较简约,比较有亲(qīn)和力,比较好作为创意表现得基(jī)础元素。

 

设计想法

 

一颗(kē)装有DNA的药丸打开(kāi),里面飞(fēi)出一些医疗相关的(de)元素。

 

配色

 

根据这些(xiē)关键(jiàn)词,我们就(jiù)可以确定(dìng)包(bāo)装页的主色调和(hé)头(tóu)图里面要放(fàng)的(de)元素,因为医疗是需要科(kē)学的行业(yè),体现科学的冷静与生命(mìng)力,所以主色调选择了(le)蓝色色调。

 

参考图

 

确(què)定了色调和主(zhǔ)体以后,接下来就是找(zhǎo)参考图了(le),以下是我找的一些参考(kǎo)图。

 

金融设计


创意设计过程

 

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

 

 金融设计

 

药(yào)丸(wán)里面加入金色DNA元素。四(sì)周加(jiā)上了药丸里面飘出来一些医疗元素,可(kě)以让整体画面显得不那(nà)么空。背景(jǐng)加入了(le)金融的K线走势图,突出行(háng)业(yè)特征。

 

到这里(lǐ),初稿(gǎo)画面如下:

 

金融设计 


但(dàn)是从这(zhè)张图(tú)我(wǒ)们可以(yǐ)发现出(chū)以下几点问题:

 

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

 

②这些元素的造型显得过于复杂,颜色(sè)在画面中也(yě)显得过(guò)于突出和突兀(wū),抢占了画(huà)面的主视觉。

 

 金融设(shè)计

 

③漂浮的(de)分(fèn)子(zǐ)元(yuán)素的颜色是银(yín)色(sè)的,与整(zhěng)体(tǐ)页(yè)面也不太协调

 

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

 

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

 

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

 

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

 

 金融设计

 

第四个问题就是画面太平了,需要增强画(huà)面(miàn)的空间感,增强画面(miàn)空(kōng)间(jiān)感的办法有很多,在(zài)这里我就(jiù)是给画面增加了一个地(dì)面,一下子画面的(de)前后关系就对比出来了。

 

产品图

 

金融设计

 

最后(hòu)来(lái)看看修改前后的对比。


金融设(shè)计


联系QQ:2899301896

八戒体育和蓝橙互动·致力于为企业提供更高(gāo)效的开发服务

八戒体育(中国)官方网站-登录入口

八戒体育(中国)官方网站-登录入口