ui文件的版本规范.pptx

UI团队文件及版本管理规范团队文件管理规范素材管理 （设计中用到的ui范例、icon范例、字体）文档资料 （设计中相关的书籍文档资料）软件工具 （设计中使用到的软件工具）Ui设计 （UI 设计文件，以项目号加版本管理）网页设计 （公司网站设计）活动设计 （公司所做的活动宣传设计）第三方合作设计 （其他与公司合作的app及活动设计）识别规范 （公司级VI设计内容）正在再设计中SVN文件管理：1.子文件夹规范Svn上根据分类，现将文件夹分为一下几类：（1）硬件产品图片 （硬件产品的照片及效果图）（2）app应用项目 （app项目以各自项目的名称命名）（3）网页设计 （咕咚网的网页设计）（4）活动设计 （咕咚网各种线上活动dm单设计）（5）第三方应用合作设计 （第三方其他类型设计）（6）部门分享 （部门共享资源：文档书籍和各种素材资料）2.二级文件夹根据具体情况命名素材管理：1.子文件夹命名规范（1）［app ui］ app类的设计页面（2）［网页］ 网页设计的好的作品（3）［icon］ 纯icon类设计作品（4）［ui kit］ 设计要素类作品，如单个小图标，插件等（5）［插画］ 动画插画类作品（6）［背景图片］ 收集到的好的背景图2.子文件命名按照文件本身的属性命名工作软件：(1)Adobe Photoshop (PC Mac)(2)Adobe Illustrator(PC Mac)(3)CoreDraw(4)Ps Play (手机实时预览)(5)MarkmanUi设计 文件命名规范：1.文件夹命名——应用名称＋版本号增量标记例：咕咚运动v2.0（第一版）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为主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的倍数。 Ios的单倍尺寸相当于安卓的mdpi，ios的双倍尺寸相当于xhdpi的尺寸）Ui设计 文件命名规范：Ios的切图命名需加@2x，例如：控件类型_功能表述_动作状态@2x.pngIos的normal（正常）状态用0表示，pressed状态用1表示，selected用2，disable用3，例如：btn_back_0@2x.pngIos的切图只需切图形内部分，且宽高均是双数尺寸。常用动作状态Normal(正常) pressed(按下) selected(选中) unselected(未选中) disable(不可点)具体规则解释见下页附一：android设计中需考虑的按钮状态：normal、pressed、focused （注：带有可触焦的手机才会明显的看到focused的效果） Button statusnormalpressedfocusedselectedunselectedselectedunselectedselectedunselectedselectedunselected附二：安卓的px与dp、sppx：即像素，1px代表屏幕上一个物理的像素点；px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大小可能不同，如下图所示。dp：这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关Android系统定义了四种像素密度：低ldpi（120dpi）、中mdpi（160dpi）、高hdpi（240dpi）和超高xhdpi（320dp