V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
t840993923
V2EX  ›  设计

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

  •  
  •   t840993923 · 2018-05-22 21:13:39 +08:00 via Android · 11504 次点击
    这是一个创建于 2137 天前的主题,其中的信息可能已经有所发展或是发生改变。
    好不容易用 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
    蓝湖

    https://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  
       2018-05-23 10:08:42 +08:00
    我感觉这是你要解决的问题呀,你要提供给前端一个他能看懂,有标注的东西就可以了。

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

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

    我认同 sketch 好用,我也用 sketch,也写前端;在以前的工作环境里,从来没听过要前端打开 sketch 的
    hlwjia
        34
    hlwjia  
       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 插件导出浏览器文件
    sobigfish
        40
    sobigfish  
       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   ·   我们的愿景   ·   实用小工具   ·   1519 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 23:57 · PVG 07:57 · LAX 16:57 · JFK 19:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.