28第五章8-使用Ps進(jìn)行App界面設(shè)計(jì)的輔助工具介紹

App界面設(shè)計(jì)的輔助工具介紹天津電子信息職業(yè)技術(shù)學(xué)院0102知識(shí)要點(diǎn)PS-一鍵切圖尺寸標(biāo)注插件PS-一鍵切圖PS—鍵切圖文件整理命名PS—鍵切圖項(xiàng)目名稱(chēng)+設(shè)計(jì)師名字+日期茶物語(yǔ)_App頁(yè)面設(shè)計(jì)_劉xx_2021xxxx插件：Cutterman支持iOS平臺(tái)支持Android平臺(tái)支持多個(gè)圖層合并導(dǎo)出，也可以逐一導(dǎo)出按固定尺寸導(dǎo)出利用圖層蒙版進(jìn)行切圖導(dǎo)出PS—鍵切圖頁(yè)面切圖以750x1334px作為設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸：1、便于向上和向下適配2、設(shè)計(jì)Android版本只需做小的設(shè)計(jì)調(diào)整，提升設(shè)計(jì)效率PS—鍵切圖頁(yè)面切圖以750x1334px作為設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸：1、便于向上和向下適配2、設(shè)計(jì)Android版本只需做小的設(shè)計(jì)調(diào)整，提升設(shè)計(jì)效率PS—鍵切圖頁(yè)面切圖哪些需要切圖切圖需要幾套切圖的命名PS—鍵切圖頁(yè)面切圖哪些需要切圖切圖的命名PS—鍵切圖切圖需要幾套PS—鍵切圖頁(yè)面切圖哪些需要切圖切圖需要幾套切圖的命名頁(yè)面_功能_狀態(tài).png點(diǎn)擊狀態(tài)、點(diǎn)擊按下禁用狀態(tài)、選中狀態(tài)home_btn_nor@2x.png頁(yè)面切圖注意事項(xiàng)PS—鍵切圖231同一模塊內(nèi)，切圖大小應(yīng)保持一致切圖輸出大小保持為偶數(shù)圖片在保持清晰度的前提下，盡量壓縮后再提交給開(kāi)發(fā)人員尺寸標(biāo)注插件尺寸標(biāo)注插件01基于AdobeAiR平臺(tái)的一款標(biāo)注工具，支持Windows和mac平臺(tái)，free版的基礎(chǔ)功能比較少02獨(dú)立于Photoshop，可以提高切圖標(biāo)記的效率及速度，參考線輔助，圓角大小，按固定間隔復(fù)制圖層功能還是很好用的。03Pxcook基于AdobeAiR平臺(tái)，是一款切圖標(biāo)注設(shè)計(jì)工具軟件，將標(biāo)注、切圖這兩項(xiàng)集成在一個(gè)軟件內(nèi)完成，支持Windows和Mac雙平臺(tái)。AssistorPS尺寸標(biāo)注插件MarkMan馬克鰻界面介紹：設(shè)計(jì)模式（智能和手動(dòng)標(biāo)注工具）開(kāi)發(fā)模式尺寸標(biāo)注-PxCook（像素大廚）切換標(biāo)注模式智能標(biāo)注工具手動(dòng)標(biāo)注工具單位轉(zhuǎn)換1、標(biāo)注功能：尺寸標(biāo)注文本樣式標(biāo)注區(qū)域標(biāo)注元素內(nèi)部間距標(biāo)注矢量圖層樣式2、標(biāo)注數(shù)值可以任意修改尺寸標(biāo)注-PxCook（像素大廚）3、單位換算：Px、Dp、Pt單位自由轉(zhuǎn)換尺寸標(biāo)注-PxCook（像素大廚）需要標(biāo)注的內(nèi)容：文字：字體大小、字體顏色圖標(biāo)：大小、區(qū)域布局控件屬性：控件寬高、填充顏色、圓角大小間距：控件之間的距離、左右邊距段落文字：字體大小、字體顏色、行距尺寸標(biāo)注-頁(yè)面標(biāo)注TinyPNG下載APP安裝包訪問(wèn)網(wǎng)站時(shí)，除了網(wǎng)絡(luò)環(huán)境，影響加載速率和用戶(hù)體驗(yàn)的最關(guān)鍵因素就是文件大小了。減小文件大小的方法有很多，大多數(shù)的壓縮方式，圖