UI界面设计 ·

学习Sketch设计的小白教程:Sketch切图视频教程

25学堂小编相信很多app ui设计师已经开始采用Sketch来设计APP界面和web ui界面啦,当然也包括一些app交互设计师、ued等牛人。

因为采用Sketch来设计界面非常的简单、ui设计效果也很漂亮!

从今天开始,25学堂转载中美设计顾问uiue设计培训系列教程的一些关于学习Sketch设计的小白教程。

前些日,25学堂分享了业界不错的sketch设计入门视频教程,共15节课

今天继续分享Sketch切图视频教程。 教大家如何快速通过sketch来切图的技巧和一些常用的方法。

Sketch切图视频教程

 

主要包含导出设置、文件名的命名、组的合并以及2倍图和3倍图的导出。如下图所示:

sketch视频教程导出

 

 

下面具体的我们来跟随讲师来看视频学习吧!

看完这个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的图是没问题的。

参与评论