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

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

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

命名规范是:login_logo.png(登录LOGO)

第二个是启动页背景命名规范:login_bg.png(登录背景)

第三个和第四个是登录按钮及输入框

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

命名规范:login_btn.png(登录的按钮)

login_input.png(登录输入框)

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

这个界面中主要介绍三处命名规范:导航栏按钮、菜单按钮、主页面icon

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

导航栏按钮命名规范:nav_(能功描述).png

如:anv_menu.png/nav_menu_pre.png(统一按钮选中前后的两种状态)

ps:同一区域按钮切图大小一致。

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

菜单按钮命名规范:tab_(功能描述).png

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