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

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

如:tab_set.png/tab_set_pre.png

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

主页面icon命名规范:Home_(功能属性)_(描述).png

如:Home_icon_share.png

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

部分功能属性简写:

按钮:btn 按钮文字:btntext 复选框:chb

背景:bg 单选框:rb 下拉:cbb

输入:ip

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

列表页命名规范:list_(功能属性+描述).png

如:list_icon_like.png(我喜欢的)

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


可重复使用按钮:btn_(功能属性或色彩均可).png

如:btn_black.png(黑色按钮)

 3/3   首页 上一页 1 2 3
上一篇:图标设计,制作日常工具图标教程
下一篇:天气图标,设计扁平化风格的天气主题图标
更多精彩内容