列表式导航设计

step1

打开Photoshop CC软件，按【Ctrl+N】组合键，在“新建”对话框中设置“名称”为列表式导航设计、“宽度”为750像素、“高度”为1334像素、“分辨率”为72像素/英寸、“颜色模式”为RGB颜色、“背景内容”为白色，单击“确定”按钮，完成画布的新建

step2

按【Ctrl+R】组合键调出标尺，参考线。其中，上面两部分的划分分别为状态栏（高40像素）和导航栏（高88像素)

step3

选择矩形工具，绘制一个和背景同样大小的矩形，填充紫色（RGB：115、60、215）到深紫色（RGB：56、25、159）的线性渐变，渐变角度为90°

step4

将状态栏.psd拖入到当前画布中，并将图层的混合模式设置为“滤色”

step 5

在上面绘制返回按钮，添加导航栏标题文字内容“笔记本”

step 6

选择“圆角矩形工具”，绘制一个宽640像素，高1140像素的圆角矩形，圆角半径为30像素，填充浅灰色（RGB：239、236、246）

step 7

为圆角矩形添加投影图层样式，参数设置如图

step 8

选择“多边形工具”，绘制描边为紫色（RGB：43、49、55）的正六边形

选择“钢笔工具”结合形状工具组及添加删除锚点操作，绘制正六边形内的图标

并在其右边输入文字

step 9

采用同样的方法绘制其他图标和文字

做完收工 Ctrl+s 保存