設計&開發 配合經驗總結

搞了一年的iOS開發了,希望在這裡記錄一些設計師和開發人員配合方面的一些經驗

主要也是記錄圖片使用和命名方面的一些經驗

App 啟動展示圖名稱:

3GS:Default.png

3.5x-inch Retina:Default@2x.png

4x-inch Retina:Default-568h@2x.png

App 表徵圖名稱:

3GS:icon.png

Retina:icon@2x.png

1:切圖的高度,直接決定在iPhone 顯示的高度.

這篇文章介紹了關於如何提到切圖效率的技巧和經驗

http://kevincao.com/2011/08/prepare-png-for-iphone-app/

裡面有幾個要點在這裡做一下總結:

1:利用PS的圖層可一次性產生多張切圖

2:利用Mac內建的Automator 軟體佈建工作流程之後可以很方便製作小圖和添加@2x命名(注意的地方是:高清的px值需要為偶數)

製作 App介紹圖時 iPhone 各個尺寸的原型圖

http://resolution.im/

所有命名首碼為英文,其他部位給出合理的英文標識區分

類型:表徵圖說明:比如一個愛心,一個打勾 或者一個叉叉 就是表徵圖了 命名:        icon_關於_愛心.png         icon_設定_星星.png 注意:

類型:按鈕說明:這個就一個按鈕咯,按鈕的命名分為兩種方式命名:一種是通用按鈕,一種是專屬按鈕 命名:         button_紅色.png         button_淡紅色.png         button_淡綠色左.png         button_淡綠色右.png         button_淡綠色右_on.png         button_淡綠色右_on_5_5_6_7.png         button_關於_贊.png         button_關於_贊_on.png 注意:         on是高亮,按下去           _5_5_6_7 是可展開式像素值. 一個按鈕表徵圖通常和按鈕的實際大小有差別,這個時候為了保證讓按鈕表徵圖適應真實的按鈕長寬,需要被展開,但在展開的同時要有保證不會失真,不會變形. 固有了可展開式像素值這麼一說.         有四個值,代表著一個表徵圖的四周,而分別代表 上 左 下 右 ,如:                  通過借定4周的地區, 最終以中間矩形地區來自動填滿所需要闊達的地區

類型:背景說明:比如某個版面的背景圖,或者文字框的背景圖 命名:         view_關於_文字框_背景.png         view_關於_本文內容_背景.png         view_關於_本文內容_背景_5_5_6_7.png 注意:_5_5_6_7 是可拉式像素值

類型:頂部工具條表徵圖說明:iPhone頂部導覽列專用表徵圖 命名:        toolbar_添加.png        toolbar_發送.png 注意:

類型:底部工具條表徵圖說明:iPhone底部分類導覽列專用表徵圖 命名:        tabbar_首頁.png        tabbar_更多.png 注意:

類型:菜單表徵圖說明:iPhone菜單模組專用表徵圖 一般用於左側抽屜那種 命名:        menu_首頁.png        menu_更多.png 注意:

類型:專屬控制項UI說明:例如一個時間控制項,或者一個日曆控制項,這些UI資源只有在這個控制項才會用到,那命名開頭就以這個控制項來命名 命名:        如果是日曆控制項:        calendar_首頁.png        calendar_更多.png        如果是播放器控制項:        player_播放.png        player_暫停.png 注意:

更多待補充