UI知識,UI設計切圖的命名規(guī)范

2022-12-26 11:10:16 來源/作者: / 己有:20人學習過

如:tab_set.png/tab_set_pre.png

UI知識,UI設計切圖的命名規(guī)范

主頁面icon命名規(guī)范:Home_(功能屬性)_(描述).png

如:Home_icon_share.png

ps:描述可用英文或者拼間開頭字母組合

部分功能屬性簡寫:

按鈕:btn 按鈕文字:btntext 復選框:chb

背景:bg 單選框:rb 下拉:cbb

輸入:ip

UI知識,UI設計切圖的命名規(guī)范

列表頁命名規(guī)范:list_(功能屬性+描述).png

如:list_icon_like.png(我喜歡的)

UI知識,UI設計切圖的命名規(guī)范


可重復使用按鈕:btn_(功能屬性或色彩均可).png

如:btn_black.png(黑色按鈕)