案例——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有所关联。一些设计师将这定义为“视觉易辨别性”。保持概念简约。在大型设备上,复杂的设计不可取。
