1.本课主要学习内容扁平化图标的风格与分类,具体如图所示。
2.扁平化图片的定义,扁平化设计,奉行的是极简设计理念,抛弃任何三维特效(如阴影、渐变、纹理等)回归最简单的应用元素和排版,具体如图所示。
3.扁平化设计的定义,扁平化设计是通过简单的图形、字体和颜色来达到直观、简洁的设计目的,具体如图所示。
4.扁平化图标的分类与风格,第一个,【纯扁平图标】,纯扁平特点是简洁清晰,识别度良好,色彩明朗,强烈的层级感,缺点是,在设计纯扁平图标时,颜色需要做到有冲击力,否则肉眼识别度不高,具体如图所示。
5.第二个,【长投影图标】,优点是色彩对比度大,有明显的长投影,创造出鲜明的层次感与立体感,缺点是,由于每一个图标都带有同一个方向的长投影,会造成用户视觉疲劳,具体如图所示。
6.第三个,【折纸风图标】,折纸风又可以称为3.0图标,它的图标会带有一些轻微的折痕,有折痕会造成丰富的层次感,结构也会更加明显,缺点是阴影和高光太过明显,在每个图标位置都会有弯曲,具体如图所示。
7.第四个,【轻折叠图标】,轻折叠,层次感更加明显,颜色区分更加明显,轻投影营造轻盈的感觉,视觉统一性好,具体如图所示。
8.第五个,【微扁平图标】,微扁平是今年比较流行的图标,有一定的厚度,具有明显的立体感,有一些相对复杂的细节,例如高光渐变阴影,统一性不明显,具体如图所示。
9.第六个,【轻质感图标】,轻质感最近几年开始流行,特点是干净简洁,有一定轻微的渐变投影,具有一定的精致感,轻投影创造出立体感,具体如图所示。
10.第七个,【情感化图标】,情感化图标看上去让人感觉有趣或者有故事,有三种水平的设计与产品特征,对应关系,第一种本能水平的设计,第二种行为水平的设计,第三种反思水平的设计,具体如图所示。
11.本课内容小结,具体如图所示。