切图命名规范参考

2022年08月19日

导读

身为设计师，在工作中常常会遇到给切图命名的问题，拥有一套自己了解的命名规则尤为重要，这样会让你的工作效率大大提升，工作交接也会比较顺利。

注：以下内容皆为个人在工作中实践出来的规则，并不适用所有人，也未必拥有权威性。

命名规则

资源名要求全部为小写字母，长字段可以尽量用缩写，命名中不能有空格，不同字段之间以“”分隔。
命名逻辑顺序样例：版本_组件/模块_类型_功能_状态_宽高_性质_倍数.png
举例：Personal_icon_phone_select_w48_fill@2x.png

版本：如APP应用名，或版本

组件/模块：如首页，个人中心等

类型：如icon、pic等

功能：如phone、password等

状态：如success、error、select、default(默认不可省略)

宽高：一般用w+px，若w一致，则用h区分

性质[非必须]：面性(fill)、线性(line)

类型

类型	代号	备注
图标	icon
图片	pic
背景	bg	background
输入框	input
按钮	btn	button
标志	logo
动图	gif
装饰	dec	decorate

功能

类型	代号	备注
手机	phone
验证码	code
头像	avatar
二维码	qrcode
密码	pwd	password
用户	user
删除/回删	del	delete
大小转换	caps-lock
向左	left
向右	right
登录	login
退出	quit
取消	cancel
下拉	dropdown

状态

类型	代号	备注
成功	success
失败	error
默认/缺省	def	default
选中	sel	select
未选中	nor	normal
多选	mul	multi
显示	display
隐藏	hide

性质

类型	代号	备注
面性	fill
线性	line