你的位置:首页 > 软件开发 > 网页设计 > 前端实战Demo:一张图片搞定一页布局

前端实战Demo:一张图片搞定一页布局

发布时间:2016-04-14 09:00:03
对前端程序员来说,从设计师的手中拿过设计图和素材之后根据需要进行切图是必要的基本功,但是一般的程序员可能对切图并非那么熟悉,所以可能有很多时间都花在使用Photoshop上,那么这里就有一种方法可以减少很多的切图工作,那便是——用一张图片搞 ...

      对前端程序员来说,从设计师的手中拿过设计图和素材之后根据需要进行切图是必要的基本功,但是一般的程序员可能对切图并非那么熟悉,所以可能有很多时间都花在使用Photoshop上,那么这里就有一种方法可以减少很多的切图工作,那便是——用一张图片搞定整个一页的页面布局。当然,不止是省了一些切图的花费,也是一种很有效的前端开发方法,尤其是针对那些设计花哨,使用HTML和Css还原度较难,并且实际上也并没有那么多可操作元素的设计。

 

      其实简单来说就是一句话——使用空的HTML元素来框选出需要操作的图片元素。

      直接举一个例子来说。一般常见的app或者微信页面中,经常会有登录的页面,类似于下面的这种页面:

        前端实战Demo:一张图片搞定一页布局前端实战Demo:一张图片搞定一页布局

原标题:前端实战Demo:一张图片搞定一页布局

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。