做前端开发必需要掌握切图技能吗?

  • 日期:08-15
  • 点击:(812)


  上海千锋2天前我要分享

  乍一看这个问题的确有点儿小儿科,但细细想来,切图也确实是很重要的一环.作为一名前端开发工程师,做好繁复的技术工作同时,切图这个小技能也不能掉以轻心。接下来,千锋上海校区老师为大家科普一下切图在前端开发中的重要性。

  image.php?url=0Mrus1dRCL

  首先,什么是切图呢?通俗的说,切图就是把设计稿切成一片片的,然后前端工程师运用DIV+CSS功能,最大限度的还原设计图,也就是要把零碎的图片整合成一张完整的图片。那为什么要切图呢?这是因为一张完整的设计稿是由不同的元素组成的,比如Logo、背景图、图标、文本等等。而部分元素,前端工程师是无法使用代码实现效果的,因此,需要将其单独切出来使用。

  可以看出,切图是实际开发过程中不可或缺的一步,切图资源的输出将直接决定产品最终的效果。有的公司UI设计师会把需要的图切好,更多时候是需要前端工程师自己来切。如果你不会切图而每次都要依赖UI设计师,当UI设计师比较忙或者不在时,那么前端工作就会停滞不前。所以,技多不压身,掌握切图技能还是很有必要的。

  有时,前端工程师在写前端页面的时候会遇到CSS精灵图,如果自己不会切图而求助其他人,不仅会很尴尬,计算起来也会麻烦很多。

  切图的实现,很大程度上让网页设计变得个性化,有生机。所以会切图的前端工程师也更加受市场欢迎。

  收藏举报投诉

达到当天最大量