重庆首届前端培训体验班资料
《你真的会切图吗》
切图概念
前端职责
与产品经理和交互、视觉设计师协作,根据需求文档、线框图、设计稿完成页面制作(切图部分);
与后台工程师协作,完成数据交互、动态信息展现和用户的互动
切图定义
* 设计思路的理解和还原
* 页面模块化制作的预演
切图理论储备
常见图片格式
设备像素比
devicePixelRatio = 物理像素 / dips(device-independent像素,设备无关的像素),常见@1x,@2x,@3x
切图实践要领
心中有数
需求定位、结果模块、资源细分、 疑难杂症
大刀阔斧
*
工欲善其事,必先利其器:硬件舍得、软件恰当、工具够用
*
图层的合理运用:选择、分组、复制
精雕细磨
压缩图片体积、图片大小范围、仿色杂边处理、雪碧图合并
simple than