文件切图命名规范标准
安卓切图规范
安卓切图规范安卓切图规范是为了保证在不同分辨率和尺寸的安卓设备上都能够正常显示和使用设计图，以下是一份包含1000字的安卓切图规范：一、基本概念1. 密度（Density）：安卓设备根据屏幕的物理尺寸和分辨率来确定屏幕的密度，一般以 DPI（每英寸点数）来衡量。
主要分为以下几种密度：ldpi（低密度）、mdpi（中密度）、hdpi （高密度）、xhdpi（超高密度）、xxhdpi（超超高密度）和xxxhdpi（超超超高密度）。
2. 分辨率（Resolution）：设备屏幕的水平和垂直像素数量。
常见的分辨率有：320x480、480x800、720x1280、1080x1920等。
3. 像素（Pixel）：屏幕上的一个点，是显示图像的最小单元。
二、设计规范1. 分辨率选择：设计图应根据目标设备的分辨率进行选择，以确保图像在不同分辨率设备上的正常显示。
2. 密度选择：设计图应根据目标设备的密度选择相应的分辨率进行设计，以确保图像在不同密度设备上的正常显示。
3. 状态栏和导航栏：设计图中应包括状态栏和导航栏的高度，以确保内容在不同设备上的显示布局正常。
4. 图标尺寸：根据图标的功能和使用场景选择适当的尺寸，一般推荐使用 48dp、72dp、96dp 等尺寸。
5. 图片素材选择：选择合适的图片素材，保证图像质量并尽量减小文件大小，减少应用占用空间。
6. 背景图像：在设计背景图像时，应选择能够平铺且无缝连接的图像，以适应不同分辨率的设备。
7. 字体选择：选择适合在不同密度设备上显示的字体大小，确保文字清晰可见。
8. 切勿纯色图像：避免使用纯色图像作为按钮、图标等元素的背景，因为在不同设备上可能会出现颜色差异。
9. 容错设计：针对不同设备可能出现的屏幕旋转、分辨率变化等情况进行容错设计，以确保图像在不同状态下都能正常显示。
10. 兼容性测试：在设计完成后，应进行兼容性测试，确保设计图在不同设备上的显示效果符合预期。
UI系列干货-切图命名
UI系列干货-切图命名我们都知道UI设计切图是最重要的设计输出物，切图输出的命名规范不规范也直接影响到工程师对设计效果的还原度。
网上也有很多这样的教程，大多比较笼统，今天我们就从两个方面0基础教你学会切图和命名的方法。
切 图一、设计切图的原则设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中，首先应该保证切图输出能够满足工程师设计效果图的高保真还原需求。
其次，切图输出应该尽可能降低工程师的开发工作量，避免因切图输出而导致不必要的工作量。
所以我们要在程序里放置多套切图，然后让程序判断「主人」的手机是什么型号，显示不同的切图。
这样才能够完美地呈现给用户最好的体验。
最后，输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。
所以切图输出应当做到切图精准、便与协同和压缩大小。
1. 切图资源尺寸必须为偶数众所周知，智能手机的屏幕大小都是偶数值，比如iPhone 7的屏幕分辨率是750*1334 px。
切图资源尺寸必须为双数，是为了保证切图资源在工程师开发时是高清显示。
因为1px是智能手机能够识别的最小单位，换句话说就是1像素不能在智能手机上被分为两份各0.5px。
所以如果是单数切图的话，手机系统就会自动拉伸切图，从而导致切图元素边缘模糊，造成开发出来的APP界面效果与原设计效果差距甚远。
图片2. 图标切图输出多个平台尺寸在切图资源输出中，图标切图输出是至关重要的部分。
在开发中由于各机型的屏幕分辨率不同，需要针对一些大屏机型进行适配。
为了适配大分辨率手机（例如iPhone 7plus），图标在切图的时候需要输出@2x和@3x的切图，其中@2x的切图可以满足双平台大部分机型的适配要求，@3x是用来适配iPhone 手机的各种plus版本（后边会有文章专门讲解关于适配的问题）。
@3x是@2x尺寸的1.5倍，例如一个图标切图@2x尺寸是44px，那么@3x尺寸是66px。
图片命名规范
默认图片 启动 注册
cut-off rule login list
home browse like dislike collect comment ranked location tags signup audio viedio system manuscript time address pull-down list Filter countdown number more settings arrow download upload share next release code tool bar new add pdl vd
广告 详情 搜索 内容 编辑 msg 提示信息 左 中 右 pop img 弹出 图片 标题 刷新 用户 ip cbb ddm 输入 下拉框 下拉菜单 按钮文字 rb cb Pbar 单选框 复选框 进度条 边框 男性 女性 签到 举报 前一步 模版 Sbar 状态条 放大 缩小
全部清除 底部 状态 摘要 热点 服务 子导航 pho 照片 鼠标悬停 已浏览 page 个人主页 语音 id 身份认证 家庭风采 内心独白 星币 话题 吃饭 电影 旅游 其他 播放 停止 房 荣誉 离婚 邮箱 开 投稿 友情链
删除按钮
删除按钮选中状态
消息按钮
消息按钮选中状态
搜索按钮
搜索按钮选中状态
列表页收藏按钮
个人中心
星空按钮
星空按钮选中状态
发现按钮
发现按钮选中状态
幸福学院按钮
幸福学院按钮选中状态
我按钮
我按钮选中状态
首页背景
首页广告图
简写 d n
中文 不可点 一般 公共 发现
hpcollege 幸福学院 nav btn bg cor 导航栏 按钮 背景图片 分割线 登录 列表
切图命名规范
切图命名规范切图命名是在进行图片切割时，给切下来的图片文件起一个易于理解和标识的名字。
一个规范的命名能够方便团队协作和管理，提高工作效率。
以下是一些常用的切图命名规范的建议，总结如下：1. 统一前缀 - 可以根据项目或模块名称给切图文件添加统一的前缀，比如"home_"表示首页相关、"nav_"表示导航相关等。
这样可以便于查找和识别不同模块的切图。
2. 功能描述 - 使用简短的英文单词或短语来描述切图的功能或用途，比如"logo"表示网站logo、"button"表示按钮、"banner"表示广告横幅等。
注意避免使用含糊或重复的描述词。
3. 元素类型 - 如果切图是某个特定元素的一部分，可以在命名中添加元素的类型，比如"icon_"表示图标、"bg_"表示背景、"pic_"表示图片等。
4. 状态和尺寸 - 如果切图有不同的状态或尺寸，可以在命名中添加相关信息，比如"_hover"表示鼠标悬停状态、"_active"表示激活状态、"_small"表示小尺寸等。
这样可以便于组织和管理不同状态或尺寸的切图。
5. 编号或版本 - 如果同一功能或元素有多个切图，可以使用序号或版本号来区分，比如"btn_01"、"btn_02"等。
这样可以避免命名冲突，并且方便追踪和管理不同版本的切图。
6. 文件格式 - 如果切图需要导出不同的文件格式，可以在命名中添加相关的文件后缀，比如".jpg"表示JPEG格式、".png"表示PNG格式等。
这样可以帮助区分不同的文件格式和用途。
7. 文件夹结构 - 在切图文件的存放位置上，可以使用文件夹的方式来组织和管理切图文件。
arcserver 切片文件命名规则
arcserver 切片文件命名规则ArcServer切片文件命名规则ArcServer是一种用于构建和管理GIS（地理信息系统）应用程序的软件平台。
它能够将地理数据转化为切片文件，以便在Web地图中进行显示和浏览。
切片文件命名规则是保证切片文件组织结构清晰、易于管理的重要一环。
本文将介绍ArcServer切片文件命名规则，以及如何根据标题来正确命名切片文件。
一、切片文件命名规则概述切片文件命名规则主要包括以下几个方面的内容：图层名称、缩放级别、切片的行列号。
1. 图层名称图层名称是切片文件的基本标识，用于表示切片文件所对应的地理数据。
图层名称应该简洁明了，能够准确描述地理数据的内容。
例如，如果切片文件对应的是某个城市的道路图层，则可以将图层名称命名为“Road”。
2. 缩放级别缩放级别是切片文件的重要属性，用于表示切片的显示比例。
一般来说，缩放级别越小，切片文件对应的地理范围越大。
缩放级别通常采用数字来表示，例如0表示最大的缩放级别，而20表示最小的缩放级别。
在命名切片文件时，应该将缩放级别作为文件名的一部分，以便于快速识别切片文件对应的显示比例。
3. 切片的行列号切片的行列号是切片文件的另一个重要属性，用于表示切片在整个切片网格中的位置。
切片的行列号通常采用数字来表示，例如(0,0)表示第一行第一列的切片，(1,0)表示第二行第一列的切片。
在命名切片文件时，应该将行列号作为文件名的一部分，以便于快速定位和管理切片文件。
二、切片文件命名规则示例下面是一个切片文件命名规则的示例：图层名称_缩放级别_行号_列号例如，如果我们要命名一个道路图层的切片文件，其缩放级别为10，行号为5，列号为3，那么可以将该切片文件命名为“Road_10_5_3”。
三、命名规范和注意事项在命名切片文件时，需要遵循以下规范和注意事项：1. 使用下划线作为分隔符，以提高文件名的可读性。
2. 图层名称、缩放级别、行列号之间不要使用空格或特殊字符，以避免命名冲突或命名错误。
手机APP切图命名规则
导航栏
导航栏按钮命名规则：
nav_（功能描述）.png
如: nav_menu.png\nav_menu_pre.png (同一按钮选中前后两种状态命名)
PS:同一区域按钮切图大小一致
左侧导航
左侧导航切图名规则：
leftbar_（功能描述）.png
如: leftbar_info.png\leftbar_info_pre.png (个人中心)
选项卡
菜单按钮命名规则：
tab_（功能描述）.png
如: tab_set.png\nav_set_pre.png (设置)
主界面
主页面命名规则：
Home（界面名称）_（功能属性简写+描述）.png
如: home_btn_recommended.png (热门推荐)
如: defoult.png\defoult2x.png\defoult-7202x.png
PHale Waihona Puke :同一区域按钮切图大小一致defoult2x.png\defoult-7202x.png 为IOS命名(-720适配720px宽)
登录界面
启动界面命名规则：
login_bg.png (登录背景) login_logo.png (登录logo) login_input.png (输入框) login_input_pre.png (输入框选中状态) Login_btn.png （登录按钮） Login_btn_pre.png （登录按钮选中状态）
可重复使用按钮命名规则：
btn_（功能属性或色彩均可）.png
如: btn_blue.png /btn_blue.9.png (蓝色按钮)
命名规范文件
01 命名规范文件命名的原则：以最少的字母达到最轻易理解的意义。
一般文件及目录命名规范：每一个目录中应该包含一个缺省的html 文件，文件名同一用index.htm文件名称同一用小写的英文字母、数字和下划线的组合尽量按单词的英语翻译为名称。
例如：feedback(信息反馈)，aboutus(关于我们)多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。
例如：news_01.htm。
留意，数字位数与文件个数成正比，不够的用0补齐。
例如共有200条新闻，其中第18条命名为news_018.htm图片的命名规范：名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质。
例如：放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner ；标志性的图片我们取名为：logo ；在页面上位置不固定并且带有链接的小图片我们取名为button ；在页面上某一个位置连续出现，电棍性质相同的链接栏目的图片我们取名：menu ；装饰用的照片我们取名：pic ；不带链接表示标题的图片我们取名：title 依照此原则类推。
尾部分用来表示图片的具体含义，用英文字母表示。
例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.有onmouse效果的图片，两张分别在原有文件名后加"_on"和"_off"命名。
其它文件命名规范js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js所有的CGI文件后缀为cgi。
所有CGI程序的配置文件为config.cgi02 目录结构规范目录建立的原则：以最少的层次提供最清楚简便的访问结构。
切图命名规范
切图命名规范切图命名规范是指在设计制作过程中，对所切出的图片进行命名的一种规范要求。
准确的切图命名可以提高设计师和开发者之间的沟通效率，减少错误和冗余，提高工作效率和项目质量。
下面是一个1000字的切图命名规范：切图命名规范一、命名长度1. 命名长度尽量控制在20个字符以内。
过长的命名不仅会影响文件名的显示，也会增加命名的复杂度。
二、命名元素1. 命名元素应包含必要的信息，例如：功能、布局、效果等。
2. 命名元素可以使用英文单词、数字和下划线。
不推荐使用中文或特殊字符，避免出现编码问题。
3. 命名元素要尽量简洁明了，不要过度冗长。
例如，按钮可以命名为“button”而不是“the_button_of_login”。
三、命名顺序1. 命名顺序应该从宽到窄，从大到小。
例如，先命名布局，再命名具体的元素。
2. 命名顺序应参考网页结构和使用顺序。
例如，先命名页头、页脚，再命名导航栏、内容区，再命名具体的模块和组件。
四、命名示例1. 命名示例1：a. 页面标题：page_titleb. 标题栏：headerc. 导航栏：navd. 内容区：contente. 侧边栏：sidebarf. 页脚：footer2. 命名示例2：a. 顶部导航栏：top_navb. 主导航栏：main_navc. 子导航栏：sub_navd. 搜索框：search_boxe. 用户头像：user_avatarf. 首页轮播图：home_sliderg. 产品列表：product_list五、特殊情况处理1. 如果需要对同一个元素进行不同的状态切图，可以在命名后面添加状态信息，例如：a. 按钮正常状态：button_normalb. 按钮激活状态：button_activec. 按钮禁用状态：button_disabled2. 如果需要对同一个元素进行不同尺寸的切图，可以在命名后面添加尺寸信息，例如：a. 横幅广告大图：banner_largeb. 横幅广告小图：banner_small六、命名注释1. 如果命名本身无法完全表达切图的含义，可以使用注释来进一步说明。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
文件/切图命名规范标准
头部header
底部bottom
菜单menu
输入框textfeild
标题栏titlebar
状态栏statusbar
列表list {1，2，3...} 表格sheet
图片pic
推广图banner
背景bg
按钮btn
指示器indicator 启动器launcher 图标icon
标签tab
内容区域content 线条line 2px
多选checkbox 单选radio
提示tips
进度process
信息info
头像head
返回back
点point
切图命名规范
①禁止使用中文命名
②禁止使用无意义文字符命名
③请尽量使用语义相近的英文或者英文简写命名
④ios以@2x.png和@3x.png作为文件最后名字字符（例如avater_default@2x.png
avater_default@3x.png）
⑤android每个文件夹下的相同功能切图文件名保持一致。
⑥禁止在图片文件名中间加入数字。
如果必须使用数字进行描述，请在文件名最后加入数字（图片的多种状态不受此限制）（例如avater27.png avater30.png）
⑦如需符号，请使用_做分割。
⑧图片多种状态请使用_normal(正常状态) _selected(选中状态) _highlight(高亮状态，按钮点击下状态) _disable(禁用状态) 作为文件名状态标示(例如item_normal.png item_highlight.png,
login_item30_disable.png)。