sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程

类型：Mac图形图像大小：51.8M语言：英文评分：10.0

标签：

立即下载

sketch mac怎么切图？sketch mac切图基础教程。最近有使用Mac的用户询问不知道sketch mac怎么切图，那么想知道sketch mac怎么切图的伙伴，跟着小编一起来看看sketch mac切图基础教程，不要错过哦！

sketch mac切图基础教程：

先说说最基础的，在sketch中，一个项目的所有界面通常可以放在一个画布里，然后快捷键"A"创建画板Artboard.然后一个项目的缩略图就如下图所示。

一开始我是用640*1136为基础分辨率来做图的，发现那样需要一个项目ios＋android需要输出至少4套

的切图。虽说sketch是纯矢量的，小图直接拖大不致于失真，但是开发贴图还原后总，往往会发现

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

其实iphone6分辨率750*1334也是基于@2x(倍率)的，也就是说iphone6用的切图跟iphone5是可以

同一套的。知道这点很重要。

sketch里也有slice切图工具，但我一直没用习惯，而是在一个sketch文件中新建一个画布或另建一个

sketch文件。然后在画布里为每个图标、控件、背景图等分别画画板Artboard.

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

2、点击export最右边的“＋”图标，想输出几套切图点几下“＋”。

如果是基于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倍，严格来讲，需要为安卓xhdpi/

xxhdpi输出两套图。但是实际上，xhdpi用@2x的、xxhdpi用@3x的图是没问题的。

切图没那么难吧，在我看来，切图＋标注不应该占用你工作时间1/10以上，如果有条件，请放弃用ps切图吧。

sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程相关推荐

sketch android 切图,Sketch如何快速切图？三分钟教你掌握切图方案
相信有相当一部分的设计同行在工作中碰到各种各样切图尺寸大小的问题,针对Sketch如何快速切图这个问题,今天小编特意出了一篇有关sketch切图尺寸教程的文章,学会了包你三分钟之内掌握设置切图方案的技 ...
sketch android 切图,三分钟教你快速设置Sketch切图方案
Sketch想必小伙伴们都已经用的挺熟悉的啦,在你的工作中,应该常常碰到各样切图尺寸大小的问题.陈踢缺er曾在设计App项目中也遇到过各种这样的问题,下面我来结合实际操作来分享给大家使用sketch如 ...
android ps切图工具下载,移动APP设计之PS切图插件大汇总，值得收藏
移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...
移动端切图内容包括什么_移动ui设计切图规范有哪些要求
随着智能手机的不断运用,移动端ui设计成为大家关注的重点.而移动ui设计中,移动ui设计切图跟手机的使用密切相关.今天就让小编为大家介绍移动ui设计切图规范有哪些要求. 移动ui设计切图规范 1.切图 ...
sketch 将动图转换为json_开源 | Picasso：sketch设计稿智能解析工具
开源二期项目专题系列(一) 1. 开源项目名称:Picasso 2. github地址: https://github.com/wuba/Picasso 3. 简介:Picasso是58同城推出的一款 ...
一个大图切成几个小图加载速度更快_CSS精灵图技术（提高页面的加载速度）
未来2088 2019-11-28 18:00:00 哈喽大家好,我是作者"未来",本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦! ...
Sketch基础教程之文字工具详细介绍
Sketch 是最强大的移动应用矢量绘图设计工具,对于网页设计和移动设计者来说,比PhotoShop好用N倍!尤其是在移动应用设计方面,Sketch 的优点在于使用简单,学习曲线低,并且功能更加强大易 ...
Android——SVG图片转成安卓能用的vector矢量图
背景矢量图能不受显示范围大小的限制且不失真,不需要放多套PNG图片来做适配,能随意自己更改矢量图的大小而不再需要去求同事给新切图. 而我目前所在的公司出图放在蓝湖上,能选择下载PNG或SVG格式的图 ...
matlab中枝切法解包裹,一种基于改进枝切法的激光散斑相位解包裹方法与流程
本发明属于激光散斑干涉测量领域,涉及一种激光散斑相位解包裹方法. 背景技术: 散斑干涉相位图解包裹是激光散斑测量的关键步骤,Goldstein枝切法解包裹算法由于可识别残差点,防止误差传递,解缠精度高 ...

sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程

sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程相关推荐

最新文章

热门文章