（个人）AR电子书系统创新实训第六周（2）

这是我们创新实训的最后一部分，我们的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.效果图

这两个图标都是我的心头肉，我便都放上来了，希望大家不喜勿喷，谢谢！