iOS Sketch工具介绍

早些年大家做设计时基本都用Photoshop。但Photoshop毕竟是一款作图软件,在做Web/App UI设计,尤其是原型设计时,通常不需要用到精细的图片打磨或者多样的笔刷,反而是合适的画布选择和方便的资源(assets)导出等是首选需要。因此对于新手来说,打开Photoshop后要先去了解大量的非常用功能,让人十分头疼。

由于这个原因,Sketch出现了。Sketch在作图方面与Phtoshop的定位不同,Sketch定位于Web/App UI设计,因此对于这部分设计人员来说更易上手,使用起来也更加直接,并且完全是矢量图,于是很多设计师马上从Photoshop转移到了Sketch阵地。

Sketch

安装好Sketch后,请打开Sketch,选择New Document,展现的界面如下图所示。Canvas是主要的作图区域,也就是中间部分,所有的设计将在这里完成。右侧的Inspector用来调整元素属性。

Sketch整体结构就是这样,很简单吧。

在Sketch刚推出的时候,没有什么模板可以用。设计者需要去看iOS Human Interface Guidelines,学习iOS上边距设置多少是合理的,字体应该怎么用,适合手指大小的单击区域是多大等知识,然后才能开始自己的设计。无可厚非的iOS Human Interface Guidelines融合了很多设计理念,是设计者们的思维结晶,但是从学习到实际应用的时间还是有点长。

模板为设计者提供了更快捷的学习方法。比如Great Simple Studio推出的iOS 10 GUI(http://ios10.greatsimple.io/)。

这些模板都遵照iOS Human Interface Guidelines的标准规范,并且附带很多原生的iOS界面。我们可以从里面直接可视化地学到很多实用知识,以Great Simple Studio的iOS 10 GUI为例,下载iOS10 GUI后打开Sketch文件,具体如下。

联系我们

南京

热线:025-82077198
地址:南京江北新区滨江大道396号1号楼
Q Q:2945833
邮箱:nj@upsanylamp.com

©2018 Inc Software Network Co.,Ltd.    南京app开发