
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
为了能够让软件开发程序员更容易与UI设计师沟通,我们在设计原图的时候一般对素材命名是有一定的规范要求的,下面我们就通过案例分析来简单了解一下,UI设计切图命名规范包含哪些。
命名公式:
位置_类别_描述_状态.png
如:导航_按钮_搜索_默认.png
Example:nav_button_search_default.png
切图命名禁忌
1.不可出现中文
2.不可出现英文字母大写
3.不可出现空格键
4.不可用“-”符合,例如不可button-search。正确为button_search
切图命名英文缩写
1.较短的单词可通过去掉“元音”形成缩写
2.较长的单词可取单词的头部几个字母形成缩写,如normal可写成nor
3.还有一些约定俗成的英文单词缩写,如background可写成bg
类别命名
图标:btn_xxx.png
图标:icon_xxx.png
图片:pic_xxx.png或是img_xxx.png
照片:pho_xxx.png
常用状态
正常:normal
按下:pressed
选中:selected
禁用:disabled
已访问:visited
悬停:hover
切图分组
项目-开发语言-日期
xxxAPP-iOS-2020.20.20
iOS:@2/@3切图一起放
xxxAPP-Android-2020.20.20
Android:每个尺寸分开单独放
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。