Fe-interview: [软技能] 第115天 说下你是如何从PS切出图的,有什么技巧?

Created on 8 Aug 2019  ·  10Comments  ·  Source: haizlin/fe-interview

第115天 说下你是如何从PS切出图的,有什么技巧?

软技能

Most helpful comment

一般当你在切图的过程中,你就会知道你该怎么布局了,我的团队里,我都是要求成员自己搞定,不需要用UI人员帮忙,因为他们不知道我们想要啥样的,然后还要跟他们沟通,成本很大……(还有UI请假了,UI离职了,事情还得继续做啊,这点技能必备)
其实切图花不了太多的时间,不复杂的图也就一会的事。
还有个好处就是,自己切图,我们可以在用切片的时候,就给图片命好名字了,导出来后就能直接用,非常方便!
综上,前端人员必须掌握点PS技巧!——切片的使用

All 10 comments

这个,交给ui切

@NicholasBaiYa 自己会切吗?

电脑太卡,ps打不开

一般在布局过程中不使用栅格图,因此没有这个需求。

切片工具切好导出为web所用格式……如果单独的图层,就直接快速导出png。

一般当你在切图的过程中,你就会知道你该怎么布局了,我的团队里,我都是要求成员自己搞定,不需要用UI人员帮忙,因为他们不知道我们想要啥样的,然后还要跟他们沟通,成本很大……(还有UI请假了,UI离职了,事情还得继续做啊,这点技能必备)
其实切图花不了太多的时间,不复杂的图也就一会的事。
还有个好处就是,自己切图,我们可以在用切片的时候,就给图片命好名字了,导出来后就能直接用,非常方便!
综上,前端人员必须掌握点PS技巧!——切片的使用

如果是PS协作就是:
最常用,快速导出PNG(这里涉及合并图层及转化为智能图层)
偶尔,切片(静态类页面用的比较多,可能只有一两个按钮操作,css直接定位)

现在最常用Adobe XD、Sketch,Adobe XD用的过程中很少用到图片,需要图片就自己导或者请UI导,Sketch 因为依赖 MacOS 系统,所有就请UI好好配合了。

蓝湖是个好东西。。。

答题嘛,就答喽!

n久前我自己切图,就是那种ui考虑不到的地方我来切,后来再也没切过。
本人也只会切片,消除,添加文字,切图我只会切简单的,能用就行。
说下我的方式

打开ps,打开psd图层,如图1
图1

选中小刀符号,在图片上裁去,选好了,就按 Shift + Ctrl + Alt + S四个键,弹出保存框

图2

设置属性后保存即可,可以保存所有图片。

除去PS外,Sketch 也可用来切图。

Was this page helpful?
0 / 5 - 0 ratings