本节简介:本节课主要介绍界面中的切图与标注的定义,以及常用的切图软件有哪些,在操作的过程中要注意什么,如何规范的命名,并通过实例演示教大家具体的切图步骤,以及Android与ios不同的命名方法。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
图标导出的形式(安卓以文件夹区分,ios以后缀区分)是不一样的,但内容是通用的,安卓的超清对应ios的@2x
英文标注尾缀名称:按钮/btn ,背景/bg,默认/normal,选中/selected,图标/ic,图片/pic,按下/press,置灰/disabied
切图软件:Cutteman 下载地址:http//www.cuttman.cn/zh/cutterman
常用的标注软件:PxCook v3.0 与 马克鳗
按钮:btn;背景:bg;图标:ic;图片:pic;默认:nomal;选中:select;按下:press;置灰:disabled
按钮:btn;背景:bg;图标:ic;图片:pic;默认:nomal;选中:select;按下:press;置灰:disabled
切图命名:【按钮 btn 图标 ic 图片 pic 背景 bg 默认 normal 按下 press 选中 selected 置灰 disabled】
按钮 btn 图标 ic 图片 pic 背景 bg 默认 normal 按下 press 选中 selected 置灰 disabled
正确标注:【只标间距】有些控件会进行等比例的拉伸或者是适配
标注需要标注的内容有:1.模块的高度、宽度 2.文字的样式、大小、颜色 3.背景颜色、按钮大小及状态、透明度等
切图时苹果导出为一个文件夹,2x 3x不同后缀,安卓导出为两个文件夹但不分后缀。
切图时同类图标要保持一致大小避免切除的图片规格不统一