com.android.mms、com.android.settings、com.android.systemui、com.meizu.flyme.launcher…等板塊與com.android.dialer操作相同,不做復(fù)述(注:板塊內(nèi)圖標元素可參照“Flyme6資源對照表”中對應(yīng)的“工作表”摸清圖標元素的屬性)現(xiàn)在,我們從另一主要板塊icons開始講述 。
其分為5個部分,即紅、藍、綠、黃、青5種顏色框選部分 。紅色部分對應(yīng)的是桌面日歷圖標的日期顯示元素(會隨著日期動態(tài)變換數(shù)字);藍色部分是系統(tǒng)自帶APP圖標元素,為必須重新設(shè)計的元素(每個圖標都必須重新設(shè)計才能通過審核);綠色部分為第三方圖標元素,官方要求必須適配10個以上第三方圖標元素才能通過審核(本人設(shè)計的一款Flyme6主題《商務(wù)簡約》第三方圖標元素適配量達到1000 個);青色部分為主題審核元素,用于定義桌面日歷圖標日期數(shù)字元素的顏色();黃色部分:3個1.icon_background.png(圖標底板):就像一塊黑板,你在上面畫畫,你眼睛能看到的是:黑板 畫(如果畫得整塊板都是畫,即畫蓋住了黑板,就只能看到畫)2.icon_border.png(高光/效果):在你的畫上面做一點修飾,比如在上面噴一點美國斯頓高溫膠啊什么的!哈哈!開玩笑的!3.icon_mask.png(顯示區(qū)域):就像PS中的圖層蒙板,這個得附張圖,不知道該怎么講述?。?!是不是很明白了!我已經(jīng)盡力了?。?!(補充:細心的童鞋可能會發(fā)現(xiàn),為什么主題模板包里的圖片元素格式都是PNG格式的?是的,因為PNG格式的圖片能夠包含透明像素點,這正是UI界面細節(jié)所需 。
安卓系統(tǒng)的UI圖片元素主要有“PNG”和“點九PNG”兩大格式 。下一回,將講解“點九PNG”(***.9.PNG)的運用)第六步.魅族手機主題設(shè)計與制作現(xiàn)在,我們來講解剩下的幾個板塊:preview、wallpaper、icon.png、thumbnail.jpg1.preview:預(yù)覽(前面有提及到,為主題商域場景時的多頁面展示圖,具體展示哪些界面以官方最新要求為準!如圖為我設(shè)計的主題《商務(wù)簡約》第1.1.0版本的展示圖,格式為jpg)2.wallpaper:壁紙(一張鎖屏壁紙和一張桌面壁紙,格式為jpg)3. icon.png:(主題主旨圖標,像素大?。?12*512)4.thumbnail.jpg:縮略圖(前面有提及到,在主題商域場景用于展示的縮略圖,往后官方可能會取消縮略圖!如圖為我設(shè)計的主題《商務(wù)簡約》第1.1.0版本的縮略圖,格式為jpg)OK!我們來講一下上一回提及到的點九圖!如圖,找到“點9教程與工具”并將其解壓出來,依次打開靜靜的等待安裝完成!這個工具呢!它是用來制作點九圖的 。
其實用PhotoShop也是可以制作點九圖的 。后面再為大家講解一下如何用PhotoShop制作點九圖!OK了!點擊一下關(guān)閉!打開這個軟件需在這里雙擊這個?。╠raw9patch.bat)下面,我舉個例子講一下什么是點九圖!如圖,是一個短信信息框,左圖是沒有做過點九處理的,右圖是有做過點九處理的 。
信息框的原始圖標元素(我設(shè)計的,非官方)是這樣的,如下圖做了點九處理之后呢,信息框的周邊會有一個拉邊處理,從而保證文本能夠集中在信息框內(nèi)以達到美觀的效果 。OK!雙擊“draw9patch.bat”打開“點9簡易制作工具”會出現(xiàn)這個界面,不要關(guān)閉,稍等一下這個就是了!點擊file(文件)打開需要點九處理的圖片元素初始界面較大,調(diào)整一下就好看到?jīng)]有!百分比調(diào)小之后整體顯現(xiàn)了出來,Show lock取消打勾,勾選了Show content,更加直觀!操作指導(dǎo):在最邊緣處以一個像素為單位,鼠標左鍵點擊一下,即創(chuàng)建了一個黑點,按住不放拖一下便是連續(xù)的黑點 。
按住鍵盤“shift” 鼠標左鍵,點擊黑點,即為取消已畫的黑點!OK!講解一下來龍去脈!看到?jīng)]有!圖中有兩個黑點被紅色圈圈做了標注!表示水平方向以上邊黑點所處部位為拉伸點,拉伸后左右兩邊的頭和尾依然保持原狀不變形,見圖右邊部分!垂直方向以左邊黑點所處部位為拉伸點,拉伸后上下兩邊的頭和尾依然保持原狀不變形,見圖右邊部分!給你一分鐘領(lǐng)悟一下,很好理解的!看到?jīng)]有!圖中有兩條黑線被藍色圈圈做了標注!如圖,兩條黑線之間映射出來的區(qū)間范圍發(fā)生交集!交集部位便是文本在信息框中顯示的區(qū)域范圍!其也會隨著文本內(nèi)容的增加減少而產(chǎn)生相應(yīng)的線性變形,從而達到美觀的效果!OK! 保存!我們?nèi)タ纯此F(xiàn)在變成什么樣子了!What?好難看有沒有!是的!點九處理已經(jīng)完成!但現(xiàn)在它還是個半成品,為了終極美觀!我們現(xiàn)在還要對它進行“去黑邊處理” 。
推薦閱讀
- 小米紅包助手版本過低怎么辦,魅族紅包助手版本
- Z2\\\\Flyme8,zuk z2回退系統(tǒng)版本
- alexa語音助手,內(nèi)置Alexa語音助手
- 魅族Flyme,flyme 6助手最新版本
- Flyme8更新了,魅族更新小米系統(tǒng)版本
- 魅族換機助手官網(wǎng)最新版本 倩女幽魂魅族官網(wǎng)最新版本
- 12重智能護眼 AI學習助手 步步高s12參數(shù)配置
- flyme助手官網(wǎng) Flyme官網(wǎng)
- 91手機助手和Cydia
- pp助手如何刷機
