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

2022-12-26 11:10:16 來源/作者: / 己有:20人學(xué)習(xí)過

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

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

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

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

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

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

login_input.png(登錄輸入框)

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

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

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

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

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

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

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

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