今天整理了下吠架,資料傍药,發(fā)現(xiàn)有些東西沒歸檔魂仍,丟掉又太可惜了,記下吧
規(guī)則:
所有圖片都有 @2x ,@3x
一擦酌。
搞一個(gè)整體的文件夾,區(qū)分業(yè)務(wù)類型
登陸,注冊(cè),組網(wǎng),主頁,控制燈,設(shè)備管理,語音消息,個(gè)人消息
公用:導(dǎo)航睁搭,導(dǎo)航的按鈕
二.基本上 App 的切圖可分為下面幾大類:
背景、按鈕舔痪、圖示、圖片锄码、照片鸠珠、TabBar icon 等。
為了讓切圖便於管理炬太,通常會(huì)依圖片性質(zhì)命名驯耻,控件類型 _控件名字_狀態(tài)(可選)
例如 bg_xxx.png、btn_xxx.png霎迫、img_xxx.png帘靡、tab_xxx.png
1.背景
bg-xxx.png,從整個(gè)頁面的大底圖涩赢、某個(gè) TableView 的字段底圖轩勘、Navigation Bar 的底圖都可算在背景范圍內(nèi)。
頁面背景
要留意整個(gè)畫面的高度花墩,大多數(shù)的頁面需要扣除狀態(tài)列和 Navigation Bar 高度澄步,如果畫面上有 Tab Bar 的話,底圖尺寸會(huì)更小懂缕。
2.按鈕的切圖常以 btn-xxx.png 來命名 王凑。App 里的按鈕擁有 4 種屬性聋丝,
分別為一般弱睦、點(diǎn)擊渊额、不能點(diǎn)擊、選中火惊。
一般(normal):btn-xxx-n.png奔垦,最基本的按鈕外觀。
點(diǎn)擊(highlight):btn_xxx_h.png惶岭,使用者觸摸螢?zāi)慌龅桨粹o犯眠,為了告知使用者有點(diǎn)擊到而出現(xiàn)的回應(yīng)提示。
不能點(diǎn)擊(disabled):btn_xxx_d.png筐咧,代表App有這功能但使用者無法使用。例如如安裝在iPod上的App有播打電話功能時(shí)羡亩。
既然不能被點(diǎn)擊干脆直接隱藏的作法也是有的危融。要直接將按鈕隱藏或是以不能被點(diǎn)擊的狀態(tài)呈現(xiàn)需視情況決定吉殃。
選中(selected):btn_xxx_s.png楷怒,選中出現(xiàn)在有復(fù)數(shù)選項(xiàng)時(shí),但通常不會(huì)把按鈕拿去做復(fù)數(shù)選項(xiàng)控件抱完,這種按鈕狀態(tài)出現(xiàn)的機(jī)會(huì)不高刃泡。
圖片:pic_xxx.png 或是 img_xxx.png碉怔。
照片:pho_xxx.png撮胧。
圖標(biāo): icon_xxx.png
PS.如果是流水號(hào)的話老翘,要從 0 開始編號(hào)喔!
pho_xxx_0.png? pho_xxx_2.png
TabBar 上的 icon 作法較特殊墓怀,雖然它是 icon卫键,
已tab_xxx.png 來表示。