UI设计第一站 - UI设计师交流学习平台

iPhone6时代如何不忧伤的输出切图?

时间:2014-11-03 07:00:00来源:UI001人气:

iPhone6时代如何不忧伤的输出切图?
iphone6_and_plus_app_export_picture_00 之前我们给大家分享过一些关于iphone6&Plus适配相关的文章,这里又有一个新鲜的观点供大家参考:
相关阅读: iPhone6 & 6 Plus 视觉设计适配说明 iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程 iPhone APP设计规范/iPad APP设计规范/Android APP设计规范/网页设计规范
教大家如何使用AI快速导出PDF切图。 写在前面 大家好,第一次分享个人经验,还请多多捧场~~ iPhone 6 和 6 Plus 新增的屏幕尺寸对设计师的工作还是有一些影响的,今天主要讲的是关于切图。(作为切图狗,得知苹果做大屏幕之后瘫软在地。。。) 相信很多同学也都看了不少帖子,得知今后的切图方式之一是输出1X的矢量切图。针对这个,我来做了一个简单的教程。 iphone6_and_plus_app_export_picture_01 PS:Sketch用户可以傲娇路过,Sketch的输出功能简直不要太赞!! 但是使用Ai的同志们也不要气馁,AI还是很强大的工具嘛!! 卤煮也用过一阵Sketch,高大上、全英文界面以及一些操作习惯的不适应让我重回AI的怀抱。 正式开始 iPhone6设备的出现,使得设计师的切图工作彻底变成了体力活。下面看需要切的版本。 iphone6_and_plus_app_export_picture_02 需要切5套图,真的是有点夸张。难怪设计师们要另谋出路。(对面做安卓的小伙伴们露出轻蔑的笑容~) 以离职之前做的一个项目为例。这事一个Tabbar,接下来我们输出他/她的图标。 iphone6_and_plus_app_export_picture_03 首先把需要导出的图标都弄出来整齐排排好,(红色的背景是画图标之前就画好了,大小相同,然后图标位于正中间,也保证画出的图标看起来大小均等。) iphone6_and_plus_app_export_picture_04 按快捷键 Shift + o 调出切图工具,大家也可以去工具面板找下面的图标。然后你会发现鼠标指针变成了切图状态,然后就对着刚才红色部分点点点点,就会生成画板。 PS:在空白区域建立新画板。 iphone6_and_plus_app_export_picture_05 删掉红色背景,将文件另存为。就能够导出PDF文件啦。注意:勾选下面的“使用画板”。 右边的“范围”指的就是刚刚建立画板上面显示的数字。 导出的时候选择“最小文件大小” iphone6_and_plus_app_export_picture_06 但是这样有一个问题,导出的PDF是一个整个文件。。。如下图。。 再次强调,Sketch用户可以撒欢傲娇路过。。 iphone6_and_plus_app_export_picture_07 哼!~这就能拦住AI党的脚步么?最后发现可以通过一个简单的方法解决。 现在将它导出为SVG格式,然后再转为PDF,经过测试,完美解决。并且,操作起来一点都不复杂。 iphone6_and_plus_app_export_picture_08 硬广告来了!!! 内什么!~配合改名神器!~ NameChanger,方便大伙批量改名字,比如后面统一加一个“_selected”什么的~ 作者:@太湖小鲍鱼

本文链接地址:http://www.ui001.com/article/112.html

非特殊说明,转载请注明:本文转自UI设计第一站

【特色推荐】

设计尺寸看这里 http://www.ui001.com/chicun/

找素材一站就够 http://so.ui001.com/

UI设计网址导航 http://hao.ui001.com/

官方微博:@UI设计第一站发布干货与设计资讯

官方微信:搜索公众号名称UI设计第一站或微信号:uidiyi关注我们

官方QQ群:群号59411183点击自动加群,与2000名设计师交流设计,分享素材

建议:看到好的文章或素材,记得分享到微博等媒体,让更多的朋友知道,加入收藏夹也可以方便日后查阅。

  • 赞一下又不会怀孕
  • 收藏好文章要收藏噢
分享到:

设计资讯

更多

设计教程

更多

素材下载

更多

阅读排行

更多

服务中心

更多