我用 sketch 做完 UI 设计图,开发非得要 psd,为什么?

2018-05-22 21:13:39 +08:00
 t840993923
好不容易用 sketch 做的 UI 图,今天拿去给前端人员,他们说要 psd 格式,说 sketch 没用过,不会用,这个我该怎么办?
11790 次点击
所在节点    设计
51 条回复
millionart
2018-05-23 01:05:46 +08:00
@hvanke 支持你的观点,只是,Photoshop 自动生成 png 了解下
coolcoffee
2018-05-23 01:09:40 +08:00
sketch 的确可以导出 html 标注,而且大部分素材都切好了,但是仍然有一定比例的图片素材没办法导出,Mac 系统下个客户端好歹能用,但是其他用 Windows 的同事就很不方便了。

后来我们商量的结果就是,需要素材提取随时找设计,而且设计也会第一时间响应,这样前端就没什么好抱怨了
oh
2018-05-23 01:29:28 +08:00
@hvanke PS 导出透明 png 不就在图层里右键就有吗……
jasperjia
2018-05-23 07:59:17 +08:00
我还认识一堆前端没听过 sketch 呢(无奈)
jkeylu
2018-05-23 08:58:43 +08:00
可以上传到 zeplin 或 蓝湖
LeungJZ
2018-05-23 09:30:31 +08:00
如果前端用 mac,前端的锅。
如果前端用 win,你的锅。

你给前端页面就别发源文件,直接导出打包发给前端就可以了。
Gimini
2018-05-23 09:38:01 +08:00
主要是 win 上没 sketch...
tanranran
2018-05-23 09:56:38 +08:00
蓝湖了解一下
??



tanranran
2018-05-23 09:57:51 +08:00
蓝湖

https://lanhuapp.com/


支持 PS 支持 sketch


自动标注 共享切图 同步更新
Mysdes
2018-05-23 09:59:11 +08:00
导出标注文档给他就好了,他会喜欢上这个新东西的
jimliang
2018-05-23 10:01:24 +08:00
是不是你没标明尺寸、字体大小和颜色什么的,不然光靠设计图远远不够
justfindu
2018-05-23 10:02:17 +08:00
他想要你把图都切好
hlwjia
2018-05-23 10:08:42 +08:00
我感觉这是你要解决的问题呀,你要提供给前端一个他能看懂,有标注的东西就可以了。

前端不是负责设计的工具的;想想,如果前端也让你导出一份 css 出来,或者让你把 js 效果写一下

另外,导出个 html 给他,不就完了。你为什么非要给他个 sketch,不管他用的是不是 mac 都不应该要求他能打开 sketch 啊

我认同 sketch 好用,我也用 sketch,也写前端;在以前的工作环境里,从来没听过要前端打开 sketch 的
hlwjia
2018-05-23 10:09:26 +08:00
是不是有可能你自己也没有把 sketch 用地很熟练?
evlos
2018-05-23 10:27:27 +08:00
一是那个前端辣鸡,那么简单一个软件不会用,二是你可以导个网页版
luoway
2018-05-23 10:44:16 +08:00
Measure 标注就免了吧,图层堆叠遮挡的时候标注只能看表层。
前端要高度还原视觉稿,还是免不了打开源文件的。

楼主的问题说到底是沟通问题,事先没有了解怎么产出,就用小众的 sketch 开做了,结果不外乎 PS 再做一遍,或前端给面子学下 sketch。
t840993923
2018-05-23 15:10:47 +08:00
我没有说明白,其实我们不是一个公司,我们是甲方,负责规划出图,乙方是外包公司负责开发搭建,把我们已经把 sketch 软件发(盗版)给他们,只要打开我们的设计稿,需要什么图标导出即可,可他们还是软件不会用为由,要 psd 文件,搞得我们很被动。
Eraspace
2018-05-23 16:19:54 +08:00
第一次见到如此被动的甲方,如果是第一次合作,确实需要花费一些对接成本,心平气和谈一下吧,也算是增进了解。
GuangTsang
2018-05-23 17:58:52 +08:00
Measure 插件导出浏览器文件
sobigfish
2018-05-23 18:58:56 +08:00
@t840993923 #37 ls @duskdandelion 给你了解决办法啊
划重点:
用 Adobe XD 可以导入 Sketch 的文件
Adobe XD 免费

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/456957

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX