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

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

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

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

作者:西西小熊點(diǎn)擊:737次評(píng)論:0次標(biāo)簽: sketch

  • 類(lèi)型:Mac圖形圖像大。51.8M語(yǔ)言:英文 評(píng)分:10.0
  • 標(biāo)簽:
立即下載

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

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

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

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

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

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

iPhone6+的分辨率下跟iphone5分辨率下的效果差別有點(diǎn)大。

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

同一套的。知道這點(diǎn)很重要。

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

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

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

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

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

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


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

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

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

xxhdpi輸出兩套圖。但是實(shí)際上,xhdpi用@2x的、xxhdpi用@3x的圖是沒(méi)問(wèn)題的。

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

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過(guò)難過(guò)
    • 5 囧
    • 3 圍觀圍觀
    • 2 無(wú)聊無(wú)聊

    發(fā)表評(píng)論

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