UI知识,UI设计切图的命名规范(4)插图

UI知识,UI设计切图的命名规范(4)

首先分享一个比较好用且快捷的切图软件………………… Cutterman; 这是一个photoshop扩展功能切图插件,它支持IOS、Android、WEB切图,一键切图,方便快捷。 它在Photoshop中是这个样子的; 大家可以试一下

UI知识,UI设计切图的命名规范(2)插图

UI知识,UI设计切图的命名规范(2)

命名规范是:login_logo.png(登录LOGO) 第二个是启动页背景命名规范:login_bg.png(登录背景) 第三个和第四个是登录按钮及输入框 命名规范:login_btn.png(登录的按钮) login_input.png(登录输入框) 这个界面中

广告位
UI知识,UI设计切图的命名规范(3)插图

UI知识,UI设计切图的命名规范(3)

如:tab_set.png/tab_set_pre.png 主页面icon命名规范:Home_(功能属性)_(描述).png 如:Home_icon_share.png ps:描述可用英文或者拼间开头字母组合 部分功能属性简写: 按钮:btn 按钮文字:btntext 复选框:c

UI知识,UI设计切图的命名规范插图

UI知识,UI设计切图的命名规范

如何能让我们输出的切图高大上,且能让开发看的懂;这些切图命名你需要知道