app启动图标设计-如何设计APP软件图标
1、做好信息传达,贴近用户心理
启动图标是一个工具、一个符号、一种沟通手段。启动图标设计的精确与精致,能够提升移动端应用软件的吸引力。设计师可以根据自己的经验,理解功能需求,确立符号图像,也可以将想法在搜索引擎中查找相关含义,收集大量词语到图形之间转化的视觉元素,表达功能信息。
贴近用户的心理模型最好,用常见的视觉元素来表达所要传达的信息,例如:音乐符图形、放大镜图形就经常在音乐类、查询类应用图标中出现。
2、要运用隐喻,注意色彩的运用
在图标设计中隐喻是必要的思维方法,特别是在对抽象事物进行理解和表述的过程中起到了重要作用,在具体设计中,设计师要对抽象概念先进行描述,然后提取出关键词,再使用字典或网络来检测关键词与抽象概念间是否具有同一性。
其次,启动图标色彩要明快多彩,但色彩的数量也不要太多太杂,只要能使图标在显示屏幕中可以与任何背景对比明显,可被用户立即识别就好。
以上就是环球青藤小编关于APP启动图标的设计要点的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎关注本平台!
案例——APP启动页B612把首页首先加载状态图作为启动页面,当在主屏幕上点击B612图标时会立即显示上面这个启动图像。真正启动后界面会把视频及细节显示出来。
优点:遵循ios建议,尽量让用户不去感知页面的存在,“无缝”进入到应用中去。
缺点:启动页较为单调,不易变通,少了为品牌宣传及获取更多商业价值的途径。
美柚、顺丰速运、滴滴出行,利用品牌性质,加强用户对品牌的直观印象,拉近应用与用户之间的距离。均包含三大要素:LOGA、品牌名称、Slogan。
启动页简约,品牌展示型也是用的较多的启动页类型,是任何app启动页设计均可采用的方式。上述三个app均为白底,美柚和滴滴出行要素均位于底部,纯白色背景,需要时可流畅无缝变通设计成扩展定制型,为需要的功能或活动做推广宣传。
品牌展示型启动页面对于产品而言,可以提高它们的知名度,很好的起到了宣传的作用。在做这类页面时,要注意风格的搭配,不要太突兀,影响了产品整体的视觉效果。如果没有商业需求,有品牌名称和LOGO就足够了,代入感也强,不会犯错。
这三个较前面几个品牌展示型app,启动页更为丰富。飞猪根据app内容特征,在启动页底部增添了类似地球的元素,表示世界之大,有一定情怀性;百果园app利用新鲜甜美的水果作为背景,也跟自身内容很好结合,让人看了垂涎欲滴,也是利用启动页起到了宣传引人购买的作用;百度地图则将其图标放大置于中心,更清楚明了,也让用户感觉定位精准的含义。
根据app内容增添元素可带用户更好的认识理解品牌,加强用户对品牌的记忆,或增加情怀,同时达到潜在目的,但要与app整体效果搭配,不要喧宾夺主、造成混乱。
推广宣传型的变招,普通启动页和推广宣传启动页的结合。在APP启动界面出现后,再次叠加一张页面,通过对第二张页面的定制达到想要的效果。
此类启动页视觉要衔接、色彩搭配,否则就会像硬广告、突兀。如QQ音乐用了渐变效果,视觉衔接性更强。而智联招聘、婚礼纪的整个色彩也能承上启下,比较搭配,让用户不会过于反感。
品牌页加入了定制语言,让人内心平静,有阅读情怀;同时运用了动画,使画面更衔接流畅,但由于运用动画,启动速度相对较慢。
全面K歌品牌型用的白色,app主页面也是白色背景,而推广宣传则不同。同样,爱奇艺品牌型用的黑色,app主页面也是黑色,而推广宣传是大红色背景。色彩上不能承上启下,给用户就是硬加广告,突兀闪屏的感觉。
启动页面使用意境化启动页,引起情感上的共鸣。音乐本来就要走情怀,酷狗音乐品牌页上用了很多人听演唱的背景,暗含音乐背后的力量,表达音乐能深入人心,亦能凝聚人。
信息强调型更加注重自身APP的宣传,一般为某一功能或特点的认知加强。酷狗音乐利用启动页强调5.1全景音效功能,为app功能做了宣传,依旧用蓝色背景作为过渡,有承上启下作用。
运用了动画,画面较流畅,使得广告植入不那么生硬,用户接受度会相对较高。但缺点是容易拖慢启动速度,等待时间较长。
如何设计APP软件图标每一个iOS应用都会以一枚APP启动图标的形式展现给使用者,它能传达应用程序的基础信息,并能够给用户带来第一印象感受。它能直接引导用户下载并使用应用程序。UI设计人员有时设计出来的图标看起来很炫,但是投入市场后却得不到用户的认可,点击率很低,这其中的原因很多,单从视觉设计的层面讲,如何提升APP软件图标的视觉效果从而提升点击率已经成为每一个UI设计人员都应该考虑的问题。
一、APP软件图标的视觉设计
1.视觉设计要符合平台开发的设计规范性
——不同的应用平台往往会产生截然不同设计结果。了解学习平台开发规范,磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。
2.视觉设计要找到共性,抓住个性
——分析了解同类的APP软件及各自图标设计的定位,找到设计方向的共性及其自身软件的独特个性。在itunes里搜索软件关键字会发现有很多相似的图标。从搜索结果中不难发现,那些APP软件图标会吸引用户的关注。
3.视觉设计要力求设计表现的完整性
——明确任务,大胆设计;简化设计元素(主图形、辅助图形),突出设计主题;层次分明,不刻意追求质感。
4.视觉设计要遵循横向、纵向比较的统一性
——设计好图标后,放在同类别APP图标中,去审视自己设计的图标是否能够抓住用户的眼球;有时不同平台会产生不同的视觉效果,某些系列化的APP软件产品更需要通过比较来分析产品的统一性。比较之后可以有针对性的微调、预调,但不要随便更改设计意图及表现形式。
5.视觉设计要保持设计过程的连续性
——随着软件版本的升级,APP软件图标也应该在产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。
二、APP软件图标的设计方法
2.重视APP图标视觉设计的层次感,质感表现恰到好处。
3.在APP图标的视觉设计过程中不要浪费一个知名品牌的现有的元素。
4.在设计过程中运用直接了当的文字内容表现隐喻的设计主题。
5.在设计过程中运用行业标准图形或主题图像概括主要内容。
6.在设计过程中最大限度的激发用户的好奇心。
三、设计APP软件图标时容易出现的问题
1.陶醉于无意义的视觉质感,主题重点本末倒置。
2.APP软件启动图标主题元素与软件内容脱节,缺少关联。
3.在设计过程中胡乱使用文字表达主题。
4.设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异,看不清所要表达的主题。
5.APP软件图标给用户的视觉感受“粉”“灰”“模糊”。1、色彩方面:简单特别的图案有助於icon脱颖而出。慎重使用颜色不要打翻调色板,有时候甚至一两种颜色就已经足够了。
2、试著去只用一个标识或者字母去完成icon吧,Ness,Pocket,Vine,Snapguide和Pinterest都是成功的案例。
3、保持创意创意是脱颖而出的好办法。
4、完成了一个icon之後,不要忘了在各种颜色的桌布上测试icon的显示效果。另外也不要忘了将icon放在资料夹中测试一下显示效果。最後,在使用者的设备上,icon会以不同尺寸出现,设计者需要确保icon在所有尺寸下看上去都很舒服。
5、在老款的屏幕只能提供16位标准色彩。新款屏幕的色彩深度和光滑度则要更好,但不同款屏幕之间的差别也大。基于此,设计师应优先为原始16位色彩的设备设计Logo,以保证Logo在所有设备上都能良好显示。APP图标应与品牌的全尺寸Logo有所关联。一些设计师将这定义为“视觉易辨认性”。保持概念简洁。在小型设备上,复杂的设计不可取。
logo设计
创造品牌价值
¥500元起
APP开发
量身定制，源码交付
¥2000元起
商标注册
一个好品牌从商标开始
¥1480元起
公司注册
注册公司全程代办
¥0元起
查
看
更
多
- 官方电话
-
官方服务
- 官方网站
- 八戒财税
- 知识产权
- 八戒服务商
- 企业需求
- 数字市场
