UI文件命名规范常用字

UI命名规范

启动页面
default.png(启动图片)
default_logo.png(启动logo

登录界面(login)
login_bg.png(登录背景)
login_logo.png(登录logo
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可重复使用的按钮)
一般(normal):btn-xxx-n.png
点击(highlight):btn-xxx-n.png
不能点击(disabled):btn-xxx-d.png
选中(selected):btn-xxx-s.png
btn_(功能属性或色彩均可).png

其他命名:
图示:icon-xxx.png
图片:pic-xxx.png
照片:pho-xxx.png

左侧导航:
leftbar_(功能描述).png
如:leftbar_info.png\leftbar_info_per.png(个人中心)

TabBar(底部选项卡按钮)
如:tab_set.png(设置)

主页命名
home_(功能属性+描述).png
如:home_menu_recommended.png(热门推荐)
PS:描述可用英文或拼音开头字母组合等

列表页命名规则:
list_(功能属性+描述).png
如:list_menu_collect.png(列表页收藏按钮)

UI文件命名规范常用字
normal(正常) pressed(按下) selected(选中) disabled(禁用) visited(已访问) hover(悬停)
  
控件&部件(控件:较独立的可操作界面元素 部件:描述属于某控件的一部分)
btn(按钮:可点)
icon(图标:不可点、非点击主体、图案部件)
sign(标记)
list(列表)
menu(菜单)
view(视图)
panel(面板)
sheet(薄板:底部弹出菜单)
bar(栏)
statusbar(状态栏)
navibar(导航栏)
toolbar(工具栏)
switch(切换开关)
slider(滑动器)
radio(单选框) checkbox(复选框)
bg(背景) mask(蒙板、遮罩)

常用补充描述
top(顶部)
middle(中间)
bottom(底部)
first(第一)
last(第二)
header(页头)
footer(页脚)

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值