有一款为UI设计专门量身打造的超轻便软件，它运用了PS和其他软件，可能很多人对其较为陌生，它能够进行矢量图制作，适用于图标设计切图、web设计、vi设计等，其插件也正在进一步持续完善，通常熟悉PS的人花一周时间就能开始使用这款软件，自从用上它之后，几乎要将PS和AI弃用了。

切入正题——————————

在这次临摹的demo当中，发现站酷上面已经有人进行了临摹，并且上传了相关内容，然而此人并没有写下一些什么东西，仅仅只是展示了几个不一样的样机，那么我就来说一下这个东西是怎么做的。

最终效果（如上图）：

效果总体来说还是很赞的，用到的工具：PS、Axure、

据此界面剖析可知，是先完成ui界面制作，而后将其放置于样机之内，值得称赞之处在于左边呈现3D效果的外框，点击psd源文件便能知悉具体情况，在此感谢原作者创作出这般优质的内容，若有人知晓相关信息烦请告知我。

首先是界面的制作

先来说页面背景图，我于网上下载得到后加以处理，从而获取到最终的效果，鉴于整体呈现为紫色色调，故而将其修改成下边这样的效果呦。

应该大部分人都知道，ps进行图片处理，首先要做的是修改饱和度，随后就得添加紫色的渐变映射，接着要调整亮度对比度，再去调整色彩平衡，最终达成上图呈现的效果，之后把它剪切到app界面规定的尺寸，然后贴上去就行啦。

ps处理完之后，我在上面所做的demo中，有一个规格为1134乘750的，其中上面的导航栏部分，其宽度为40px，字体大小为46px，小图标尺寸是44px，在下面的标题栏高度为88px，下面的部分则是按照自己内心的感觉调整好的。

有的时候去制作app之时，会需要运用到诸多的头像、风景、字体等等，针对这类的制作而言，给大家分享一种极为快捷的方式，就以图片作为示例来讲：在里面添加了插件，先是拖出好多原形或者矩形，之后选中它们，接着选择插件，随后。

如下图，选中photo：male 等 就会产生下面的效果

会发觉所选中的图形皆已然变成了图片，是不是特别神奇！对于文字、邮件类型以及手机类型进行批量修改之后便无需再担忧了，这着实是能够提升工作效率的。

这是侧边栏所达成的一种效果，这是安卓系统中极为常见的导航栏呈现方式，具备方便快捷且不占用空间布局的特点，同时也不存在什么突出之处，左侧的导航栏是经过图片处理的。

将要修改的图片置于ps之中，按照上面那个图片的修改途径使之变为紫色，最终能够依照自身的喜好增添高斯模糊或者渐变以达成上面呈现的效果。

这个同样如此，关键在于诸多细节，左边栏目里文字与图标需对齐sketch ios ui design，如此才会呈现出极为工整的状态。

这个背景图也是用的上面的图片。

这是看过他人灰色的之后，我认为做成紫色会更具美观度进而进行修改的，细节大概平常，不过整体感觉尚佳，软件着实强大，所有小图标的构建都是在其上达成的，能直接导出@2x或者@3x等的图标尺寸，后缀也能够自行定义，宛如为ui设计专门打造的一般。

其最终完成之后，将其倒入至样机psd文档之内，呈现出如下这般的效果，即拥有这样一个替换界面文档，接着再替换掉侧边文档，不管你所拥有的是怎样的界面，均可达成下面所呈现的3D效果。

顿时感觉高大上了有木有～～

再来个

呀sketch ios ui design，第一篇文章写完啦，希望能给大家带来好的感悟，

你提供的内容似乎并不是一个完整的句子呀，请你提供具体的句子以便我按照要求进行改写。

想要在手机之上，于被窝之中，去获取平面设计的教程经验分享，以及各种令人意想不到的资源“福利”吗？

添加上，平面设计，Ps教程，学习的微信号，是平面设计PS教程学习的全拼，【 】。

如有侵权请联系删除！