玩转 Sketch 系列文章一:进入一个全新的时代(转载)

我写不了多好的文章,但我可以分享我看到的好文章!

设计圈,特别是做 UI 设计的童鞋们,要是最近还没有听说过 Sketch,实在是太落伍了,很多设计师都已经把主要的工作平台彻底迁移到了 Sketch。那么,是什么让他们放下了多年的 Photoshop,转身投入了 Sketch 的怀抱呢?理由很复杂,但用一句话表达:再也找不到比 Sketch 更顺手的设计软件了!

本文作为一个系列,将为你介绍 Sketch 的点点滴滴,无论是你已经在工作中开始使用 Sketch,或是正在犹豫要不要学习 Sketch,本系列的目标就是让大家都能从入门到精通,改善所有设计师的工作效率。

好了,言归正传。本系列的第一篇:进入一个全新的时代。对于那些还没有深入接触 Sketch 的童鞋们,本文将是一个入门引导,虽然没有具体某一模块或功能的介绍,但我试图从 Sketch 那上百种吸引人的特性中,选出几样与你分享,让你对它有一个大致的了解。

杀鸡(UI 设计)真的不用牛刀(Photoshop)

很长一段时间以来,Photoshop 都是设计师最得心应手的工具。然而,对于 UI 设计,特别是进入移动互联网时代之后,Photoshop 显然没有把重心有任何的倾倒,一系列庞大的功能只有一小部分真正对于 UI 设计有所帮助,其它功能的存在,不仅大大影响了设计效率,也增加了无谓的复杂度。

Sketch 则是一款 Mac 原生的,从一开始就为 UI 设计打造的软件。下面是 Sketch 的基本界面,几乎所有常用的功能都可以直接一键直达,最棒的是,特准于原生的 Mac 特性,在内容编辑区内,你可以方便地使用 TrackPad 自由地无限缩放、移动,流畅度不知道比 Photoshop 高到哪去了。

Artboard:尺寸得心应手

Artboard 和 AI 中的画板概念很类似,你可以直接插入一个 Artboard,Sketch 内置了各类设计常用的尺寸,如 iPhone,iPad 的屏幕分辨率,响应式设计的网页尺寸,纸张大小,以及 iOS 和 Mac 图标的各类尺寸。

内容元素只有在 Artboard 区域内是可见的,而且,结合手机上的一款叫 Mirror 的 App,可以把每一个 Artboard 在手机上显示,而且还是实时的,这意味着,任何在 Mac 上做出的修改,马上都可以在手机上看到。

切图和导出简直好用到流泪

很多设计师最痛苦的非专业工作可能就是导出各类图片资源和素材了。在 Photoshop 里当然可以做,但不借助于一些第三方插件的话,这个过程简直无比痛苦。而 Sketch 的导出却非常方便,如下面的截图,只要选中整个 Artboard 或某项元素,Sketch 会依次生成 @1,@2,@3,@1.5,@0.5 的图片素材,一切就可以存出了。

查看距离只有一键之遥

在 Photoshop 里,要是想要查看两个元素之间的距离,标尺工具真的是心累。但在 Sketch 中,查看任何距离都只有一键之遥。

选择你想要被度量的基准物,然后按住 option 键,这时候,美好的事情发生了。如果你的焦点没有悬停在任何元素上,Sketch 会自动显示基准物距离画布四周的距离。这时候,如果鼠标悬停在任何元素上,Sketch 都会自动显示两个元素之间的距离。

真正懂你的缩放

Sketch 一共提供了两种类型的缩放。第一种就是最常见的拉伸。在 Sketch 中,这样的拉伸会保留最基础的圆角值,边框粗细等基本信息,而把图形进行放大。第二种缩放则是 Scale 模式,这种缩放不仅仅放大的图形,相应的,圆角值,边框粗细等都会被同比例地放大,矢量元素需要导出更高清的素材时,非常实用。

当然了,Sketch 这些值得称道的细节实在是太多了,一篇文章根本列不完。本文仅仅只是选出了冰山一角,让你在忍受了多年 Photoshop 的折磨后,感受到一份真正为 UI 设计师打造的心意。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,082评论 5 464
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,231评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 145,047评论 0 327
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,977评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,893评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,976评论 3 388
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,605评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,888评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,906评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,732评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,513评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,980评论 3 301
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,132评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,447评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,027评论 2 343
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,232评论 2 339

推荐阅读更多精彩内容

  • 因为国内少有这方面资料,我花了$50美元买了Design+Code这本书,大部分人也不习惯看英文,所以在学习的过程...
    Toryznoco阅读 2,599评论 9 34
  • Sketch作为一个为UI设计而生的工具,全矢量、轻量级、像素级精准,非常适合做移动端应用类的界面设计和简单的扁平...
    Luna不停阅读 15,913评论 13 96
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,199评论 25 707
  • 再次醒来时,身边有人叹息:“好端端的,把自己折腾成这个样子。” “子量呢,子量有事吗?”嘉尔说了两句,便卡出了血。...
    当流云滑过天空阅读 255评论 0 0
  • 家人既不支持, 也不反对 只是偶然 叨扰 1. 家人不理解,甚至不穿袜子。 2陷入冷战。 做微商,因为经常看手机,...
    熊芳菲阅读 1,075评论 0 0