UI切图命名

2017-3-04

UI文件命名规范常用字

正常：normal                   选中：selected                 按下：pressed                禁用：disabled

已访问：visited                鼠标悬停：hover               广告横幅：AD/banner

控件——较独立的可操作界面元素

部件——描述属于控件一部分

btn按钮：可点            icon图标：不可点、非点击主体、图案部件

sign 标记                     list 列表                     menu 菜单                    view 视图

panel 面板                   sheet薄板：底部弹出菜单                              bar栏

statusbar状态栏              navibar导航栏                  tabbar标签栏 

sidebar侧栏                     toolbar工具栏                   switch切换开关

slider滑动器                     radio单选框                       checkbox复选框

bg背景：部件                  mask蒙版/遮罩

常用补充描述

top顶部                             middle中间                         bottom底部

first第一                             second第二                        last最后

header页头                       footer页脚                           content内容

main页面主体                   上导航：nav                        下标签：tab

按钮：btn                        按钮文字：btntext               单选框：rb

复选框：chb                    输入：ip                               下拉：cbb

启动界面default

启动图片：default.png

启动logo：default_logo.png

登陆界面login

登陆背景：login_bg.png

登陆logo：login_logo.png

输入框选中状态：login_input_pre.png

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

PS：安卓下input、btn、list等图片可用.9png格式图片

导航栏按钮nav

nav_功能描述.png

如：nav_menu.pngnav_menu_pre.png

(同一个按钮前后两种状态)

左侧导航

leftbar_功能描述.png

如：lefterbar_info.pngnav_info_pre.png

（个人中心）

底部菜单按钮

tab_功能描述.png

如：tab_set.pngnav_set_pre.png

（设置）

主页面

home_功能描述.png

如：home_btn_recommended.png

(热门推荐)

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

列表页

list_功能描述.png

如：list_menu_collect.png

(列表页收藏按钮)

可重复使用按钮btn

btn_功能描述.png

一般：btn_xxx_n.png

选中：btn_xxx_s.png复选时出现

点击：btn_xxx_h.png

不能点击：btn_xxx_d.png

如：btn_blue.png、btn_blue.9.png

(蓝色按钮)

图命名

图示：icon_xxx.png

图片：img_xxx.png、pic_xxx.png

照片：pho_xxx.png

最小icon不小于44最小可点击区域不小于88