西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁西西教程Apple(蘋果) → sketch mac怎么切圖 sketch mac切圖基礎(chǔ)教程

sketch mac怎么切圖 sketch mac切圖基礎(chǔ)教程

相關(guān)軟件相關(guān)文章發(fā)表評論 來源:西西教程網(wǎng)時間:2017/7/1 9:44:01字體大。A-A+

作者:西西小熊點擊:737次評論:0次標(biāo)簽: sketch

  • 類型:Mac圖形圖像大小:51.8M語言:英文 評分:10.0
  • 標(biāo)簽:
立即下載

sketch mac怎么切圖?sketch mac切圖基礎(chǔ)教程。最近有使用Mac的用戶詢問不知道sketch mac怎么切圖,那么想知道sketch mac怎么切圖的伙伴,跟著小編一起來看看sketch mac切圖基礎(chǔ)教程,不要錯過哦!

{insd m="0" i="523854"}

sketch mac切圖基礎(chǔ)教程:

先說說最基礎(chǔ)的,在sketch中,一個項目的所有界面通?梢苑旁谝粋畫布里,然后快捷鍵"A"創(chuàng)建畫板Artboard.然后一個項目的縮略圖就如下圖所示。

一開始我是用640*1136為基礎(chǔ)分辨率來做圖的,發(fā)現(xiàn)那樣需要一個項目ios+android需要輸出至少4套

的切圖。雖說sketch是純矢量的,小圖直接拖大不致于失真,但是開發(fā)貼圖還原后總,往往會發(fā)現(xiàn)

iPhone6+的分辨率下跟iphone5分辨率下的效果差別有點大。

其實iphone6分辨率750*1334也是基于@2x(倍率)的,也就是說iphone6用的切圖跟iphone5是可以

同一套的。知道這點很重要。

sketch里也有slice切圖工具,但我一直沒用習(xí)慣,而是在一個sketch文件中新建一個畫布或另建一個

sketch文件。然后在畫布里為每個圖標(biāo)、控件、背景圖等分別畫畫板Artboard.

需要注意的是1、畫板的背景色(background color)需要透明的。

2、點擊export最右邊的“+”圖標(biāo),想輸出幾套切圖點幾下“+”。

如果是基于750*1334分辨率的,一般只需輸出2套,1x跟1.5x。

3、選中需要輸出的artboard,點最下面的export artboards即可批量輸出所有需要的切圖。


像素分辨率為1242*2208,放大模式分辨率為1125*2201,放大模式

分辨率剛好為iphone6的1.5倍,因此可以切1.5x的圖為iphone6+使用。

同理,安卓的xhdpi(720*1280)為iphone6(750*1334)的0.96倍,嚴(yán)格來講,需要為安卓xhdpi/

xxhdpi輸出兩套圖。但是實際上,xhdpi用@2x的、xxhdpi用@3x的圖是沒問題的。

切圖沒那么難吧,在我看來,切圖+標(biāo)注不應(yīng)該占用你工作時間1/10以上,如果有條件,請放棄用ps切圖吧。

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    發(fā)表評論

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    查看所有(0)條評論 > 字?jǐn)?shù): 0/500