一款简洁的垂直导航，详细步骤+源文件

又是一个简单的导航临摹步骤，我把练习步骤贴出来与大家分享

希望对初学者有所帮助

 

步骤2，创建导航背景，下面忘记写了，颜色是#5a5a5a

 

设置灰色块的图层样式，内阴影+渐变

 

设置完渐变的时候效果出来啦

 

好，复制背景，行距是3px

 

为导航条写上标题

 

下面设置圆圈的样式

图层样式设置完毕把图层不透明°设置为70%

 

加上箭头得到效果

 

最终效果

临摹作品，原创步骤