切图命名规则
切图命名规则启动界面：
default (启动图片)
default_logo (启动logo)
登录界面：
Login_bg (登录背景)
Login_logo (登录logo)
Login_input (输入框)
Login_input_pre (输入框选中状态)
Login_btn (登录按钮)
Login_btn_pre (登录按钮选中状态)
导航栏按钮（nav）:
nav_功能描述（如nav_menu/nav_menu_pre）
按钮命名（btn）：
btn_描述_n （默认状态）
btn_描述_h （鼠标滑过）
btn_描述_c （鼠标点击）
btn_描述_d （不能点击）
其他命名：
icon_xx （图标）
Img_xx (图片)
左侧导航：
Leftbar_功能描述（如: leftber_info/leftber_info_pre）
控件和部件：
Sign (标记)
menu （菜单）
list （列表）
view (视图)
panel （面板)
shet (底部弹出菜单)
navibar (导航栏)
switch (切换开关)
bg （背景）
常用补充：
上中下排序：top (上) middle （中）bottom （底）位置排序：header（页头）footer (页脚)
IOS设计规范
刚入门UI的小伙伴是不是不知道app该怎么切图、规范是什么？怎么和程序员同学配合，用什么工具更方便，怎么标注自己的设计稿，怎么做到一稿适配多种机型，这篇文章将一一解答你的疑问! 依旧声明：这里写的不是一种规范，只是一种工作方法，大家在具体工作中，一定要灵活运用。另外，技术的更新是非常快的，所以，还是要灵活运用~ 我本身是一名GUI设计师，所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写，相当于工作流程的介绍吧；公司不同，流程不尽相同，但是终究还是能有些帮助。 这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱，我整理好以后再说吧。 页面篇幅比较长，不推荐一次性看完，那样你潜意识里就会对它厌烦了，所以可以有时间读一读，看一看。 Part 1 项目立项 完善的公司会把项目相关人员聚集起来，产品经理会把产品详细的用原型展示出来，包括产品定位，市场需求，主打卖点，产品性质以及各模块具体功能，逻辑跳转演示一下；之后会评估项目用时，各部门协调，项目启动。 话不多说，接到原型，那我们应该做什么准备工作呢？
在项目设计之初，就该进行项目归档整理，我的习惯是“项目名称+版本序列”； 没有最正确的工作方法，只有最适合自己的工作习惯。 我个人习惯把不同类型的文件划分到不同类型的文件夹里，有的设计师习惯全都放在一个文件夹里，如果文件少还说的过去，如果页面过多，就知道这样的利弊了。 工欲善其事必先利其器，基本上我做界面设计用的最多的就是PS和AI了，版本无所谓，用着舒服就行，推荐版本高一点的，低版本好多方便功能都没有。 标注工具： PxCook，目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手，虽然它还附带切图功能，但是比较鸡肋，不推荐用它切图。 切图工具： Cutterman 点击下载一款PS的插件，切图非常方便，但不支持绿色免安装版本PS，而且对PS版本要求比较高，针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc，然后自行破解。官网上有安装使用教程，自己研究下吧，因为我也是最近才开始接触这款插件。 Assistor PS 也是一款PS的切图标注插件，也被誉为神器；我使用了下，感觉相当不错，就是标注还没太适应，推荐一下这个。 标注工具以及这两款插件我都会上传，至于安装方法去“百度一下”吧，易学易用。
标准图幅命名规则
标准图幅数据文件命名规则 标准图幅数据文件命名规则 主文件名 X XX X XXX XXX 1:1000 000 图幅行号（字符码） 1:1000 000 图幅列号(数字码) 比例尺代码（字符码） 图幅行号（数字码） 图幅列号（数字码） 命名规则说明： （1）主文件名采用十位字母数字型代码，行列号位数不足者前面补零，扩展文件名采用三位字母数字型代码； （2）比例尺代码表见表2： 表2 比例尺1:2000 1:5000 1:10000 1:25000 1:50000 1:100000 1:200000 1:250000 代码I H G F E D C B （3）编号计算公式 1:1 000 000 图幅行、列号的计算：a ＝*φ／4°]+1 b ＝*λ／6°]+31 式中：[ ] 表示商取整； a 表示1:1 000 000 地形图图幅所在纬度带数字码所对应的数字码； b 表示1:1 000 000 地形图图幅所在经度带的数字码； λ 表示图幅内某点的经度或图幅西南廓点的经度； φ 表示图幅内某点的纬度或图幅西南廓点的纬度。 相应比例尺的图幅行、列号的计算： c ＝４°／Δφ-*(φ／4°)／Δφ+ d ＝*(λ/6°)／Δλ++1 式中：( )表示商取余； [ ]表示商取整； c 表示所求比例尺图幅的行号； d 表示所求比例尺图幅的列号； λ表示图幅内某点的经度或图幅西南图廓点的经度； φ表示图幅的某点的纬度或图幅西南图廓点的纬度； Δλ表示所求比例尺图幅的经差（1:1 万图幅经差３’45”；） Δφ表示所求比例尺图幅的纬差（1:1 万图幅纬差2’30”。） （4）命名实例 例1：某1:1 万土地利用图，图幅内某一点纬度为39°22’30” ，经度为114°33’45” ，求其数据文件的命名。 Δφ＝2′30〃，Δλ = 3′45〃， 1:10000 比例尺代码为G a ＝[3922′30〃/4]+1 ＝10(字符码J) b ＝[11433′45〃/6]+31 ＝50 c ＝4/2′30〃-[（3922′30〃/4）/2′30〃] ＝96[322′30〃/2′30〃] ＝015 d ＝[（11433′45〃/6）/3′45〃]+1 ＝010 主文件名为: J50G015010
APP界面设计规范二
一、Android设计常识 开始介绍之前先帮大家梳理一下Android常用单位，方便各位亲们更好的掌握并了解Android端设计规范。 Android常用单位 per inch)：数字影像的解析度，也就是每英寸所拥有的像素数，即像素密度；PPI计算公式：ppi=√（长度像素数2 + 宽度像素数2）/屏幕对角线英寸数 per inch)：是指印刷上的计量单位，也就是每英寸上能印刷的网点数，我们设计用于显示器的默认为（72像素/英寸）就好了； 屏幕尺寸（Screen Size）：一般我们所说的手机屏幕尺寸，比如3英寸、英寸等，都是指对角线的长度，而不是手机的面积； 分辨率（Resolution）：是指手机屏幕垂直和水平方向上的像素个数，比如分辨率为：720*1280，是指设备水平方向有720个像素点，垂直方向有1280个像素点 pixels)：像素，不同设备显示效果相同 （ point）：一个标准的长度单位，ios的逻辑单位，1Pt=1/72英寸，用于印刷业，非常简单易用；标注字体大小（72是早期台式机的DPI） （Scaled-independentpixels）：放大像素，安卓的字体单位； （Density-independentpixels）：是指设备的独立像素，不同的设备有不同的显示效果，它与设备硬件有关系； sp和dp基本一样，是android开发里特有的单位，都是为了保证文字在不同密度的显示屏上显示相同的效果；dp与设备硬件有关，与屏幕密度无关，sp与屏幕密度和设备硬件均无关； 换算关系 android开发中，文字大小的单位是sp，非文字的尺寸单位用dp，但是我们在设计稿用的单位是px。这些单位如何换算，是设计师、开发者需要了解的关键。* dp：以160PPI屏幕为标准，则1dp=1px。 dp和px的换算公式：dp*ppi/160 = px。 对于320ppi的屏幕，1dp x 320ppi/160= 2px。 * sp：它是安卓的字体单位，以160PPI屏幕为标准，当字体大小为100%时， 1sp=1px。 sp 与px 的换算公式：sp*ppi/160= px。
在网页设计过程中常用的命名规则
如果你是网页设计师，如果你用的还是拼音命名，你真的落伍了 内容：content/container 导航：nav 侧栏：sidebar 栏目：column 标志：logo 页面主体：main 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 搜索：search 页脚：footer 滚动：scroll 版权：copyright 友情链接：friendlink 子菜单：submenu 内容：content 标签页：tab 文章列表：list 注册：regsiter 提示信息：msg 小技巧：tips 加入：joinus 栏目标题：title 指南：guild 服务：service 状态：status 投票：vote 尾：footer 合作伙伴：partner 登录条：loginbar 页面外围控制整体布局宽度：wrapper 左右中：left right center (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名:
(1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 左右中：left right center 页面外围控制整体布局宽度：wrapper (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的: current 小技巧：tips 图标: icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner
图纸编号规则
图纸编号规则 文件号：ZH/QE-C06-01 版本：A/0受控： 编制：日期： 审核：日期： 批准：日期：2015-3-26发布2015-3-26实施 文件修订记录
一、目的 为规范图纸编号及图纸标题栏的编制方法，统一编号形式和标题栏的使用，特 制订本规定。 二、范围 本规定适用于公司以下图纸编号的编制和标题栏的使用： 1、零部件图纸 2、电气图纸 3、结构图纸 4、安装布置图 5、外来图纸 6、任务单 四、要求 1、每种产品、部件、零件的图纸应遵循“一件一号”的原则，均应有独立的编 号； 2、同一产品、部件及零件的图纸用数张图纸绘出时，各张图纸号应相同。 3、通用件的编号可采用被通用件的图纸编号。
4、本公司出图的外购件、外协件，其图号由本厂给出；外购、外协件由外购、外协单位设计出图要由公司技术质保部给予验证确认，并给出公司内部图号。 5、产品开发中如出现零、部件相互借用时，图纸的编号应按最先开发的产品 图纸编号为准，借用关系应借用最先开发的产品，不准间接借用。 6、产品中通用性高，使用范围较广的零部件应尽快转换为通用件。技术部门应编制通用件目录和通用件图册，供相关部门查阅使用。相关部门负责设计变更的申请与确认,并依技术部发布的设计变更通知单内容配合相关工作的实施与落实。 五、图纸编号的编制规则 1、电气图纸编号规则 电气图纸编号按产品名称分类编号的方法进行编号，分类编号其代号的基本部分由图纸识别码、特征号（图纸分类代码）、分类号（产品分类码）、识别号（产品零部件顺序号）四部分组成。 图纸编号区位及含义 图纸分类含产品合同记录编号(《技术部工作流程记录表》编号)和图纸年份。产品类别代码见表1。 表1产品类别代码
后台界面统一规范_V1.0
后台界面统一规范 目录 1.目的 (2) 2.范围 (2) 3.定义 (2) 4.测评指标 (2) 5.关键角色及应付责任 (2) 6.内容描述 (2) 7.其他要求 (8) 8.相关文件 (8) 9.附件 (8)
1.目的 规范后台系统的风格，使最终设计出来的界面风格一致化，遵循统一的操作规范，以标准化的方式设计界面，提高工作效率。减少和改变责任不明，任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。产品设计通过规范的方式来达到以用户为中心的目的。 2.范围 适用于公司所有内部系统。 3.定义 无 4.测评指标 无 5. 6.内容描述 (一)遵循的基本原则 1)显示信息一致：无论是控件使用，提示信息措辞，还是颜色、窗口布局风格， 遵循统一的标准，做到真正的一致。 2)以用户为主导，明确用户是所有系统处理的核心 3)易用性：用户不用查阅帮助就能知道该界面的功能并进行相关正确的操作。做 到望文知意最好。 4)系统响应时间：0-5秒鼠标显示成为沙漏；5秒以上显示处理窗口，或显示进 度条；一个长时间的处理完成时应给予完成警告信息。 5)出错信息和警告原则：信息以用户可以理解的术语描述；信息简明扼要，指 出出错原因并提供解决办法提示。 6)信息显示：只显示与当前用户语境环境有关的信息；使用一致的标记、标准缩 写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源； 7)数据输入：尽量减少用户输入动作的数量；维护信息显示和数据输入的一致性； 可能的话提供默认值、绝不要让用户提供程序中可以自动获取或计算出来的信 息。 8)合理性：与正在进行的操作无关的按钮应该加以屏蔽（使用灰色显示）；对可 能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会；非法 操作或输入有足够的提示说明 9)美观与协调：界面风格要保持一致，字的大小、颜色、字体要相同，除非是需 要艺术处理或有特殊要求的地方；如果窗体支持最小化和最大化或放大时，窗 体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
HTML命名规则
网页切图过程中div+css命名规则 内容：content/container 导航：nav 侧栏：sidebar 栏目：column 标志：logo 页面主体：main 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 搜索：search 页脚：footer 滚动：scroll 版权：copyright 友情链接：friendlink 子菜单：submenu 内容：content 标签页：tab 文章列表：list 注册：regsiter 提示信息：msg 小技巧：tips 加入：joinus 栏目标题：title 指南：guild 服务：service 状态：status 投票：vote 尾：footer 合作伙伴：partner 登录条：loginbar 页面外围控制整体布局宽度：wrapper 左右中：left right center (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 左右中：left right center 页面外围控制整体布局宽度：wrapper (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop
APP中图标如何命名
大型APP中图标组件如何命名 关于图标组件命名的规范，个人觉得关键是在于团队能够有一个统一的规则，所有成员必须是严格遵守并且和开发全盘拉通，不然一切都是空谈。 因为不同的团队使用的软件都不一样，如果使用sketch软件中symbols的伙伴，可能在命名的时候会考虑更多内容，但是还有很多伙伴在使用ps 作图，所以这里只介绍一种通用的命名规则，当然大家也可以根据自己的实际情况去制定，这里只提供一种方法与思路。 一、命名的原则 一款功能多的APP包含很多组建，为了对组建有统一的名称，并对组件命名进行区分，避免组件名称重复出现或组件与名称不符等异常，导致开发不易查找、维护难道大，同时也容易影响APP体验性。
某款APP命名为例，它的命名方式看着清楚，没有重复出现性 a.自身层 对我们自己的文件整理有很大的帮助，后期修改图标组件的时候更加方便快捷，而且规范的命名也显得我们自身比较专业。 b.团队层 如果命名不统一，大家就很难达成共识，任务交接时需要很大的学习成本，所以规范的命名对于团队协同也有极大的推动作用。 c.开发层 这一点很重要，可以极大的节省程序开发的时间成本，减少不必要的沟通与重复切图的概率。只要图标组件命名足够规范，并且和开发达成共识，开发完全可以直接使用的设计切图，而不用更改切图的名称，后期更换切图，只要名称不变，开发易替换、易查找。 二、命名规范 a.命名集合 常见的界面、控件、功能、状态命名集合，此命名需产品经理、设计师、开发工程师进行记住标识的命名名称。
以上是常见的命名名称 b.命名规范 命名尽可能的采用英文，而且全部为小写英文字母，命名中不能含有空格。目的是让开发人员拿到设计切图直接使用，减少再次命名，但是我们要知道，开发人员的代码里只有小写的英文字母，如果给出的命名全是中文，那么开发人员肯定会修改。
PDMS DRAFT 出图规则定制部分操作手册
PDMS DRAFT 出图定制部分操作手册 可能大家从具体的项目应用中已经见识到或者说体会到了，PDMS在出图方面优点和先进性。实际上我也用过其它三维软件，比如PDS、AUTO PLANT等做过项目，对于它们之间的特点、优点也有一定的理解和认识，坦白说，PDMS是以上几个软件中功能最强大、项目管理最集中和具体，也是项目支持最繁重的，虽然它的前台操作相对简单、命令更实际。尤其PDMS出图（工程平面图、立面图、剖视图等）这一块，虽然前台的操作也就哪么几步，实际上它牵扯的东西非常的多，后台定制的东西非常的多，而且数据又一环扣一环，相当的繁琐和复杂。所以，对于一个项目支持管理员任务相当的重。但所幸的是：对于一公司来说，出图的规则基本上都有特定的，项目与项目之间不会有太大的变化，PDMS可以做到，将一个做好的完整的定制库，供不同的项目循环利用，并不用每个项目都定制一套。 下面就简单介绍一下这部分的操作。 一般来说，为了使这套定制库能循环利用，需将它定制到公司的标准项目（COO）中。安装好PDMS以后，PDMS系统会自带一个标准项目（软件标准项目）MAS它是MASTER的缩写，MAS/SAMPADD库中会自带一套默认的出图定制库（一般来说，它在前台的名称是：DEPT Project_Libraries，DBname 是：MASTER/SAMPADD）如下图：
通常来说，上面的这个系统自带库的定制规则与自己本公司的出图规定肯定是不一样的，所以就需要项目支持管理员建立本公司的出图规则库。过程如下： 一创建线型库 以管理员的身份登陆到标准项目（COO）的DRAFT模块，登陆以后，打开命令行DISPLAY=》COMMAND LINE，在DRAFT模块的数据导航窗口内可以看到好多数据，如下图： 1、确认库名。选择上图中任意一个如下图，在命令行内查询(Q DBNAME)它的DB NAME，确定选中的管理层DEPT的DB NAME是COOSTD/PADD
图号命名方式
图号命名方式： 1．FFU 1XXXXX 9XXXXX（新）AXXXXX BXXXXX DXXXXX CXXXXX(新马达叶轮) EXXXXX(防爆) FXXXXX GXXXXX 0XXXXX(大洋68W电机) 2．X XX XXX 第二、三位区分FFU尺寸规格：00 – 49 分体式50 – 99 一体式 0XX XXX Ⅱ型(ch)-常州新亚(chg)-常州高静压(gao)-高静压(gao-1)-高静压带粗效(hz)-和鑫直流 (chg-1)-常州高静压带粗效(dz)-大洋直流(chg-2)-常州高静压带粗效，常规5速控制 (d-1)-带粗效，富士康5速控制(d-2)-带粗效，常规5速控制(ch-1)-常州电机带粗效 (AY1-1)大洋电机430*113叶轮带粗效 011175*575 021175*875 03 575*575 04 847*770 05 1302*602 06 820*697 07 770*697 08 875*875 09 1175*1175 10 800*800 11 875*575 12 1385*1025 13 1025*575 14 1170*670 15 1370*670 16 950*820 17 985*705 18 1237*1015 19 875*475 20 890*575 21 1175*655 22 1070*575 23 980*590 24 820*715 25 960*730 26 1175*548 27 715*610 28 935*720 29 1175*725 30 1065*575 31 1020*575 32 1050*575 33 845*575 34 1175*685 35 1175*795 36 685*575 37 975*575 38 725*725 39 965*575 40 1175*695 41 895*575 42 895*538 43 842*575 44 792*575 45 1112*575 46 1012*520 47 1120*520 48 1020*520 49 922*520 H XX XXX Ⅱ型(ch)-常州新亚(chg)-常州高静压(gao)-高静压(gao-1)-高静压带粗效(hz)-和鑫直流 (chg-1)-常州高静压带粗效(dz)-大洋直流(chg-2)-常州高静压带粗效，常规5速控制 (d-1)-带粗效，富士康5速控制(d-2)-带粗效，常规5速控制(ch-1)-常州电机带粗效 00 1210*520 01 720*520 02 715*575 03 1175*635 04 830*575 05 675*575
IOS设计规范
一款APP的设计稿从设计到切图 第一部分项目立项阶段 在项目设计之初，就该进行项目归档整理，一般是是“项目名称+版本序列” 第二部分Photoshop IOS的各种分辨率。 1.640*960 iPhone 4时代的尺寸，我最开始用这个尺寸设计，还是拟物的时代呢(基本上现在应该没人用这个尺寸设计了吧)； 2.640*1136 iPhone5/5S/5C，一更新，咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸)，进入扁平的时代了； 3.750*1334 iPhone6 目前是我做设计稿的设计尺寸，iPhone的尺寸，向下可以适配iPhone4，iPhone5，向上可以适配iPhone6 plus；我记得iPhone6推出后，
我问我的设计总监(从业12年)应该用什么尺寸设计，他是就用iPhone6的尺寸吧，好适配，切出来就是@2x了，上下都能照顾到。 所以，我推荐做设计稿的时候使用iPhone6的尺寸进行设计。 iPhone6的尺寸其实相比于以前的5来说很多地方并没有变化，只是高度也就是内容显示区域发生了变化。下面是IPhone 6的空白文档，我建立了参考线。▼
里面已经设置好了参考线，文档建立之初就设置好参考线是个很好的工作习惯我希望更多的设计师可以养成更完美的工作习惯。
上下的参考线很容易设置，因为是根据iPhone自身系统设置的，左右的参考线我习惯设置为24px，也就是显示内容距离边框的距离。这不是绝对的，究竟是设置为左右30px还是24px比较好，通过对国内国外各种APP的对比，觉得24px更适合一些，不宽不窄，这个完全是设计师个人的设计习惯，所以不要当成什么规范， 第三部分标注 下面讲标注的问题，页面怎么标，标哪里，可能我涉及不到所有类型页面，但举一反五足够了；切片输出以及切片命名我们下期再说(如果有错误，请一定要及时帮我指出，我不想误人子弟)。 标注是重中之重，工程师能不能完整的还原设计稿，很大一部分取决于标注；如果不清楚你该怎么标，别怕丢人(我知道有些设计师，特别是刚接触工作的设计师并不敢张嘴去问)，一定要和工程师沟通！包括怎么标，怎么切。 每个工程师实现效果的方法不同，我在这里所说的，是我的标注习惯，也就是我们工程师的开发习惯，但应该适用于大部分的设计师和工程师。 不需要每一张效果图都进行标注，你标注的页面能保证工程师开发每个页面的时候都能顺利进行即可；当然，这要看跟你配合的工程师的习惯，比如我现在搭档的两位IOS工程师，一位要求我全都要标注，另一位要求我标注代表性页面就好(记得标注之前一定要沟通清楚)。
css书写规范
此文档来自网络，不保证没有错误。 Form https://www.360docs.net/doc/d215934165.html,
CSS命名规则 页面制作最重要的就是CSS，定义合理的CSS命名规范，可以大幅提高页面制作的效率和方便开发及相关人员修改编写。关于CSS的命名我们采用骆驼式命名法。 骆驼式命名法：正如它的名称所表示的那样，是指混合使用大小写字母来构成变量和函数的名字,即函数名中的每一个逻辑断点都有一个大写字母来标记.骆驼式命名法近年来越来越流行了。例如：mianNav footNav 1.通用命名规则： 1)所有ID或者class字母和数字之间用“_”连接，如: #col_1、#col_2 2)所有ID或者class两个单词之间的链接采用骆驼式命名法，如: mianNav、footNav 3)页面主体框架布局命名：Lay_1、Lay_2 、Lay_3 4)栏目布局容器命名一律采用: col_1、col_2、col_3、col_4、col_N 5)栏目标题块命名一律采用title。元素标签采用:
如： 标题
6)页面所有图片区域全部采用：pic_1、pic_2、pic_3、pic_N 7)页面文本列表区域全部采用： Lst_1、Lst_2、Lst_3、Lst_N 8)页面上按钮采用：btn_1、btn_2、btn_3、btn_N 9)广告区域：ad_1,ad_2,ad_3,ad_N 2.主框架命名规则： 1)#header (页面头部) 2)#main (页面主体) 3)#footer (页面尾部) 3.通用命名规则： 主体：main 外层：wrap 功能条：funcBar切图命名规范
标题
切图命名规范 management_iocn_upadate@2x.png 在哪里类型是什么几倍图 1.所有命名全部为小写英文字母 2.命名格式 通用切片命名格式 组件_类别_功能_状态@2x.png tabbar_icon_home_defalt@2x.png 标签栏图标主页默认2倍 模块特有切图命名规则： 模块_类别_功能_状态@2x.png news_icon_search_pressed@2x.png 新闻_图标_搜索_ 默认@2x.png 命名规则——命名也就是需要告诉开发，文件是什么、在哪里、第几页、什么状态。 切图命名英文缩写三个原则： 较短的单词可通过去掉“元音”形成缩写 较长的单词可取单词的头几个字母形成缩写 此外还有一些约定成俗的英文单词缩写. 1、产品模块_类别_功能_状态.png 例：发现_图标_搜索_点击状态 2、场景_模块_状态.png 例：登录_按钮_默认状态 3、产品模块_场景_二级场景_状态.png 按钮_个人_设置_默认状态 【场景和二级场景】：一般指app的一级页面与二级页面。 例如上：个人页-场景，个人页里的设置页-二级场景 【模块】：一般指页面中的部分区块，也有指背景图。如背景、按钮、icon都是模块。 【功能】：一般指的是，页面或者模块中，需要操作或点击的某个点，如上图，发现页中的搜索icon。 【状态】：一般指当前切图的状态区分，像按钮的话，有默认状态、点击时状态、按下状态、不可点击状态等，网页上按钮还有悬停状态。 注意：所有命名只能为小写英文字母，不要为了好看或者像平时打英语一样，首字母是大写之类的，也不可以为中文，不然对于开发来说，是没有意义的，因为他们还是得自己再改一遍。 注意：ios切图需要在命名后加上@2x、@3x后缀名，安 卓的切图不需要加，不过有些安卓开发需要切图后缀加 上尺寸。 名词命名： bg（backgrond）：背景 nav（navbar）：导航栏 tab（tabbar）：标签栏 btn（button）：按钮 img（image）：图片 del（delete）：删除 msg（message）：信息 icon：图标 content：内容 left/center/right：左/中/右 logo：标识 login：登录 register：注册 refresh：刷新 banner：广告 link：链接 user：用户 note：注释 bar：进度条 profile：个人资料 ranked：排名 error：错误 操作命名： edit：编辑 download：下载 collect：收藏 comment：评论 play：播放 pause：暂停 pop：弹出 audio：音频 video：视频 状态命名： selected：选中 disabled：无法点击 highlight：点击时 default：默认 normal：一般 pressed：按下 slide：滑动 close：关闭 back：返回
移动UI设计规范1.0
公司移动UI设计规范 说明书
修改记录 1、前言 本文档主要为UI设计师和前端工程师提供设计参考和最佳实践，避免相互之间出现技术衔接脱节的问题。文档将由设计尺寸、界面元素、设计细节、切图细节四个部分组成，分别说明如下。 2、设计尺寸 本节主要阐明目前主流浏览设备和软件中的界面尺寸，相关设备和软件分别为iPhone、iPad、Android、Web。详细说明如下 2.1 iPhone
2.2 iPad
2.3 Android 屏幕尺寸 指实际的屏幕物理尺寸，以屏幕对角线来测量。为方便起见，Android把屏幕大小分为广义的四类：小、正常、大、特大。 像素 代表屏幕上一个物理的像素点。
屏幕密度 为解决Android设备中屏幕的碎片化，Android厂商引入了DP的概念。即一定尺寸屏幕显示像素的数量，因此有了四类屏幕密度：低（120dpi）,中（160dpi）,高（240dpi），超高（320dpi），而像素= DP*(dpi/160)。 例如一个240dpi的屏幕里，1DP = （240/160）=1.5px。 因此，设计尺寸确认后，以图标为例，需向上或向下做小、正常、大、特大，以及低、中、高、超高的图标尺寸与密度来适配不同的机型。 典型的设计尺寸 320dp：一个普通的手机屏幕（240x320,320x480,480x800） 480dp：一个普通的平板（480x800） 600dp：7寸平板（600x1024） 720dp：10寸平板（720x1280,800x1280） 安卓设计尺寸建议为720x1280或是480x800
二维制图规则 (1)
毕业设计二维图纸设计及制图规则 一、制图命名及分级规则 1、总图代号命名规则 总图代号为：** D G/H Z/F **表示吨位，D表示底盘，G表示滚动，H表示滑动，Z表示整体，F表示分体 例如：18DHF滑动分体式底盘，表示18吨两轮一带分体式底盘。 2、制图代号分级规则 直属件代号命名：总图号-1，总图号-2… 装配图代号命名：总图号-01、总图号-02、总图号-03、总图号-04…… 装配图所属直属件代号命名：总图号-01-1，总图号-01-2…，总图号-02-1，总图号-02-2…以此类推。 二、绘图中注意的问题 1、SOLID工程图导入AUTOCAD或者CAXA中，细实线改为粗实线； 2、绘图比例与图纸幅面必须搞清楚； 3、所有的孔、轴、对称部分添加中心线；需要的剖开的视图添加剖面线； 4、组装图尺寸的标注：长、宽、高尺寸标注，中心距尺寸，零件的相对位置尺寸，零件焊接位置尺寸，螺栓的中心距尺寸，每个板的相对位置尺寸，剖切符号，剖切位置，焊缝尺寸必须标全，等等都需要标注； 5、零件图尺寸的标注：长、宽、高尺寸标注，中心距尺寸，形状公差，位置公差，光洁度，等等都需要标注； 6、每个零件重量仔细计算,零件图、装配体,总图都要填写重量； 7、总图及装配体中，螺栓、螺母、螺钉、垫圈等等的规格、型号都应该引出序号，图中画出； 8、图中螺栓、螺柱、螺钉、垫圈能看到的，应画出相应方向的形状，不能省略也不能用圆替代。 9、装配体之间，零件之间的焊接相对位置尺寸在视图中必须标注； 10、直径用φ,乘号用×，标注风标,文本风标都要采用标准,按正规标注,不要想当然； 11、每张图纸的技术要求必须填写，涉及到焊接的图纸需要有焊接技术要求； 12、仔细检查每张图纸的尺寸,标注全了没有,漏标了没有,如板厚,粗糙度,平行度,剖面线,
app界面命名规范
竭诚为您提供优质文档/双击可除 app界面命名规范 篇一：app界面切图命名和文件整理规范 app界面切图命名和文件整理规范 切图命名英文缩写三个原则： 1较短的单词可通过去掉“元音”形成缩写2较长的单词可取单词的头几个字母形成缩写3此外还有一些约定成俗的英文单词缩写. 第一部分：iosapp界面设计切图命名规范 第二部分：手机app切图文件整理和技巧分享 篇二：ios和android的app界面设计规范 ios和android的app界面设计规范 字数876阅读96439评论36喜欢344 记录一下ios和andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通 ios篇 界面尺寸 设备
iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa dmini 分辨率750×1334px640×1136px640×960px1024×768px1024×768px 状态栏高度导航栏高度标签栏高度 60px40px40px40px40px20px20px 132px88px88px88px88px44px44px 147px98px98px98px98px49px49px 1242×2208px ipad3/4/air/air2/mini22048×1536px paste_image.png 图标尺寸 设备 iphone6plusiphone6iphone 5/5s/5ciphone4/4sipad1/2ipadmini appstore程序应用 主屏幕 spotlight工具栏和 标签栏 搜索导航栏 75*75px44*44px75*75px44*44px75*75px44*44px25*25px22
产品图号命名方法
产品图号命名方法 1 术语 图纸文件: 指由技术部编制用以规定产品形式、结构尺寸、技术要求、原理、贮存和运输时，所需的技术数据和说明的有关技术文件。 产品名称：指在图纸文件中规定本图纸内容的名称，能够体现本图纸的零件、部件或功能的主要内容。 产品图号：指在图纸文件中规定本图纸的代号，能够体现本图纸内容的类别，必须确保产品图号的唯一性。 2 职责 设计人员负责图纸的设计，并对产品名称初步定义，并向图号管理员申请产品图号； 图号管理员负责产品名称的核对，产品图号的发放、更改、作废、管理、归档，并要做好标准化工作，便于各需要部门的查阅。 3 命名方法 3.1 产品总成图号的命名 3.1.1 产品总成图号的定义 P 产品类型代号-序列号 序列号：为三位数阿拉伯字母，必要时可加字母 产品类别代号：Z01、Z02、L01、S01、M01 P：“P”取“PARTS部件”的第一个字母 3.1.2 产品总成名称、图号说明表 PL01-001-1。 3.2 组件图号的命名 3.2.1 组件图号的定义 A-组件类型代号-序列号 序列号：为三位数阿拉伯字母，必要时可加字母 组件类别代号：401、501、601、701、801、807、810、901 A：“A”取“ASSEMBLY组件”的第一个字母
3.2.2 组件名称、图号说明表 A-501-001-1。 3.3 零件图号的命名 3.3.1 零件图号的定义 C-零件类型代号-序列号 零件类别代号：501、502、503、504等 C：“C”取“COMPONENT”的第一个字母 3.3.2 零件名称、图号说明表
C-601-001-1。试制零件必要时申请新的图号，派生改制时可在原图号后加字母“S”作临时使用，试制成功后必须申请新的图号。 3.4 标准件和通用件的定义、规范 3.4.1产品中使用的标准件原则上必须标注标准号，如国家标准、行业标准、企业标准，并严格按照标准要求的形式标注，需要使用非标的类似零件时需按照类别申请图号，设计人员出技术图纸，并标明执行标准。该类零件包括螺栓、螺钉、螺母、垫片、垫圈、波形垫圈、密封圈、铆钉、空心铆钉等。 3.4.2 产品中使用的通用件，如端子、塑壳、接插件、支架、扣片、锁片等，可标注行业认可的通用零件号。在指定厂家的零件可按照该供应商的零件号命名、标注，如DJ611-6.3BSn，YN611-2.8B。 3.4.3 产品中使用的原材料按照国家标准、行业标准命名标注，主要包括漆包线、导线、套管、热缩套管、电容器等。
切图命名规范 [命名规范]
切图命名规范 [命名规范] 命名规范版本：编写： 1. 通用命名规则 l 在所有命名中，都应使用标准的英文单词或缩写。不得使用拼音或拼音缩写，除非该名字描述的是中文特有的内容，如半角、全角,声母、韵母等。 l 所有命名都应遵循达意原则，即名称应含义清晰、明确。 l 所有命名都不易过长，常量变量应控制在规定的长度20以内，函数30以内。 l 所有命名都应尽量使用全称。 l 大小写规则 l 类型标识符是保留字，应当全部小写。 l Win32API类型常常全部大写，并且遵循诸如Windows.pas或其他API单元中关于特定类型名的规则。 l 对于其他变量名，第一个字母应大写，其他字母则大小写交错。(即：如查变量名由多个单词构成每个词首字母大写) 下面是一些例子： var MyString:string; //保留字 WindowsHandle:HWND; //Win32API类型 I:Integer; //在System单元中引入的类型标识ICount:Integer; //在System单元中引入的类型标识 l 如何定义
一个元件类型前缀：从元件类型名中移去T前缀。例如TButton变成Button。 除了第一个元音，删去所有元音字母。例如，Button变成bttn，Edit变成edt。 压缩双字母。例如，bttn变成btn。 如发生冲突，则在某一元件前缀中加入一个元音。例如在TBatton 元件的前缀中加入元音变为batn，以区别TButton的前缀。 不过，上述规则首先得保证前缀名称必须符合习惯，做到见名知意，如:TDDEClientConv控件的前缀就是一个例外。 注意：元件的前缀是为了表示出元件的类型，是按钮，还是标签等等，因此没有必要为每一个特别元件类建立一个元件前缀， 如:TMyButton的元件前缀仍为btn。 2. 常量(Constants)和变量(Variable) 2.1. 常量常量的名称应当能够表达出它的用途。
图纸编号规则.
展浩电气包头市展浩电气股份有限公司 图纸编号规则 文件号：ZH/QE-C08-07 版本：A/0 受控： 编制：日期： 审核：日期： 批准：日期： 2015-3-26 发布 2015-3-26 实施
文件修订记录
一、目的 为规范产品图样编号及图纸标题栏的编制方法，统一编号形式和标题栏的使用，特制订本规定。 二、范围 本规定适用于公司以下产品图样编号的编制和标题栏的使用： 1、产品零部件图纸 2、电气图纸 3、结构图纸 4、安装布置图 四、要求 1、每种产品、部件、零件的图样应遵循“一件一号”的原则，均应有独立的编号； 2、同一产品、部件及零件的图样用数张图纸绘出时，各张图样号应相同。 3、通用件的编号可采用被通用件的图纸编号。 4、本公司出图的外购件、外协件，其图号由本厂给出；外购、外协件由外购、外协单位设计出图要由公司技术质保部给予验证确认，并给出公司内部图号。 5、产品开发中如出现零、部件相互借用时，图样的编号应按最先开发的产品图样编号为准，借用关系应借用最先开发的产品，不准间接借用。
6、产品中通用性高，使用范围较广的零部件应尽快转换为通用件。技术部门应编制通用件目录和通用件图册，供相关部门查阅使用。相关部门负责设计变更的申请与确认, 并依技术部发布的设计变更 通知单内容配合相关工作的实施与落实。 五、产品图样编号的编制规则 1、电气图纸编号规则 电气图纸编号按产品名称分类编号的方法进行编号，分类编号其代号的基本部分由图样识别码、特征号（图纸分类代码）、分类号（产品分类码）、识别号（产品零部件顺序号）、尾注号(图纸版本号)五部分组成。 图样编号区位及含义 图样分类含产品合同记录编号(《技术部工作流程记录表》编号)和图纸年份。 表1 产品类别代码
切图命名
切图命名法头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus
服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu
设计制图标准
1.注射模具设计、制图一般标准 1.1注射模设计制图的一般规定: 1.1.1图纸尺寸规格 幅面代号 B*L C A A0 841*1189 10 25 A1 594*841 A2 420*594 A3 297*420 5 A4 210*297 标题栏标准格式见附图1-1a 、1-1b ，请严格按此标准格式执行。见下图，标题栏要求填写齐全，签名要用正楷。 1.1.2 图纸比例的表示方法为A ：B
A.：在图纸上绘画之尺寸，B：物件的真实尺寸 例：图纸比例缩小—— 1 ：2 图纸比例相同—— 1 ：1 图纸比例放大——5 ：1 注意：绘图设计时必须采用1:1,而出图时装配图必须1 ：1打印，零件图应根据 实际需要缩放打印，原则是能清晰表达示图。 1.1.3线段分类 线段类别线宽名称颜色用途 0.4 实线蓝绿色，青色，白色物体可见轮廓线 0.25 虚线蓝色不可见轮廓 0.25 细实线红色，蓝色，浅绿色尺寸线，尺寸界线、剖面线 0.25 细点画线洋红轴线、对称中心线 0.25 波浪线灰色断裂处的边界线、视图和剖视的分界线 0.25 双折线灰色断裂处的边界线 0.5 粗点线白色表达物体有特殊要求的部分 0.25 双点线红色假想物体，夹具的定位位置和定位物件 1.5b 粗实线白色插穿、碰穿模架基准边的面轮廓线，线 切割轮廓线 1)图线宽度：实线定为0.4mm宽 2)图线画法： 同一图样中，同类图线宽度应一致。虚线点画线及双点画线的线段长度和间 隔各自大致相等 1.1.4文字的使用 1）尺寸文字字高定为3.5mm，（箭头尺寸定为2.0）公差值文字字高2~3 mm 2）其它文字字高定为3.5或5.0 mm，优先使用5.0 3）字体Romans字体 4）文字尺寸不得有任何重叠现象 1.1.5投影方法 本公司参照JISZ8315标准，制图投影方法采用国际标准中第三角投影方法，而非国 标常用的第一角投影方法 1.1.6图纸更新 如图纸发出后，图纸有所更改，须将图纸更新及重新发放。 1.2公司工程部出图样式及基本要求 为了缩短模具生产周期，工程部需在最短的时间内提供满足各种需要的图纸：结构简图、排位图、模架图、上下模零件草图、装配图、零件图、线切割图、顶针图、铜公图、3D模图。 1.2.1简图