ui文件版本规范
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Button status
normal
pressed
focused
selected
unselected
selected
unselected
selected
unselected
selected unselected
9
附二：安卓的px与dp、sp
px：
即像素，1px代表屏幕上一个物理的像素点； px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大 小可能不同，如下图所示。
sp：
。sp是文字的单位。和dp很类似但唯一的区别是，Android系统允许用户自定 义文字尺寸大小（小、正常、大、超大等等），当文字尺寸是“正常”时 1sp=1dp=0.00625英寸，而当文字尺寸是“大”或“超大”时， 1sp>1dp=0.00625英寸。 类似我们在windows里调整字体尺寸以后的效果——窗口大小不变，只有文字 大小改变。
UI团队文件及版本管理规范
团队文件管理规范
素材管理
（设计中用到的ui范例、icon范例、字体）
文档资料
（设计中相关的书籍文档资料）
软件工具
（设计中使用到的软件工具）
Ui设计
（UI 设计文件，以项目号加版本管理）
Fra Baidu bibliotek
网页设计
（公司网站设计）
活动设计
（公司所做的活动宣传设计）
第三方合作设计 （其他与公司合作的app及活动设计）
（5）第三方应用合作设计 （第三方其他类型设计）
（6）部门分享
（部门共享资源：文档书籍和各种素材资料）
2.二级文件夹根据具体情况命名
素材管理：
1.子文件夹命名规范 （1）［app ui］ app类的设计页面 （2）［网页］ 网页设计的好的作品 （3）［icon］ 纯icon类设计作品 （4）［ui kit］ 设计要素类作品，如单个小图标，插件等 （5）［插画］ 动画插画类作品 （6）［背景图片］ 收集到的好的背景图
识别规范
（公司级VI设计内容）正在再设计中
SVN文件管理：
1.子文件夹规范
Svn上根据分类，现将文件夹分为一下几类：
（1）硬件产品图片 （硬件产品的照片及效果图）
（2）app应用项目 （app项目以各自项目的名称命名）
（3）网页设计
（咕咚网的网页设计）
（4）活动设计
（咕咚网各种线上活动dm单设计）
Ui设计 文件命名规范：
3.安卓切图命名规范 文件名中可以包含数字、字母以及下划线，但是不能以数字开 头。 android具体命名如：控间类型_功能表述_动作状态.png
（1）按钮类控间，称为btn，例：btn_back_normal.png （2）Icon类控间，称为ic，例：ic_back_normal.png （3）图片类控间，称为pic，例：pic_back.png ［功能表述］最好使用英文，在保证唯一性与表意明确的前提下可适当放宽书写 使用拼音 （4）android的切图存在.9格式的切图，例：btn_back_normal.9.png ［动作状态］凡事按钮类切图，必须要有normal和pressed的状态 ［切图大小］按钮类非点九切图，务必遵循48dp的原则。 （hdpi下的px尺寸最好是3的倍数。
2.子文件命名
按照文件本身的属性命名
工作软件：
(1)Adobe Photoshop (PC & Mac) (2)Adobe Illustrator(PC & Mac) (3)CoreDraw (4)Ps Play (手机实时预览) (5)Markman
Ui设计 文件命名规范：
1.文件夹命名——应用名称＋版本号&增量标记 例：咕咚运动v2.0（第一版）
Ios的单倍尺寸相当于安卓的mdpi，ios的双倍尺寸相当于xhdpi的尺寸）
Ui设计 文件命名规范：
Ios的切图命名需加@2x，例如：控件类型_功能表述_动作状态@2x.png Ios的normal（正常）状态用0表示，pressed状态用1表示，selected用2，disable用3，例 如：btn_back_0@2x.png Ios的切图只需切图形内部分，且宽高均是双数尺寸。
附三：8px原理
附三：8px原理
Thank you!
常用动作状态 Normal(正常) pressed(按下) selected(选中) unselected(未选 中) disable(不可点)
具体规则解释见下页
附一：android设计中需考虑的按钮状态：normal、pressed、focused
（注：带有可触焦的手机才会明显的看到focused的效果）
dp：
这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关
Android系统定义了四种像素密度：低ldpi（120dpi）、中mdpi（160dpi）、高 hdpi（240dpi）和超高xhdpi（320dpi），它们对应的dp到px的系数分别为0.75、 1、1.5和2，这个系数乘以dp长度就是像素数。
2.子文件夹一级命名——按平台命名 文件夹内大类将分为android版本和ios版本
3.子文件二级命名——按平台命名 （1）第二级内文件平级放置：
PSD(源文件)、Screenshot(效果图)、Mkm(标记尺寸图)、image（切图） （2）页面文件名：文件可直接采用页面名称，UE图上有特殊标记的，按UE图标注 （3）android切图文件夹下，分为xhdpi、hdpi 文件夹，以后还会有xxdpi、xxxdpi （4）每个dpi下的文件夹将分为一个公共文件夹＋各模块文件夹。 （5）所有点九的图片统一放置在hdpi文件夹下。 ［设计分辨率］xhdpi的设计图以分辨率1280*720为主，hdpi以800*480为主
normal
pressed
focused
selected
unselected
selected
unselected
selected
unselected
selected unselected
9
附二：安卓的px与dp、sp
px：
即像素，1px代表屏幕上一个物理的像素点； px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大 小可能不同，如下图所示。
sp：
。sp是文字的单位。和dp很类似但唯一的区别是，Android系统允许用户自定 义文字尺寸大小（小、正常、大、超大等等），当文字尺寸是“正常”时 1sp=1dp=0.00625英寸，而当文字尺寸是“大”或“超大”时， 1sp>1dp=0.00625英寸。 类似我们在windows里调整字体尺寸以后的效果——窗口大小不变，只有文字 大小改变。
UI团队文件及版本管理规范
团队文件管理规范
素材管理
（设计中用到的ui范例、icon范例、字体）
文档资料
（设计中相关的书籍文档资料）
软件工具
（设计中使用到的软件工具）
Ui设计
（UI 设计文件，以项目号加版本管理）
Fra Baidu bibliotek
网页设计
（公司网站设计）
活动设计
（公司所做的活动宣传设计）
第三方合作设计 （其他与公司合作的app及活动设计）
（5）第三方应用合作设计 （第三方其他类型设计）
（6）部门分享
（部门共享资源：文档书籍和各种素材资料）
2.二级文件夹根据具体情况命名
素材管理：
1.子文件夹命名规范 （1）［app ui］ app类的设计页面 （2）［网页］ 网页设计的好的作品 （3）［icon］ 纯icon类设计作品 （4）［ui kit］ 设计要素类作品，如单个小图标，插件等 （5）［插画］ 动画插画类作品 （6）［背景图片］ 收集到的好的背景图
识别规范
（公司级VI设计内容）正在再设计中
SVN文件管理：
1.子文件夹规范
Svn上根据分类，现将文件夹分为一下几类：
（1）硬件产品图片 （硬件产品的照片及效果图）
（2）app应用项目 （app项目以各自项目的名称命名）
（3）网页设计
（咕咚网的网页设计）
（4）活动设计
（咕咚网各种线上活动dm单设计）
Ui设计 文件命名规范：
3.安卓切图命名规范 文件名中可以包含数字、字母以及下划线，但是不能以数字开 头。 android具体命名如：控间类型_功能表述_动作状态.png
（1）按钮类控间，称为btn，例：btn_back_normal.png （2）Icon类控间，称为ic，例：ic_back_normal.png （3）图片类控间，称为pic，例：pic_back.png ［功能表述］最好使用英文，在保证唯一性与表意明确的前提下可适当放宽书写 使用拼音 （4）android的切图存在.9格式的切图，例：btn_back_normal.9.png ［动作状态］凡事按钮类切图，必须要有normal和pressed的状态 ［切图大小］按钮类非点九切图，务必遵循48dp的原则。 （hdpi下的px尺寸最好是3的倍数。
2.子文件命名
按照文件本身的属性命名
工作软件：
(1)Adobe Photoshop (PC & Mac) (2)Adobe Illustrator(PC & Mac) (3)CoreDraw (4)Ps Play (手机实时预览) (5)Markman
Ui设计 文件命名规范：
1.文件夹命名——应用名称＋版本号&增量标记 例：咕咚运动v2.0（第一版）
Ios的单倍尺寸相当于安卓的mdpi，ios的双倍尺寸相当于xhdpi的尺寸）
Ui设计 文件命名规范：
Ios的切图命名需加@2x，例如：控件类型_功能表述_动作状态@2x.png Ios的normal（正常）状态用0表示，pressed状态用1表示，selected用2，disable用3，例 如：btn_back_0@2x.png Ios的切图只需切图形内部分，且宽高均是双数尺寸。
附三：8px原理
附三：8px原理
Thank you!
常用动作状态 Normal(正常) pressed(按下) selected(选中) unselected(未选 中) disable(不可点)
具体规则解释见下页
附一：android设计中需考虑的按钮状态：normal、pressed、focused
（注：带有可触焦的手机才会明显的看到focused的效果）
dp：
这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关
Android系统定义了四种像素密度：低ldpi（120dpi）、中mdpi（160dpi）、高 hdpi（240dpi）和超高xhdpi（320dpi），它们对应的dp到px的系数分别为0.75、 1、1.5和2，这个系数乘以dp长度就是像素数。
2.子文件夹一级命名——按平台命名 文件夹内大类将分为android版本和ios版本
3.子文件二级命名——按平台命名 （1）第二级内文件平级放置：
PSD(源文件)、Screenshot(效果图)、Mkm(标记尺寸图)、image（切图） （2）页面文件名：文件可直接采用页面名称，UE图上有特殊标记的，按UE图标注 （3）android切图文件夹下，分为xhdpi、hdpi 文件夹，以后还会有xxdpi、xxxdpi （4）每个dpi下的文件夹将分为一个公共文件夹＋各模块文件夹。 （5）所有点九的图片统一放置在hdpi文件夹下。 ［设计分辨率］xhdpi的设计图以分辨率1280*720为主，hdpi以800*480为主