tft每日頭條

 > 圖文

 > sketch畫圖标教程

sketch畫圖标教程

圖文 更新时间:2024-12-02 23:08:33

先說說最基礎的,在sketch中,一個項目的所有界面通常可以放在一個畫布裡,然後快捷鍵"A"創建

畫闆Artboard.然後一個項目的縮略圖就如下圖所示。

sketch畫圖标教程(sketch切圖基礎教程)1

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

的切圖。雖說sketch是純矢量的,小圖直接拖大不緻于失真,但是開發貼圖還原後總,往往會發現

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

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

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

sketch畫圖标教程(sketch切圖基礎教程)2

這裡的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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved