在人员配置齐整的互联网公司,产品经理、射鸡狮、程序猿分别负责着产品的上中下游,如何高效沟通不撕逼是每个互联网从业人员应该关注的话题

在人员配置齐整的互联网公司,产品经理、射鸡狮、程序猿分别负责着产品的上中下游,如何高效沟通不撕逼是每个互联网从业人员应该关注的话题,沟通不畅不仅会导致项目停滞,还有可能引发肢体冲突,每一年都有产品经理被打进医院,或者程序猿被祭天的新闻。

今天探讨的是UI设计稿如何运用Pxcook+PS高效切图正确输出图档,从而提升效率的话题。同样视频教程已然非常详尽,如果有些不清楚的点,可浏览半仙哥整理的这份图文教程。

Step1 可自行下载或者公众号回复“Pxcook”即可获取最新版的Pxcook,但是有个小知识点,Pxcook安装包是AIR的格式,须下载和安装“AdobeAIR”方可能正常打开Pxcook的安装包,如下:

Step2 打开PS然后“编辑”>“远程连接”,自行设置密码和勾选“启用远程连接”即可,如下: 

Step3 打开Pxcook,然后选右上角的“切片工具”,即可使Pxcook和PS产生连接,接下来射鸡狮们即可大展拳脚了! 

Step4 下面图标我们可清楚地了解到,如果不统一大小可能要输出4个不同的尺寸,但是强行修改尺寸会改变其形状,造成视觉上的丑陋,故我们的切片原理是每个图标尺寸设置为40*40,不够大小的把周围透明区域也切进去,此刻相信你一定会被半仙哥的睿智所折服,也会被Pxcook的强悍所震撼,接下来我们要做的是如何保证切出透明的背景来。

给每个图标一个矩形背景,大小为40*40,半透明为20%,图层命名和图标样式如下:

Step5 选择Pxcook,然后选择“按选择切图”>“IOS”,“设计”选择“@2x”,输出选择“@1x @2x @3x”,点击“切所选图层”即可切所有的图标了!

当然Pxcook也有些小bug,就是切出的图标有可能会有半透明背景,我们只需再多切一次即可解决掉!总之,搞设计就得不怕试错!

关注公众号:趣设网课,回复“Pxcook”即可获取最新版的Pxcook!

作者:趣设网课(v: uegreat)

本文由 @趣设网课 整理发布。未经许可,禁止转载。

Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)