问题:如何借助sketch、PS、蓝湖、墨刀等工具,快速导出产品原型中的Icon切图
方法一、sketch
2、查看原型、UI页面设计稿、Icon尺寸
3、打开sketch,导入icon图片
4、调整Icon尺寸,与UI页面中的Icon尺寸一致(若无UI页面,则与原型页面一致)
5、换算倍数
(1)苹果:
(2)安卓:
6、根据换算的倍数关系,设置切图导出格式后,导出切图
(1)苹果:
(2)安卓:
方法二、PS
2、查看原型、Icon尺寸,并打开PS,参照原型尺寸新建画布
3、在PS中导入icon图片
4、调整Icon尺寸,与原型页面中的Icon尺寸一致
5、打开蓝湖拓展功能,打开步骤:窗口>拓展功能>蓝湖
6、选择Icon并标记切图
7、上传设计图至蓝湖,步骤:选择设计尺寸>选择项目>点击上传全部画板
8、打开蓝湖,打开项目中的设计图,选中Icon,选择开发平台,导出切图
以上,Icon导出切图的这两种方法已经介绍完了,有需要的同学可以下载文章下方的Icon切图练习附件练手哦~
P.S.这是我第一次发文,如果大家觉得对自己的工作有帮助,还请多多支持,笔芯~
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册