首页 » 设计基础 » 规范基础 » 正文

2.1.3 UI设计基础课程-设计风格之三确定启动图标

发表于: UI设计者 – 一个免费自学UI设计APP · 2016-1-29  · UI设计师投稿  ·  63 views  · 

2.1.3 UI设计基础课程-设计风格之三确定启动图标

设计一个产品,先确定图标颜色。

什么颜色的启动图标更吸引眼球

除了举例最为有效的方式是尽可能的多配图,首先人类对图标的理解是最为快速的,可能你写了很多长篇大论还不敌一张图来的明晰。永远不要高估读者的理解能力。
images

第一排的三个图标是饱和度较高的图标,第二排前2个是饱和度和明度双高的图标,第三排的bilibili和得到都是饱和度低明度高的图标,QQ音乐和全民K歌是最特殊的白色背景。

那么实际上这些图标放在一起最抢眼的是饱和度和明度双高的图标,即唱吧和虾米音乐;最弱的是饱和度低明度高的图标,即bilibili和得到;其次白色背景图标也相对较弱。
images

国外的设计师Micheal Flarup曾经就越来越多的app大量使用白色背景产生了质疑,他甚至在上发布了一条动态,如上图写道:我们需要开个会专门谈谈白色的APP图标!

那么白色背景的启动图标被大量使用的原因是什么呢?是因为iOS7对于交互界面扁平化和APP图标简单化的引领和推动作用。在APP图标设计甚至是APP界面设计趋向干净和简单的背后,都一个非常有趣的动因:想要在画布上留白的意愿。

但是白色背景相对于色块类的app启动图标存在感明显减弱,我们可以看下images

在启动图标设计中,多样性的缺乏会伤害用户体验,并且会搅乱产品在用户心中的形象。在扁平化时代的来临,我们可以快速在1,2个小时内输出一个APP启动图标,但是越来越多的APP图标都长的太过相似了,这会从根本上减弱产品与用户之间的关系。

但在国内白色背景图标实用上并没有那么多,所以不管使用白色背景图标与否,保证我们的启动图标样式的多样性,是否能够传递品牌特点是需要我们思考的课题。

 

本文链接: http://www.shui-mai.com/2016/01/29/213uishejijichukecheng-shejifenggezhisanquedingqidongtubiao/
1 like+
«上一篇: :下一篇»

相关文章

2019最新UI适配设计规范iPhone XR、iPhone XS、iPhone XS Max

iPhone XR、iPhone XS、iPhone XS Max发布已经有一段时间了...

2018最新APP Android UI设计规范

2018最新APP Android UI设计规范   设计稿尺寸 从目前...

微信小程序UI设计规范及文档模版

UI设计者整理一下,为方便UI设计师和交互设计师进行设计,...

微信小程序交互设计规范(三)

微信小程序交互设计规范(三) 结果反馈 除了在用户等待的...

微信小程序交互设计规范(二)

微信小程序交互设计规范(二) 下拉标示区 微信类所有小程...

微信小程序交互设计规范(一)

  【还未有UI设计基础的同学,可暂时跳过此文】 微信...