扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。在手机系统直接体现为:更少的按钮和选项,简单直接将信息和事物的工作方式展示出来,有效减少认知障碍的产生,使UI界面变得更加干净整齐,使用起来格外简洁,给用户带来更加良好的操作体验。例如:Windows、Mac OS、iOS、Android等操作系统的设计已经往“扁平化设计”发展。
1.任务描述
在任务1线性图标设计好的基础上,完成创意扁平化图标的设计。
线性图标 扁平化风格图标
2.思路剖析
(1)使用钢笔工具、转换点工具、直接选择工具、路径选择工具绘制出耳朵、脸部的路径。
(2)设置前景色进行填充。
(3)制作高光效果。
3.任务实现
(1)打开素材。
(2)绘制耳朵内侧。使用“钢笔工具”、“转换点工具”绘制耳朵内侧轮廓。如图1所示。
图1 绘制耳朵内侧轮廓
(3)耳朵内侧进行颜色填充。将前景色进行设置,按【Ctrl】+【Delete】组合键,按【Alt】+【Delete】组合键使用“前景色”进行填充,如图2、图3所示。
图2 设置前景色 图3填充前景色
(4)绘制脸部。使用“钢笔工具”、“转换点工具”绘制耳朵内侧轮廓,如图4、图5所示。
图4 绘制脸部路径
图5 脸部填充颜色
(5)整个轮廓填充颜色。将设置前景色为橙色,按【Alt】+【Delete】组合键使用“前景色”进行填充,如图6所示。
图6 设置前景色 图7 整个轮廓填充颜色
(6)制作高光效果。将前景色设为白色,如图8所示。在【路径】面板单击新建一个路径,使用“椭圆工具”绘制一个大小适中的椭圆,如图9所示。按住【Ctrl】+【Enter】组合键,将路径转换为选区;回到【图层】面板,新建一图层,将其命名为“高光”,按住【Alt】+【Delete】组合键,完成红色填充,并调整其大小,移到合适的位置。如图10、图11所示。
图8 设置前景色为白色 图9 绘制椭圆路径
图10 填充为白色及调整位置 图11 完成效果图