这是我们创新实训的最后一部分,我们的app已经能实现基本的功能了。在接下来的部分,我设计了app图标。
1.思考……
app图标的重要性我就不多说了,app图标是应用功能的核心体现,所以我尽量从各个方面对其进行深入的思考。
我们的实训内容是关于AR电子书,我首先从其中提取核心要素, AR和宣传册 ,更直接的要素是书,相机,视频,围绕着这几个要素我开始了设计。
2.纠结过程
我首先确定主色调,与界面不同的是,app图标既要适应浅色背景也要适应深色背景,换句话说就是要让app的图标在浅色和深色都“看得清楚”。再配合之前的主色调,我将图标的主色调定位蓝色和白色。
设计app图标的一个关键是多尝试,多在纸上进行设计,因为操控纸笔远比操控ps要简单很多。
我先在纸上将这几个要素进行形象化,AR的具象不太好找,所以我暂时没想这个。而相机的特点就是镜头,视频的表示方法可以是播放键,书本的表示方法可以是二维平面普通的书本。
结合这几个特点,我对其进行了组装尝试。
3.设计过程
我从两个不同的角度设计了两个图标,当然最后只能选择一个。但我觉得这两个设计思路有一定的意义,所以我便都放上来了,希望整个设计思考的过程对大家有启发。
第一个
由于我们的app是关于AR的,而AR的核心就是通过在二维图片与三维视频中的转换,所以我从中提取两个关键的要素,相机与播放键。
通过多次的组合,我最终将相机暗藏在播放键中,在相机中进行了高光处理。
- 开始的时候我的播放键只是普通的圆角三角形,后来觉得有些呆板,所以我就讲圆角三角形变为稍微有些弧度的圆角三角形。就有了最终的图标。
效果图见文章底部。
第二个
第一个偏向于从AR的基本角度解释AR的工作原理,可能有部分人不太能理解。所以我在第二个图标中直接向AR字母作为主要要素,将其他的辅助要素当做配件添加到图标上。
首先对于AR这两个字母的处理,为了看起来更简洁美观,我将A和R这两个字母都进行了适当的变形,添加了效果
为了表示书本,我特意将R字的部分隐去,添加线条,让其形似“书本”
为了表示视频,我将播放键缩小放在“书本”的中间,暗含着书本转换为视频
由于图标较小,为了能看清播放键,我将播放键的颜色设为红色,那样就能一眼看出播放键
最后我再做了整体的细微调整,添加了一些效果等。
效果图见文章底部。
4.效果图
这两个图标都是我的心头肉,我便都放上来了,希望大家不喜勿喷,谢谢!