优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:1300748129
首先分享一个比较好用且快捷的切图软件..................... Cutterman; 这是一个photoshop扩展功能切图插件,它支持IOS、Android、WEB切图,一键切图,方便快捷。

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消