百度钱包APP启动图标制作教程

来源:网络   作者:热心网友   发布时间:2016-09-09    浏览次数:335

好的APP桌面图标是一个APP的标志、形象、无形的说话者。可以引导用户点击使用APP。或者说点燃用户与它交互的冲动。这就是我们要设计好APP桌面图标的目的。


APP设计新手着手制作APP桌面图标的时候,需要了解的知识点:

1、iOS和andorid 所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。直接提供方形的APP桌面图标即可。

2. 桌面图标 (app icon)     设计尺寸:1024*1024 px

 iPhone6 plus(@3x) : 180 x 180

 iPhone 6/5s/5/4s/4(@2x) : 120 x 120


推荐阅读》《APP图标素材,最新iOS9图标模板规范PSD下载》

 

下面我们就以百度钱包品牌LOGO设计为案例,教大家如何制作APP桌面图标。


第一步:APP桌面图标草图阶段

确定好APP桌面图标设计需求和方向之后,即可动手设计草图。如下图所示。

百度钱包logo草图设计

最终定稿的APP桌面图标:

百度钱包logo草图设计2

 

第二步:运用品牌色、定色彩、上色环节。

红色是百度钱包品牌色,同时也是百度三大品牌色之一,红色既能体现百度钱包子产品的品牌,也能突出百度的品牌;“钱包红”和“百度红”两种颜色整体饱和度过高,在产品中大面积使用后,长时间的阅读会产生压抑和抵触感,所以在两种品牌色基础上,加入“百度白”进行融合。经过对融合颜色的尝试和筛选,最终确定百度钱包移动页面红色为:#e94643,为品牌定义色。

百度钱包logo草图设计3

 

 

第三步:品牌元素提炼

圆形:在整个圆形为基础元素的logo设计中,针对logo中的圆形元素,进行发散和尝试,对页面中的部分元素和空间,以圆形形式展现,贴合品牌特性,贴合钱包的形象。


圆角方形:圆角方形作为logo形象中的一部分,具有点睛的作用,是整个logo圆润形象的特殊形状,同时方形的圆角又与整体的圆润感协调呼应


唯一主色调:红色为整个视觉的唯一主色调,风格元素和重点突出元素以红色为唯一主色。

扁平化:结合目前移动端扁平化流行趋势,确定钱包整体视觉风格,简洁而轻薄,在页面元素模块中尽量突出轻薄的风格。

百度钱包logo草图设计4


第四步:根据出来的设计稿大图尺寸1024*1024 去生成各种不同的图标尺寸给到程序员。

APP图标制作的常用工具:photoshop、illustrator、 fireworks、coredraw,设计工具有像素绘图工具,矢量绘图工具,像素图由小变大时会变模糊,影响美观,因此一般都是做大图,然后压缩成需要的各种规格小图。


推荐阅读》《iOS和安卓APP启动图标的尺寸和圆角值详解》

 

最后总结:我们根据自己设计的APP图标logo 需要输出的图标尺寸有以下几种尺寸规格。

图标尺寸输出列表:(单位:PX)

  • 180×180

  • 120×120

  • 87×87

  • 80×80

  • 58×58

  • 57×57

  • 29×29

启动图片尺寸输出列表:(单位:PX)

  • 640×960

  • 640×1136

  • 750×1334

  • 1242×2208


联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/4897.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通