最近在整合App更新模块，完成后瞬间觉得整个人都轻松了不少。虽然代码这块完成了，但整个样式还需要再打磨打磨。看到别人家的更新界面，再看看自己的，简直不忍直视啊...
这里大致说下制作思路，需要psd文件的可以私信。
更新提示
更新提示
你们肯定猜到哪个是我的~
经过设计包装，看看新的样式
新更新界面
瞬间高大上，有没有。
由于个人对设计还是有点兴趣，就本着自己动手丰衣足食，为了节省时间，部分资源从网上拿来改造使用。这次用到的工具有Ps和Ai，Ps用来P图的，Ai主要是处理svg矢量文件。
今天要制作的就是这块，暂且叫banner了。
Banner
其实这个banner整体不是太复杂，就火箭、云朵、文字、背景渐变及个别点缀。看到这些元素我们先别急，除了火箭稍微复杂点，其他的我们可以通过Ps自己做。当然火箭也是有方法的，阿里有个矢量图库（Iconfont），我们可以去那里找找。
移动鼠标至目标图片，选择下载，根据需要进行选择。
Iconfont
如果不需要调整可以直接下载png格式，我们这里下载svg，方便后续调整。其他资源可以这里搜搜看，还是挺丰富的，话说找资源也是个技术活。
图标下载
Ps工程建立后，我们先使用圆角矩形工具画好背景，圆角半径跟进需要调整。然后调整图层，增加渐变效果，然后下移图层，给火箭留点空间。
背景制作
接下来画云朵，从路径上看是很多大圆小圆合并的。
云朵制作
然后是火箭和点缀，如果不怕麻烦都可以用Ps进行布尔运算来制作，我们这里就用前面找的资源了，需要用到Ai，打开下载的svg文件，可以使用Ai进行颜色调整。
Ai打开svg文件
调色
在Ai中Ctrl+A，全选图层，Ctrl+C进行拷贝。切换至Ps中Ctrl+V进行粘贴，选择智能对象。然后按Ctrl+Enter确认。拖动图层到需要的位置。类似横H的也类似操作，完善后大致效果如下。
粘贴Ai资源
图标智能对象
细节调整，加上提示文字。然后将做好的图片放置项目中。
软件设计
这里操作复杂，主要是用了Ps的矢量技术，可以根据需要进行放大（调整图像大小），下图是调整了一倍，依然很清晰。仅仅是位图的话操作要简单不少。
放大效果
当然肯定还有其他操作方式，这里仅分享个人思路，谢谢大家。
閱讀更多 鋅樂網訊 的文章
