跨色度渐变，视觉更加丰富，年轻时尚活泼。多用于直播、社交、视频、游戏类。需要注意的是，颜色跨度多为近似色。如图（1-12）
图（1-12）
投影
投影的加入，使得图标带有略微的立体感，需要注意的是，投影切忌使用黑白灰色，会显得过脏。正确的做法是，吸取背景色，然后做加深处理，投影参数没有固定数值，依视觉而定，略微带点投影就行，不能做得太厚实，也不能做得太弥散。投影通常下移4-6px距离。如图（1-13）
图（1-13）
折纸剪影
折纸剪影的效果略像之前的微写实，加入更多细节，视觉更加丰富，使用非常频繁。在做折纸剪影效果的时候，需要先对图标进行分型，把图标按结构分成几个块面，就像"肌肉的线条"使用"折纸原理"理解其结构。然后对需要"折纸"的部分做一个白色至深色渐变。"折纸"部分不宜过多，通常在图标的10%左右。如图（1-14）
图（1-14）
线性图标
断线
在做断线风格的时候，就像小时候画的一笔画，注意断线结构，避免生硬的断线，且造型简单，不要过于复杂。一般在图标右下角断。在断线的基础上可以做一些独特的设计语言，断线的边缘可以是一个曲线。如图（1-15）
图（1-15）
颜色
双色的使用使图标视觉更加丰富，一个主色和一个辅助色搭配，两种颜色可以互为补色，也可以是类似色。辅助色占比30%左右。如图（1-16）
图（1-16）
线面混合
线面混合也是常用的一种设计手法。面的颜色通常为APP的主色调。填充手法通常分为两种：一种是投影填充，另一种是线框内寻找一个面填充。填充比例不宜过多，30%-50%、且线条颜色通常为黑色。如图（1-17）
图（1-17）
融入品牌基因
品牌设计越来越重要。应用越来越广泛，将自己的设计语言（logo、辅助图形）融入到海报、banner、界面、图标等。越来越多的产品在图标中用到了自己的logo，如图（1-18）
图（1-18）
还有些产品logo不太好运用，但是从logo里面提出符合产品气质的辅助图形，加以运用。如图尖叫设计（1-19）logo是偏斜的线条，营造出一种倾斜美感，标签栏图标从logo提取出这一设计语言，顿时使图标具有独特的设计感。
图（1-19）
好了，讲了这么多图标的东西，相信大家对"如何设计出好看的图标"这句话应该有了一套自己的方法论。实践大于理论，还是得靠自己动手去做！下面进入第二个板块，也是APP设计中的第二个要素：
2.板式的原理你知道吗
2.1栅格系统
由来
1692年法国国王路易十四命令成立管理印刷的皇家特别委员会。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们采用方格为设计依据，每个字体方格分为64个基本方格单位，每个方格单位再分成36个小格，这样印刷版面就有 2304个小格组成，在严谨的几何网格中设计字体和版面来试验视觉传达的功能。栅格系统英文是"grid systems"，是一种平面设计的方法。栅格系统运用固定的格子设计版面布局，其风格工整简洁，这种方法现在也被应用在移动设备和网站设计等领域里。科学的栅格会给人一种秩序的美感和现代感。这也是栅格系统最早的雏形。
创建栅格系统
我们定义为：每一列宽度为a，间距为i，列数为n，总宽度为w，计算公式则为(a+i)*n-i=w。
当然每个应用的尺寸不止可以整除成一种栅格，这就要看我们内容排版的疏密程度了。内容信息较密集的，每列宽度较小，列数较大；内容信息比较稀疏的，宽度较大，列数较小。这样就完成了一个布局非常科学的设计了。如图（2-1）：
图（2-1）
飞特游客
委托设计