发表于: 2018-11-29 21:02:16

1 872




今天完成的事情:


完成任务七






明天计划的事情:


做小堂课



遇到的问题:


暂时没有



今天的收获:


模块特有的切图命名规则:模块_类别_功能_状态_@2x.png

举例:mail_icon_search_pressed@2x.png

对应中文为:邮件_图标_搜索_默认@2x.png

我们的原则就是清晰的表达出切片的具体内容并且没有重复的名称


1. 什么是切图?

    切图是指将设计稿切成便于制作成页面的图片 并完成html+css布局的静态页面 通俗来讲 

    把一张设计图 利用到切片工具 把自己所需的切成一张张小图 然后用DIV+CSS完成静态页

    面书写 完成CSS布局 切图就是将 .psd 设计稿还原成 Web 页面的过程 这个过程包括两部

    分 切出素材 编写代码实现

2. 如何切图? 使用ps工具 使用背景图 图片合并方案 浏览器兼

3. 切图需要切哪些图

    修饰性 用在css里 icon logo 又特效效果的按钮和文字

    内容性 用在html里 banner 广告图片 文章配图




返回列表 返回列表
评论

    分享到