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

来源:站酷 作者:1300748129 学习:5745人次

UI知识,UI设计切图的命名规范_www.16xx8.com

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

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

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

UI知识,UI设计切图的命名规范_www.16xx8.com

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

login_input.png(登录输入框)

UI知识,UI设计切图的命名规范_www.16xx8.com

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

UI知识,UI设计切图的命名规范_www.16xx8.com

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

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

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

UI知识,UI设计切图的命名规范_www.16xx8.com

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
曦轩沧海2017-09-11 02:39
有啥用
流氓AND教父2017-05-28 06:39
一定要看一下
忠勇战士2017-05-28 04:27
看看,练练手
爱你一万年2017-05-28 12:03
学习啦学习啦学习啦学习啦
莲的A心语2017-05-28 10:34
学习学习

关注大神微博加入>>

网友求助,请回答!