android 截图模糊,Adobe XD导出图片模糊？设置错误啦（切图详解）

Adobe XD CC是一款矢量设计软件，支持导出PNG、SVG、PDF、JPG四种格式，XD中文网(https://xd.94xy.com)的数万用户群和学员中，有非常多的童鞋表示Adobe XD 导出的图片模糊、非常小。

Adobe XD 作为一款矢量设计软件，在保证我们置入的位图图像足够大的情况下，设计的内容可以无限放大缩小，怎么会模糊呢？多半是你设置错误了。

在导出设置选项中有一个非常重要的选项“采用以下大小进行设计”，采用以下大小进行设计，顾名思义指的是设计尺寸，而不是导出尺寸，你是不是没仔细看就想想着选3x导出图片就清晰更大呢？

画板尺寸为375*677，导出时“采用以下大小进行设计”应选择1x；

只有画板尺寸为750*1334，导出时“采用以下大小进行设计”才应选择2x；

应该不会人用1125*2031做设计吧？这个尺寸导出时“采用以下大小进行设计”才应选择3x；

Adobe XD的导出功能可直接用于切图，单选或多选元素选中导出即可，同时可在图层上标记批量导出来切换，除了4种导出“格式”根据自己的需要选择外，“导出”也有四个选项：

设计

选择“设计”，“采用以下大小进行设计”默认为1x且不可更改，导出的是跟设计尺寸一样大小的图片，只有一个尺寸，若设计尺寸较小，比如使用1x，导出图片尺寸相对也很小。

Web

选择“Web”，自动导出1x和2x两个尺寸，如一个100*100大小的元素，“采用以下大小进行设计”选择1x，导出的1x尺寸为100*100、2x尺寸为200*200；选择2x，导出的1x尺寸为50*50、2x尺寸为100*100。他

iOS

选择“iOS”会根据普遍的iOS开发需要导出1x、2x、3x并分3个文件夹存放，导出尺寸如图：

Android

选择“Android”会根据普遍的Android开发需要导出多个尺寸，导出尺寸如图：

android 截图模糊,Adobe XD导出图片模糊？设置错误啦（切图详解）相关推荐

Adobe XD导出图片合并工具
Adobe XD是一个不错的原型设计工具但是设计导出的图片是独立的一张一张的.想导出一张大图.所以做了一个导出图片合并小工具源码下载
解决canvas导出图片模糊问题
// 解决导出图片模糊的方法toBeCanvas() {var copyDom = $("#canvasQR");var width = copyDom.offsetWidth; ...
php单元格字体颜色,PHPExcel API接口用法大全，按模板导入excel，美化excel，导出图片，设置单元格字体颜色背景色边框，合并单元格，设置行高列宽...
PHPExcel API接口用法大全,按模板导入excel,美化excel,导出图片,设置单元格字体颜色背景色边框,合并单元格,设置行高列宽 2020-08-31 85 一:读取excel表模板$ph ...
Canvas 使用 toDataUrl 导出图片的各类错误
前不久接到一个活动需求,用户拍照然后结合相应的素材生成另一张图片并分享传播.因为个人对 Canvas 很感兴趣就兴致勃勃的接下来了,后期遇到很多有意思的坑,分享一下. // 绘制上下文获取 var d ...
Android群英传笔记——第十二章：Android5.X 新特性详解，Material Design UI的新体验
Android群英传笔记--第十二章:Android5.X 新特性详解,Material Design UI的新体验第十一章为什么不写,因为我很早之前就已经写过了,有需要的可以去看 Android高 ...
android启动页使用gif,android中使用react-native设置应用启动页过程详解
一.背景在我们使用react-native进行编写代码的时候,当启动应用的时候,我们会看到如下界面然而,这样的启动界面是非常的不又好,那么我们该怎么进行处理启动界面呢?有如下两种方案二.方案 1 ...
Android基础入门教程——8.3.5 Paint API之—— Xfermode与PorterDuff详解(二)
Android基础入门教程--8.3.5 Paint API之-- Xfermode与PorterDuff详解(二) 标签(空格分隔): Android基础入门教程本节引言: 上一节,我们学习了Xf ...
android禁止下拉刷新,Android开发之无痕过渡下拉刷新控件的实现思路详解
相信大家已经对下拉刷新熟悉得不能再熟悉了,市面上的下拉刷新琳琅满目,然而有很多在我看来略有缺陷,接下来我将说明一下存在的缺陷问题,然后提供一种思路来解决这一缺陷,废话不多说!往下看嘞! 1.市面一些下 ...
android ui框架详解,多图详解 “Android UI”设计官方教程(二)
编者注:本文为Android的官方开发者博客发了一份幻灯片的翻译文档的第二部分,专门介绍了一些Android UI设计的小贴士,我们在介绍这个幻灯片的第一部分<多图详解 "Androi ...

android 截图模糊,Adobe XD导出图片模糊？设置错误啦（切图详解）

android 截图模糊,Adobe XD导出图片模糊？设置错误啦（切图详解）相关推荐

最新文章

热门文章