无废话网页重构系列——（3）切图与标注

本文作者：大象
本文地址：/article/5537659.html

一、切图

经过分析，切片，输出部分图片(1)，另外一部分，如小图标，用Web Font 推荐用[b]iconfont。[/b]

可以直接PS切片工具，某，推荐PS插件“Cut And Slice Me”(2)。

网页，尽可能少的图片！

二、标注

方便后期了解页面元素信息（尺寸、文字、色彩、间距、位置），强烈建议“标注”。

某，推荐PS插件“Assistor PS”。

某，近段时间邂逅了切片工具Cutterman和标注工具Parker，国人开发，适合国人使用习惯。

注：

(1)：如果图片只是为了占位(Placeholder Image)，推荐直接用图片尺寸大小命名，编辑同事后期好知晓：如 640*390 大小的图片，命名成：640390.jpg ;

(2)：如果直接PS切片工具，记得重命名切片；如果用插件，搜其相关教程，需要整理图层组，并且，按插件规则命名。

Cut And Slice Me 和 Assistor PS ：



Cutterman 和 Parker ：



本文为原创文章，同时，某会更新知识点及修正错误，是以转载请务必保留原作者信息！
本文地址：/article/5537659.html