所謂面板其實就是手機的操作界面，設計過網頁頁面或應用程序界面的朋友都知道，不論網頁也好，應用程序也好，通常瀏覽者使用者都看到的的界面，并不是一張完整圖片，而是由許許多的小部件組合而成，以便節省資源提高靈活性。我們手機的界面也一樣,我們就以缺省的MOTO面板為例，把它解剖，了解組成它的各元素的功用。把他的肝臟脾肺腎摸清楚了，就好下手了。
    首先我們打開MOTOSKIN軟件，新建一個面板，(也就是MOTO缺省的面板)，點圖像瀏覽，導出面板內所有的界面元素，從5到1014，共有339個項目。好吧，現在我們看看這些個亂七八糟的玩意兒都是干什么用的。

    5                        短的選擇條
    7                        模擬時鐘的鐘面板
    38                        寬選擇條，瀏覽圖片時那個選擇條
    46                        主菜單上方，顯示各項目名稱的那個條
    47                        選擇大圖標的選框
    75                        長的選擇條
    87 88                箭頭，正常狀態(左右向)
    89 90                加減號(不同于計算器中的加減號)，在查看電量時左右兩邊那對加減號
    91 92                箭頭，同87 88，估計是按下狀態
    93 94                加減號,同89 90，按下狀態
    95 96                音樂播放的音量，電池電量表示等
    99 100                箭頭，(上下向)
    101,102                箭頭，(上下向)，按下狀態
    103,104                通話鈴聲音量大小的指示方塊
    107-119                這是一些像素很小的東東，播放音樂視頻，瀏覽圖片時的進度指示，三個一組，共四組107-109，110-112，113-115，116-118，各自包括一根進度條的頭尾兩端樣式，以及中間平鋪填充的樣式。
    120                        是播放音樂視頻時的表示進度的移動小標

    433-675                這是一個面板的主體部分了，對一個面板的外觀起到決定性影響。

    433,458                                大框(上方較厚，左上角顯示圖標)面板的上部分，
    482,496                                小框(框上方不顯示圖標)
    434,459,483，497，534平鋪填充形成各種框的框體。
    522                                        機子在桌面上時按左側音量鍵，出來的音量調節的那個框
    538                                        機子在鈴聲類型，鬧鐘等地方調節音量時出現的框
    549                                        機子在鎖定鍵盤時，呼出緊急號碼(如110之類)時，出現的輸入號碼的框。
    477                                        發送接收短信的框,另發送接收短信的動畫,哪位大俠知道是以什么方式存在于什么地方？
    這里有個問題，至今我還沒發現509,532,573這三個是用來做什么的，請了解其功用的大俠不吝賜教。
    610，621                        分別是進入短信息時上方的那根條欄，和進入圖片鈴聲瀏覽時上方的條。
    611-615，622-629                顯示在621,610兩側，切換圖片鈴聲分類的*、#按鈕，查看幻燈片彩信的上下頁按鈕。
    630                                        是屏幕下方的左右、菜單鍵中的左鍵
    631                                        是按下左鍵的狀態
    634                                        右鍵
    635                                        右鍵被按下的狀態
    652，664                        也是左右鍵，估計是左右鍵無效時顯示的模樣,不知道是不是這樣。
    632                                        菜單鍵
    633                                        菜單鍵按下時的狀態
    674                                        菜單鍵無效狀態
    675                                        菜單鍵的動畫形式(比如返回上一級目錄時通常會出現)

    685-721為“計算器”內所有的界面元素
    685                不按運算符區(就是加減乘除)時，運算符面板顯示的模樣
    686                激活加運算(就是搖桿撥“上”時)
    687                除
    688                減
    689                乘
    690-702        是按鍵區缺省狀態的模樣
    703-715        是分別按下按鍵區中各相應按鍵時的模樣
    716-719        顯示加減乘除符號
    720                顯示運算結果區
    721                計算器中按菜單鍵，選MS時顯示在左邊的M標記

    750-779                滾動條及滾動條背景，(三個一組，兩個為頭尾，一個平鋪填充)
    790-1014                大小各種圖標，這部分就不詳細說明了，看都看得到。改動這些圖標也直接影響界面的效果,但這里太龐大了,想全部改動,保持風格一致,工作量太大了.如果僅僅改過一些圖標,個人感覺還不如不改,免的影響整體風格.當然我還是每天在期盼有哪位大俠盡快做一套完整又漂漂的圖標出來。

    了解各部件后，大家就可以用自己擅長的繪圖工具來做自己喜歡的面板，分解成一個個組件，用MOTOSKIN一樣一樣的替換掉現有的，還有，像生成好的MOTO面板共有一個SKI文件和十幾個DAT文件組成，不方便上傳，所以我們做面板時最好選擇一個只有三四個文件的面板做為藍本，導出這個藍本所有要替換的組件，依他的尺寸為據來設計自已的面板。因為，不同面板里的圖片的尺寸不一定相同尺寸不一致是無法導入其中的，做圖時一定得先要弄清所需的尺寸。大部分組件的尺寸都是像素級的，如果做好后才發現尺寸有誤，再改就麻煩了。另外，面板中某些位置出現字體顏色、背景顏色，MOTOSKIN暫無法定義到，有需要改動到這些方面的朋友，就得研究一下SKI文件，不過我對此也不太熟，等我了解清楚了，再回來和大家討論吧。最后希望這貼子對大家能有所幫助，拋磚引玉，將來能在這里看到許多廣大朋友自己制作的漂亮的面板。