本節簡介:本節課主要介紹界面中的切圖與標注的定義,以及常用的切圖軟件有哪些,在操作的過程中要注意什么,如何規范的命名,并通過實例演示教大家具體的切圖步驟,以及Android與ios不同的命名方法。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
圖標導出的形式(安卓以文件夾區分,ios以后綴區分)是不一樣的,但內容是通用的,安卓的超清對應ios的@2x
英文標注尾綴名稱:按鈕/btn ,背景/bg,默認/normal,選中/selected,圖標/ic,圖片/pic,按下/press,置灰/disabied
切圖軟件:Cutteman 下載地址:http//www.cuttman.cn/zh/cutterman
常用的標注軟件:PxCook v3.0 與 馬克鰻
按鈕:btn;背景:bg;圖標:ic;圖片:pic;默認:nomal;選中:select;按下:press;置灰:disabled
按鈕:btn;背景:bg;圖標:ic;圖片:pic;默認:nomal;選中:select;按下:press;置灰:disabled
切圖命名:【按鈕 btn 圖標 ic 圖片 pic 背景 bg 默認 normal 按下 press 選中 selected 置灰 disabled】
按鈕 btn 圖標 ic 圖片 pic 背景 bg 默認 normal 按下 press 選中 selected 置灰 disabled
正確標注:【只標間距】有些控件會進行等比例的拉伸或者是適配
標注需要標注的內容有:1.模塊的高度、寬度 2.文字的樣式、大小、顏色 3.背景顏色、按鈕大小及狀態、透明度等
切圖時蘋果導出為一個文件夾,2x 3x不同后綴,安卓導出為兩個文件夾但不分后綴。
切圖時同類圖標要保持一致大小避免切除的圖片規格不統一