25学堂小编相信很多app ui设计师已经开始采用Sketch来设计APP界面和web ui界面啦,当然也包括一些app交互设计师、ued等牛人。
因为采用Sketch来设计界面非常的简单、ui设计效果也很漂亮!
从今天开始,25学堂转载中美设计顾问uiue设计培训系列教程的一些关于学习Sketch设计的小白教程。
前些日,25学堂分享了业界不错的sketch设计入门视频教程,共15节课。
今天继续分享Sketch切图视频教程。 教大家如何快速通过sketch来切图的技巧和一些常用的方法。
主要包含导出设置、文件名的命名、组的合并以及2倍图和3倍图的导出。如下图所示:
下面具体的我们来跟随讲师来看视频学习吧!
看完这个Sketch切图视频教程,完全可以让你掌握一些skecth切图的技巧和切片文件导出规范。
Sketch讲师通过优秀的案例来教会大家如何进行APP界面的切图。
同时教会大家如何通过sketch与我们的手机来同步预览。值得大家好好去学习!
最后,25学堂还需要告知各位在进行Sketch切图的时候要注意几点:
1、画板的背景色(background color)需要透明的。
2、点击export最右边的“+”图标,想输出几套切图点几下“+”。
如果是基于750*1334分辨率的,一般只需输出2套,1x跟1.5x。
3、选中需要输出的artboard,点最下面的export artboards即可批量输出所有需要的切图。
iPhone6+有两种显示模式,
标准像素分辨率为1242*2208,放大模式分辨率为1125*2201,放大模式
分辨率刚好为iphone6的1.5倍,因此可以切1.5x的图为iphone6+使用。
同理,安卓的xhdpi(720*1280)为iphone6(750*1334)的0.96倍,严格来讲,需要为安卓xhdpi/
xxhdpi输出两套图。但是实际上,xhdpi用@2x的、xxhdpi用@3x的图是没问题的。
全站高品质素材免费下载!