扁平化概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果。在手機系統直接體現為:更少的按鈕和選項,簡單直接將信息和事物的工作方式展示出來,有效減少認知障礙的產生,使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 完成效果圖