我用 sketch 做完 UI 设计图,开发非得要 psd,为什么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
t840993923
V2EX    设计

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

  •  
  •   t840993923 2018-05-22 21:13:39 +08:00 via Android 12337 次点击
    这是一个创建于 2700 天前的主题,其中的信息可能已经有所发展或是发生改变。
    好不容易用 sketch 做的 UI 图,今天拿去给前端人员,他们说要 psd 格式,说 sketch 没用过,不会用,这个我该怎么办?
    51 条回复    2018-07-06 22:14:43 +08:00
    herozhang
        1
    herozhang  
       2018-05-22 21:19:12 +08:00
    现在说自己这不会那不会都这么理直气壮了么。。。
    ChiangDi
        2
    ChiangDi  
       2018-05-22 21:32:31 +08:00
    离职吧
    CFO
        3
    CFO  
       2018-05-22 21:34:40 +08:00 via Android
    学不会是一回事 不愿意学就是另外一回事了
    关键问题在于你们俩谁说了算 讲道理不应该谁是老大听谁的吗?
    maemolee
        4
    maemolee  
       2018-05-22 21:37:12 +08:00
    你们的前端用的是 Windows 吗?
    crysislinux
        5
    crysislinux  
       2018-05-22 21:39:07 +08:00
    你们前端要是 windows,公司又不配 mac 的话,就是你的锅了。。
    CloudnuY
        6
    CloudnuY  
       2018-05-22 21:48:06 +08:00
    用 Sketch Measure 给他打个包
    HangoX
        7
    HangoX  
       2018-05-22 21:56:42 +08:00 via Android
    pxcook 导出给他就好了,前端用 win 也没办法打开 sketch 吧。
    kingcos
        8
    kingcos  
       2018-05-22 21:58:56 +08:00 via iPhone   2
    我觉得还是沟通问题吧…
    工具都是为人所用的,别被工具绑架啊…
    NonClockworkChen
        9
    NonClockworkChen  
       2018-05-22 22:01:17 +08:00
    有些前端是没有 mac 的,可以理解。。。
    不过呢,有些就是用 mac 也要 psd- -这就
    0x5e
        10
    0x5e  
       2018-05-22 22:03:00 +08:00   1
    你就说 psd 没用过,不会用
    0x5e
        11
    0x5e  
       2018-05-22 22:04:23 +08:00
    (开个玩笑
    orancho
        12
    orancho  
       2018-05-22 22:25:40 +08:00   2
    zeplin.io 了解一下
    xiaojie668329
        13
    xiaojie668329  
       2018-05-22 22:43:57 +08:00 via iPhone
    可以到处 html 啊。
    POPOEVER
        14
    POPOEVER  
       2018-05-22 22:47:13 +08:00   1
    阿里语雀了解一下
    hvanke
        15
    hvanke  
       2018-05-23 00:06:07 +08:00 via iPhone
    作为前端稍微搜下就能学会 sketch 里的切图,而且导出透明背景 png 比 ps 方便太多了。感觉也可以给你们前端做个分享会
    Interstellar
        16
    Interstellar  
       2018-05-23 00:11:11 +08:00
    Sketch Measure 很好用
    FrankFang128
        17
    FrankFang128  
       2018-05-23 00:19:22 +08:00
    导出网页啊……
    Sivan
        18
    Sivan  
       2018-05-23 00:27:23 +08:00 via iPhone   2
    设计师用 Sketch 没毛病,但是强制要求前端配合设计师的工具升级本身也不合理,过两天是不是又要求前端必须安装掌握 Adobe XD 了。这种情况你完全可以 Sketch Measure 导出一份嘛。

    另外 PS 很多公司有企业采购,用 Sketch 让前端每年自掏 $99 会费吗?
    0x338
        19
    0x338  
       2018-05-23 00:30:55 +08:00 via Android
    @kingcos 正解
    duskdandelion
        20
    duskdandelion  
       2018-05-23 01:00:30 +08:00 via Android   2
    用 Adobe XD 可以导入 Sketch 的文件,然后再导出成 psd 格式就行了。Adobe XD 前几天还永久免费了
    millionart
        21
    millionart  
       2018-05-23 01:05:46 +08:00
    @hvanke 支持你的观点,只是,Photoshop 自动生成 png 了解下
    coolcoffee
        22
    coolcoffee  
       2018-05-23 01:09:40 +08:00 via iPhone   1
    sketch 的确可以导出 html 标注,而且大部分素材都切好了,但是仍然有一定比例的图片素材没办法导出,Mac 系统下个客户端好歹能用,但是其他用 Windows 的同事就很不方便了。
    后来我们商量的结果就是,需要素材提取随时找设计,而且设计也会第一时间响应,这样前端就没什么好抱怨了
    oh
        23
    oh  
       2018-05-23 01:29:28 +08:00 via iPhone
    @hvanke PS 导出透明 png 不就在图层里右键就有吗……
    jasperjia
        24
    jasperjia  
       2018-05-23 07:59:17 +08:00 via Android
    我还认识一堆前端没听过 sketch 呢(无奈)
    jkeylu
        25
    jkeylu  
       2018-05-23 08:58:43 +08:00 via iPhone
    可以上传到 zeplin 或 蓝湖
    LeungJZ
        26
    LeungJZ  
       2018-05-23 09:30:31 +08:00   1
    如果前端用 mac,前端的锅。
    如果前端用 win,你的锅。

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



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

    htts://lanhuapp.com/


    支持 PS 支持 sketch


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

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

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

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

    楼主的问题说到底是沟通问题,事先没有了解怎么产出,就用小众的 sketch 开做了,结果不外乎 PS 再做一遍,或前端给面子学下 sketch。
    t840993923
        37
    t840993923  
    OP
       2018-05-23 15:10:47 +08:00 via Android
    我没有说明白,其实我们不是一个公司,我们是甲方,负责规划出图,乙方是外包公司负责开发搭建,把我们已经把 sketch 软件发(盗版)给他们,只要打开我们的设计稿,需要什么图标导出即可,可他们还是软件不会用为由,要 psd 文件,搞得我们很被动。
    Eraspace
        38
    Eraspace  
       2018-05-23 16:19:54 +08:00   1
    第一次见到如此被动的甲方,如果是第一次合作,确实需要花费一些对接成本,心平气和谈一下吧,也算是增进了解。
    GuangTsang
        39
    GuangTsang  
       2018-05-23 17:58:52 +08:00   1
    Measure 插件导出浏览器文件
    run2
        40
    run2  
       2018-05-23 18:58:56 +08:00   1
    @t840993923 #37 ls @duskdandelion 给你了解决办法啊
    划重点:
    用 Adobe XD 可以导入 Sketch 的文件
    Adobe XD 免费
    millionart
        41
    millionart  
       2018-05-24 02:07:55 +08:00
    @t840993923 你可能需要再发个汉化包(滑稽)
    GuangTsang
        42
    GuangTsang  
       2018-05-24 10:39:02 +08:00
    @luoway sketch 小众,我怕你是刚入行吧
    toou123
        43
    toou123  
       2018-05-24 11:22:52 +08:00
    没有 mac
    nekoleamo
        44
    nekoleamo  
       2018-05-24 15:29:22 +08:00
    好吧,我为了配合几个部门的 UI,sketch、PSD、蓝湖都用过了~~~
    keventseng
        45
    keventseng  
       2018-05-24 16:45:39 +08:00
    这个其实就是沟通上的问题了,毕竟是团队,讲求协助的。不能因为他们不会用 sketch 就怪这怪那的。毕竟你也不能强求他们学更多,毕竟学 sketch 是有条件的,公司没配 mac,他们没用 mac,那么他们也是没机会去了解的。
    leaf00
        46
    leaf00  
       2018-05-25 14:37:39 +08:00
    为什么前端要用 PSD,难道你就光设计不切图不标注?
    sharkrice
        47
    sharkrice  
       2018-05-25 23:41:44 +08:00
    你们说的前端是切图仔?
    切好图不是应该设计干的吗?
    而且。。。你们公司有买 sketch 给前端吗?
    edsheeran
        48
    edsheeran  
       2018-05-26 06:25:08 +08:00 via iPhone
    @duskdandelion xd 的坐标一直对不准,也没有标尺
    shimomiaizo
        49
    shimomiaizo  
       2018-05-28 17:18:52 +08:00
    @edsheeran #47 的确 这是 XD 的一个 bug 一般画线条的时候我就直接输坐标……
    RyougiShiki
        50
    RyougiShiki  
       2018-05-28 19:44:19 +08:00
    前端应该负责前端逻辑,作为一个专业的 UI 应该切图加标注送到人家手上。不同公司可能不一样,前端逻辑简单的话就兼职切图,那么楼主就应该负责沟通。不论是楼主还是前端,遇到问题时都应该想办法去帮忙解决。
    xschaoya
        51
    xschaoya  
       2018-07-06 22:14:43 +08:00
    sketch 貌似 mac 独占~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2399 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 15:36 PVG 23:36 LAX 08:36 JFK 11:36
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86