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

前端切图已经过时了吗?

  •  
  •   Pastsong ·
    timwangdev · 2015-11-24 16:44:06 +08:00 · 4179 次点击
    这是一个创建于 3278 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在一些公司,特别是传统公司的对于前端的 JD 里有时会写关于切图的工作内容,然而切图这个技能似乎从我入门前端就没有接触过,也没有任何教程里提及过。

    请问下 V 友切图这个技能已经过时了吗?你们在前端工作中是否会用到切图?

    20 条回复    2015-11-24 19:10:59 +08:00
    Havee
        1
    Havee  
       2015-11-24 16:59:43 +08:00
    那么,美工交给你一整个 psd 时,你如何操作的?
    Pastsong
        2
    Pastsong  
    OP
       2015-11-24 17:03:02 +08:00
    @Havee 大概用 DIV+CSS 实现?把 PSD 拼起来也不好处理 Retina 和 Response 的问题吧
    luanluan
        3
    luanluan  
       2015-11-24 17:08:09 +08:00
    不切不行吧,一整个图不切还能速度快吗、?
    ccbikai
        4
    ccbikai  
       2015-11-24 17:16:56 +08:00
    简单的自己切,麻烦的找设计切
    XianZaiZhuCe
        5
    XianZaiZhuCe  
       2015-11-24 17:18:20 +08:00 via Android
    必备技能吧
    zonghua
        6
    zonghua  
       2015-11-24 17:18:43 +08:00
    怎么切?切成什么元件?前端的东西我不懂。
    XianZaiZhuCe
        7
    XianZaiZhuCe  
       2015-11-24 17:18:54 +08:00 via Android
    @Pastsong 特殊背景,你用 css 实现?
    FrankFang128
        8
    FrankFang128  
       2015-11-24 17:24:02 +08:00 via Android
    不需要切图了
    Pastsong
        9
    Pastsong  
    OP
       2015-11-24 17:25:03 +08:00
    @XianZaiZhuCe 特殊背景是用 div+background 吧...

    或者说我并不确定在工作流程中拿到前端手中的设计文件是怎样的
    est
        10
    est  
       2015-11-24 17:25:34 +08:00
    现在流行大前端概念,基本从挖需求,设计,出 psd ,切图, html , css ,甚至套模板一整套全部做完了。
    XianZaiZhuCe
        11
    XianZaiZhuCe  
       2015-11-24 17:26:41 +08:00 via Android
    @Pastsong 那你以前怎么跟设计合作的?
    Pastsong
        12
    Pastsong  
    OP
       2015-11-24 17:29:19 +08:00
    @est 再会一点后端和数据库就可以全栈了是这样吧😂
    Pastsong
        13
    Pastsong  
    OP
       2015-11-24 17:31:04 +08:00
    @XianZaiZhuCe 我现在还是学生,在自学前端内容,之前都是个人项目和小团队居多
    jjplay
        14
    jjplay  
       2015-11-24 17:33:06 +08:00
    @Pastsong 相信我,现在 80%的前端都是切图
    learnshare
        15
    learnshare  
       2015-11-24 17:35:30 +08:00   ❤️ 2
    之前的切图,指的是对设计图进行切片处理,然后通过这些小图来拼接页面;
    后来切图泛指将设计图转化成页面的动作。

    CSS3 、 Icon Font 等应用广泛之后,页面中使用的图片资源越来越少了。
    answeryou
        16
    answeryou  
       2015-11-24 17:43:16 +08:00
    只能说你还太年轻了,接触的太少了
    est
        17
    est  
       2015-11-24 17:56:29 +08:00
    @Pastsong 如果做 SPA ,差不多是这样的。从后端读取 RESTful API 并不比一个比如 localstorage 有什么太大的区别。服务器端可以看成数据一种远程持久化方式而已。一些数据库解决方案比如 Firebase, Influxdb 之类的直接就是 HTTP API 。
    XianZaiZhuCe
        18
    XianZaiZhuCe  
       2015-11-24 17:58:13 +08:00 via Android
    @Pastsong 15 楼正解 。
    Pastsong
        19
    Pastsong  
    OP
       2015-11-24 18:01:39 +08:00
    @est
    @XianZaiZhuCe
    Thanks!
    nijux
        20
    nijux  
       2015-11-24 19:10:59 +08:00
    《前端工程师必备的 PS 技能——切图篇》 里面讲到的 PS CC 的切图功能实在是爽啊 可以试试
    http://www.imooc.com/learn/506
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5487 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 01:27 · PVG 09:27 · LAX 17:27 · JFK 20:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.