select命名_UI设计及切图常见命名规范整理

切图命名英文缩写的3个原则

1. 较短的单词可通过去掉“元音”形成缩写

2. 较长的单词可取单词的头部几个字母形成缩写

3. 还有一些约定俗成的英文单词缩写

启动界面

启动图片：default.png

启动：logodefault_logo.png

如：default.png\defoult@2x.png\defauLt-568@2x.png

登录界面(login)

登录背景：login_bg.png

登录：logologin_logo.png

输入框：login_input.png

输入框选中状态：login_input_pre.png

登录按钮：Login_btn.png

登录按钮选中状态：Login_btn_pre.png

导航栏按钮 (nav)

命名nav_功能描述.png

如：nav_menu.png\nav_menu_pre.png

(同按钮选中前后两种状态命名 )

按钮命名(btn可重复使用按钮)

一般：normalbtn_xxx_normal.png

点击：highlightedbtn_xxx_highlighted.png

不能点击：disabledbtn_xxx_disable.png

按下：pressedbtn_xxx_pressed.png

选中 ：selectedbtn_xxx_selected.png

做为复数选择出现机会不高

btn：_功能属性或色彩均可.png

如：btn_blue.png\btn_blue.9.png 蓝色按钮

其他命名

图标：icon_xxx.png

图片：pic_xxx.png或是img_xxx.png

照片：pho_xxx.png

左侧导航

命名leftbar_功能描述.png

如：leftbar_info.png\leftbar_info_pre.png 个人中心

底部选项卡按钮(TabBar)

命名Tab_功能描述.png

如：tab_set.Png\nav_set_pre.png 设置

主页命名

命名home_功能属性＋描述.png

如：home_menu_recommended.png 热门推荐

ps：描述可用英文或拼间开头字母组合等

列表页命名规则

命名List_功能属性＋描述.png

如：list_menu_collect.png 列表页收藏按钮

界面命名

主程序	App	搜索结果	Search results
活动	Activity	信息	Messages
首页	Home	应用详情	App detail
探索	Explore	音乐	Music
软件	Software	日历	Calendar
联系人	Contacts	新闻	News
游戏	Game	相机	Camera
控制中心	Control center	笔记	Notes
管理	Management	照片	Photo
健康	Health	天气	Weather
发现	Find	视频	Video
邮件	Mail	手表	Watch
个人中心	Personal center	设置	Settings
地图	Maps	锁屏	Lock screen

系统控件库

状态栏	Status bar	搜索栏	Search bar
提醒视图	Alert view	弹出视图	Popovers
导航栏	Navigation bar	表格视图	Table view
编辑菜单	Edit menu	开关	Switch
标签栏	Tab bar	分段控制	Segmented Control
选择器	Pickers	弹窗	Popup
工具栏	Tool bar	活动视图	Activity view
滑杆	Sliders	扫描	Scanning

功能命名

确定	Ok	添加	Add
卸载	Uninstall	选择	Select
默认	Default	查看	View
搜索	Search	更多	More
取消	Cancel	删除	Delete
暂停	Pause	刷新	Refresh
关闭	Close	下载	Download
继续	Continue	发送	Send
最小化	Min	等待	Waiting
导入	Import	前进	Forward
最大化	Max	加载	Loading
导出	Export	重新开始	Restart
菜单	Menu	安装	Install
后退	Back	更新	Update

资源类型

图片	Image	滚动条	Scroll
进度条	Progress	线条	Line
图标	Icon	标签	Tab
树	Tree	蒙版	Mask
静态文本框	Label	勾选框	Checkbox
动画	Animation	标记	Sign
编辑框	Edit	下拉框	Combo
按钮	Button	动画	Animation
列表	List	单选框	Radio
背景	Backgroud	播放	Play

常见状态

普通	Normal	获取焦点	Focused
已访问	Visited	默认	Default
按下	Press	点击	Highlight
禁用	Disabled	选中	Selected
悬停	Hover	错误	Error
完成	Complete	空白	Blank

位置排序

顶部	Top	底部	Bottom
第二	Second	页关	Header
中间	Middle	第一	First
最后	Last	页脚	Footer

2、以iOS为范例(安卓通用)的切片文件命名规范如下：