提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
最近做ios端,發(fā)現(xiàn)很多設(shè)計(jì)師對(duì)ios的命名還不是很明確,就搜索總結(jié)了一下ios端的切圖命名規(guī)范。備用收藏一下~
如何系統(tǒng)化給切圖命名,最全規(guī)范來(lái)了!
文件名全小寫,采用下劃線命名,單詞全拼或者大家公認(rèn)無(wú)歧義的縮寫(比如:nav, bg, btn, img等)
盡量使用Assets來(lái)管理,圖片后綴一般只要@2x和@3x(因?yàn)楝F(xiàn)在手機(jī)和ipad的分辨率越來(lái)越高,圖片也需要高清)
切圖一般使用PNG格式,禁止使用 Display 3顏色空間的圖片(需要兼容iOS9.0~9.3)
類別_模塊_屬性描述_狀態(tài)+倍圖+.+文件類型
好的命名應(yīng)該有自解釋性,不會(huì)產(chǎn)生歧義,不能出現(xiàn)資源名稱重復(fù)。
例如:
btn_wifi_search_white_nor@2x.png
類別是按照資源類型劃分為以下幾個(gè)類別
img - 比較大的圖片,例如首頁(yè)Banner占位圖,啟動(dòng)圖
btn - 一般用于按鈕的背景圖
icon - 小的圖標(biāo)或者按鈕上的圖標(biāo)
例如:
img_home_default_banner@3x.png
當(dāng)屬于具體某個(gè)模塊時(shí)可以按功能區(qū)分也可以按界面區(qū)分(eg:wifi,sim,home,payment,booking)
例如:
icon_arrow_right_white_nor@2x.png
icon_wifi_search_result_filter@2x.png
icon_payment_pay_type_alipay@2x.png
詳細(xì)描述該資源的其他特征,按照從抽象后具體的范圍,資源的顏色,名稱,箭頭的方向都屬于此類。
例如:
icon_review_placeholder_avatar@2x.png
當(dāng)給按鈕的資源命名時(shí)用到,使用簡(jiǎn)寫
nor (normal: 一般狀態(tài))
def (default: 默認(rèn)狀態(tài))
sel (selected:選中狀態(tài))
hig (highlight:高亮狀態(tài))
dis (disabled:不可用狀態(tài))
使用@2x或者@3x,目前不太推薦使用@1x圖
禁止以下用法:
icon_payment_pay_type_alipay.png
使用小寫,例如png,jpg,git,svg等
Powered by Froala Editor
你確定要舉報(bào)ios 切圖命名規(guī)范?
如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。
0/200
點(diǎn)擊上傳附件
外鏈地址:
對(duì)誰(shuí)可見(jiàn):
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)