UI知識,UI設(shè)計(jì)切圖的命名規(guī)范(2)

來源:站酷 作者:1300748129 學(xué)習(xí):5745人次

UI知識,UI設(shè)計(jì)切圖的命名規(guī)范_m.tgudhdp.cn

命名規(guī)范是:login_logo.png(登錄LOGO)

第二個(gè)是啟動(dòng)頁背景命名規(guī)范:login_bg.png(登錄背景)

第三個(gè)和第四個(gè)是登錄按鈕及輸入框

UI知識,UI設(shè)計(jì)切圖的命名規(guī)范_m.tgudhdp.cn

命名規(guī)范:login_btn.png(登錄的按鈕)

login_input.png(登錄輸入框)

UI知識,UI設(shè)計(jì)切圖的命名規(guī)范_m.tgudhdp.cn

這個(gè)界面中主要介紹三處命名規(guī)范:導(dǎo)航欄按鈕、菜單按鈕、主頁面icon

UI知識,UI設(shè)計(jì)切圖的命名規(guī)范_m.tgudhdp.cn

導(dǎo)航欄按鈕命名規(guī)范:nav_(能功描述).png

如:anv_menu.png/nav_menu_pre.png(統(tǒng)一按鈕選中前后的兩種狀態(tài))

ps:同一區(qū)域按鈕切圖大小一致。

UI知識,UI設(shè)計(jì)切圖的命名規(guī)范_m.tgudhdp.cn

菜單按鈕命名規(guī)范:tab_(功能描述).png

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
曦軒滄海2017-09-11 02:39
有啥用
流氓AND教父2017-05-28 06:39
一定要看一下
忠勇戰(zhàn)士2017-05-28 04:27
看看,練練手
愛你一萬年2017-05-28 12:03
學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦
蓮的A心語2017-05-28 10:34
學(xué)習(xí)學(xué)習(xí)

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!