图片常用格式与软件间互导

- UI日常-

图片常用格式与软件间互导



图片常用格式

•JPG是⼀一种常⽤用于摄影作品或写实作品、有损压缩图形格式;

•PNG是⼀一种清晰、⽀支持透明、⽆无损压缩的位图图形格式;

•GIF是⼀一种⾊色彩效果低、体积⼩小、⽀支持透明、⽀支持动画的图像⽂文件格式。

UI设计中的其他图片格式

SVG是一种通用的矢量图格式,支持范围􏰉􏰊􏰋􏰌有:

􏰍􏰎•⽮量形状

•线性、径向渐变 

•透明度

不支持的范围有:

•剪切蒙版􏰑􏰒 

•混合模式

􏰓􏰃•图层样式 

•羽化、投影

图标导入具体操作

PS中的矢量图标内容导入􏰔􏰕􏰇􏰖􏰗􏰘􏰆􏰙Sketch:

1、选中需要导⼊入的图标的图层/编组; 2、在图层⾯面板右键——复制SVG;

3、在sketch中粘贴; 

4、检查图标状态。

AI􏰔􏰕􏰇􏰖􏰗􏰘􏰆􏰙中的矢量图标内容导入Sketch:

1、选中需要导⼊入的图标的图层/编组;

2、右键 —— 收集以导出(根据情况选择多个/单个)

3、选择SVG格式——导出。

4、从导出⽂文件夹中拖动到sketch中 5、检查图标状态。

-END-

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 7,116评论 0 1
  • 注:本文全部内容摘录整理自《Sketch 中文手册》,感谢 Sketch 中文网 以及网站作者 匡雪婷。 1. 基...
    陈加新阅读 9,169评论 0 21
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    sunny688阅读 3,038评论 0 1
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,434评论 2 66
  • 盒子模型(CSS重点) 其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,...
    xlystar阅读 5,928评论 0 1