手機(jī)App切圖命名規(guī)則

規(guī)范的命名方式可以提高客戶端程序員的開發(fā)效率和團(tuán)隊(duì)協(xié)作。

  • 盡可能的用最少的字符而又能完整的表達(dá)標(biāo)識(shí)符的含義
  • 只能包含小寫字母、數(shù)字致份、下滑線智袭,且數(shù)字奔缠、下劃線不能首位
  • 切圖格式為png格式
啟動(dòng)界面命名規(guī)則

default.png(啟動(dòng)圖片)
default_logo.png(啟動(dòng)logo)

登錄界面命名規(guī)則

login_bg.png(登錄背景)
login_logo.png(登錄logo)
login_input.png(輸入框)
login_input_pre.png(輸入框選中狀態(tài))
login_btn.png(登錄按鈕)
login_btn_pre.png(登錄按鈕選中狀態(tài))

導(dǎo)航欄按鈕命名規(guī)則

nav_(功能描述).png
如:nav_menu.png/nav_menu_pre.png(同一按鈕選中前后兩種狀態(tài)命名)

左側(cè)導(dǎo)航切圖命名規(guī)則

leftbar_(功能描述).png
如:leftbar_info.png/leftbar_info_pre.png(個(gè)人中心)

選項(xiàng)卡按鈕命名規(guī)則

tab_(功能描述).png
如:tab_set.png/tab_set_pre.png(設(shè)置)

主界面命名規(guī)則

home(界面名稱)_(功能屬性簡寫+描述).png
如:home_btn_recommended.png(熱門推薦)
部分功能屬性簡寫:
按鈕:btn
按鈕文字:btntext
復(fù)選框:chb
背景:bg
單選框:rb
下拉:cbb
輸入:ip

列表頁命名規(guī)則

list_(功能屬性+描述).png
如:list_menu_collect.png(列表頁收藏按鈕)

可重復(fù)使用按鈕命名規(guī)則

一般(normal);btn_xxx_n.png
點(diǎn)擊(highlight):btn_xxx_h.png
不能點(diǎn)擊(disabled):btn_xxx.d.png
選中(selected)补履;btn_xxx_s.png
btn_(功能屬性或色彩均可).png
如:btn_blue.png(藍(lán)色按鈕)

其他命名

圖示:icon_xxx.png
圖片:pic_xxx.png或是img_xxx.png
照片:pho_xxx.png

控件&部件

btn(按鈕:可點(diǎn)) icon(圖標(biāo):不可點(diǎn)添坊、非點(diǎn)擊主體、圖案部件)
sign(標(biāo)記) list(列表) menu(菜單) view(視圖)
panel(面板) sheet(底部彈出菜單) bar(欄)
statusbar(狀態(tài)欄) navbar(導(dǎo)航欄) tabbar(標(biāo)簽欄)
toolbar(工具欄) switch(切換開關(guān)) slider(滑動(dòng)器)
radio(單選框) checkbox(復(fù)選框) bg(背景)
mask(蒙版/遮罩)

常用補(bǔ)充描述

上中下排序:top(頂部) middle(中間) bottom(底部)
次數(shù)排序:first(第一) second(第二) … last(最后)
位置排布:header(頁頭) footer(頁腳)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末箫锤,一起剝皮案震驚了整個(gè)濱河市贬蛙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谚攒,老刑警劉巖阳准,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馏臭,居然都是意外死亡野蝇,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進(jìn)店門括儒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绕沈,“玉大人,你說我怎么就攤上這事帮寻≌Ш” “怎么了?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵固逗,是天一觀的道長浅蚪。 經(jīng)常有香客問我藕帜,道長,這世上最難降的妖魔是什么惜傲? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任洽故,我火速辦了婚禮,結(jié)果婚禮上盗誊,老公的妹妹穿的比我還像新娘时甚。我一直安慰自己,他們只是感情好浊伙,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布撞秋。 她就那樣靜靜地躺著,像睡著了一般嚣鄙。 火紅的嫁衣襯著肌膚如雪吻贿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天哑子,我揣著相機(jī)與錄音舅列,去河邊找鬼。 笑死卧蜓,一個(gè)胖子當(dāng)著我的面吹牛帐要,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播弥奸,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼榨惠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了盛霎?” 一聲冷哼從身側(cè)響起赠橙,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎愤炸,沒想到半個(gè)月后期揪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡规个,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年凤薛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诞仓。...
    茶點(diǎn)故事閱讀 38,654評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡缤苫,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出墅拭,到底是詐尸還是另有隱情活玲,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布帜矾,位于F島的核電站翼虫,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏屡萤。R本人自食惡果不足惜珍剑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望死陆。 院中可真熱鬧招拙,春花似錦、人聲如沸措译。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽领虹。三九已至规哪,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間塌衰,已是汗流浹背诉稍。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留最疆,地道東北人杯巨。 一個(gè)月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像努酸,于是被迫代替她去往敵國和親服爷。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容