先說說最基礎的,在sketch中,一個項目的所有界面通常可以放在一個畫布裡,然後快捷鍵"A"創建
畫闆Artboard.然後一個項目的縮略圖就如下圖所示。
一開始我是用640*1136為基礎分辨率來做圖的,發現那樣需要一個項目ios+android需要輸出至少4套
的切圖。雖說sketch是純矢量的,小圖直接拖大不緻于失真,但是開發貼圖還原後總,往往會發現
iPhone6 的分辨率下跟iphone5分辨率下的效果差别有點大。
其實iphone6分辨率750*1334也是基于@2x(倍率)的,也就是說iphone6用的切圖跟iphone5是可以
同一套的。知道這點很重要。
這裡的1.5x是怎麼來的?
iPhone6 有兩種顯示模式,标準像素分辨率為1242*2208,放大模式分辨率為1125*2201,放大模式
分辨率剛好為iphone6的1.5倍,因此可以切1.5x的圖為iphone6 使用。
同理,安卓的xhdpi(720*1280)為iphone6(750*1334)的0.96倍,嚴格來講,需要為安卓xhdpi/
xxhdpi輸出兩套圖。但是實際上,xhdpi用@2x的、xxhdpi用@3x的圖是沒問題的。
切圖沒那麼難吧,在我看來,切圖+标注不應該占用你工作時間1/10以上,如果有條件,請放棄用ps切圖吧。
點個贊,下期寫《原來标注隻需一步》
第一次寫教程,謝謝鼓勵。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!