SKETCH设计教室!从零开始学APP设计利器SKETCH(一)

时间:2014-11-17 14:26:13   作者:www.luluzy.com   来源:互联网   阅读:152   评论:0
内容摘要:对于sketch,静电的第一印象是Google的Sketchup,一款3d建模草图软件。那么这次静电提到的Sketch,则是一款全新的设计软件。一听到设计软件,大家的反应必须是Adobe家的Photoshop,Illustrator等等等等。
Sketch设计教室!从零开始学APP设计利器Sketch(一)

对于sketch,静电的第一印象是Google的Sketch up,一款3d建模草图软件。 那么这次静电提到的Sketch,则是一款全新的设计软件。一听到设计软件,大家的反应必须是Adobe家的Photoshop,Illustrator等等等等。那么今天静电要为大家介绍的,则是这款Sketch。这款软件的定位非常精准,首先,它是一款矢量制图软件;其次,这款软件的目标用户是APP设计师(当然用来设计网页也是可以的)。到这里大家伙可能有点不解,既然Photoshop这样的工具已经可以满足我们设计App效果图的需求,那么这款软件又有什么与众不同之处以至于我们非要用呢? 别着急,听静电慢慢往下讲。

Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。我们尽力让 Sketch容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计,Sketch 都能替代Adobe Photoshop,Illustrator 和 Fireworks。

——摘自《sketch用户手册》

踏破铁鞋无觅处——初识效率之王Sketch

在sketch用户手册中,编者毫不掩饰sketch的强大功能,甚至说:对于绝大多数的数字产品的设计,sketch可以完全替代photoshop,illustrator和fireworks。 最初看到这些句子的时候,静电有点不以为然,但好奇心还是驱使静电将这个程序下载下来,打开这个钻石形状的图标,静电看到一排看起来很简单的图标,在上边 可以拖动来画各种形状,但并没有感受到更特别的地方。 由于工作忙,静电在打开后没多久便关闭了程序开始忙其他的事情。 就这样大概十几天时间就过去了。这段时间内,正值静电负责设计的app改版后期,工作非常忙,而且要负责安卓和iphone两个平台的同时开发,工作量非常大。光是切图,就有三四套,其中还不包括细节的调整工作。 静电之前一直没有标注效果图的习惯,一来工作时间所迫,二来是偷懒。效果图作完在手机上预览感觉良好,就直接给到开发工程师,告知一些细节如何处理然后将切图交付。然后等工程师完成后就坐在他们跟前来调整界面。

这是一个漫长而且非常磨人的过程,由于细节非常多,所以即使使用之前静电讲述的fireworks批量切图法,依然可以把人搞的头昏脑涨。而且由于没有标注设计稿的字号,图片尺寸,前端工程师全凭感觉开发。所以到他们认为可以交付的程度,其实整个界面还是惨不忍睹的,在以前,静电会搬个小椅子坐在他们跟 前,与他们一起“目测”调整字号,图片大小。 但,在这个过程中,静电越来越发现,这种方式效率是及其低下的,一来浪费了双方大量的时间来调整,二来由于都是目测调整,所以最终效果不太理想。

之前静电一直认为,标注效果图是一件非常无意义的事情,但,这件事促使我开始反省,也许我是错的。 在与开发工程师沟通后,静电认为设计稿标注是有章可循的,使用px标注的字号可以与安卓和ios平台通过一定规律进行转换为dp或者sp,大多数其他间距也可以实现较为精确的匹配。 所以静电决定开始标记一些主界面的效果图做尝试。

标注效果图是一项很繁琐的工作,虽然我们可以尝试使用一些标记软件(静电寻找的标记软件是一款名为markman的基于air开发的程序,这款软件在初期为我的标注工作带来了很大帮助),但大部分标记软件充其量就是一个标尺和取色器的结合体,可以满足一部分的工作,但对于字号的标注一样无能为力,我需要在设计软件中先查看字体属性,然后再现打字到标注软件中,效率啊效率,实在是让人抓狂。最终,静电看到了这款躺在我dock上已经十来天没打开过的sketch。

首先静电先去度娘了一下,发现已经有一些讨论组和文章存在,但大部分是外文翻译过来的。借助这些文章,我了解到skech的独特之处。


标签:设计 教室 利器 

免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

图库精选

全站地图