V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
libasten
V2EX  ›  前端开发

前端经常说的“切图”是怎么样一个工作流程?

  •  
  •   libasten · 2020-01-21 16:01:10 +08:00 · 2993 次点击
    这是一个创建于 1768 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先在 photoshop 里面绘制好网页图,然后?能自动得到 html+ css ?

    9 条回复    2020-01-22 17:17:30 +08:00
    learnshare
        1
    learnshare  
       2020-01-21 16:05:39 +08:00   ❤️ 1
    areless
        2
    areless  
       2020-01-21 16:08:09 +08:00 via Android   ❤️ 3
    对,然后就能导出网页
    liuy1994g
        3
    liuy1994g  
       2020-01-21 16:33:29 +08:00 via Android
    之前说的切图就是把设计稿里的图片或者 icon 切出来呀
    ryougifujino
        4
    ryougifujino  
       2020-01-21 19:06:42 +08:00 via iPhone
    切图按照不同的语境一般有两种含义 1、把一整块设计图分离成小块 2、按照设计图的 specification 用 HTML 和 CSS 等进行还原
    yiqiok
        5
    yiqiok  
       2020-01-21 19:44:24 +08:00
    看过打印店里的那种切相片的吗?前端人手一台( dog
    morethansean
        6
    morethansean  
       2020-01-21 19:45:33 +08:00   ❤️ 1
    ...就是指前端把设计稿实现成网页的过程里,经常需要把类似于 icon、不规则的图片边框、背景甚至阴影从 ps 图层剪裁并导出为图片最后在 html 里引用。大环境里也泛指把设计稿做成网页的这个过程。所以切图仔这种戏称,就跟称呼设计师为美工一样,当然一般是自嘲。
    libasten
        7
    libasten  
    OP
       2020-01-22 08:50:15 +08:00
    谢谢大家伙。
    birdrally
        8
    birdrally  
       2020-01-22 11:07:47 +08:00 via iPhone
    psd —> html
    hutng
        9
    hutng  
       2020-01-22 17:17:30 +08:00
    我有个问题,导出来的图标 html 页面里需要重新定义位置吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2883 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 08:50 · PVG 16:50 · LAX 00:50 · JFK 03:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.