课程
/产品设计
/设计工具
/前端工程师必备的PS技能——切图篇
我想知道到底是怎么切的?传统切图好像老师都是说的理论
2015-12-23
源自:前端工程师必备的PS技能——切图篇 5-1
正在回答
老师不是切好了吗,你没认真看吧
切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,通俗来讲,把一张设计图 利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。
切图大家都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,把图片切出来这个过程是叫切片。
切图的目的:第一个是让网页稿有了交互性,实现你平时看到的各种各样的功能。
第二个是体积,所以切图时候一定注意少用图片工具:主流是dreamweaver,也有公司自己开发平台进行制作的。
采用div+css布局更能减小网页体积 是表现与内容分离。
切,代表前端!
举报
前端开发需要的Photoshop技巧,结合实际例子教会大家如何操作