Discovering sketch

80 %
20 %
Information about Discovering sketch

Published on March 14, 2014

Author: imios



Intro for Sketch - the designer's toolbox

Discovering Sketch the designer’s toolbox

Keep knowledge current 跟国际接轨

更富有活力 容易上手 资源多 更适合当前的web design 更适合移动应用设计
 2012 Apple Design Award winner ⽤用来做web design是⼤大炮打蚊⼦子 对移动端设计不友好 更新缓慢,运⾏行缓慢 贵...

old fashion 以图⽚片作为排版和装饰元素的设计越来越少

the trend 扁平化⻛风格流⾏行,以⼤大量⾊色块和⽮矢量图标为主


when saving the file… ctrl + s, 历史记录默认记录20个动作, 超出便⽆无法找回... 随时⾃自动保存,Revert to > Browse all versions 可以找回任何时候的版本 Photoshop Sketch ⼿手再也不抽了!!

when you drawing rounded shapes… You can dynamically edit corner radius in Sketch: With PS, you can’t do it dynamically, you had to draw a new shape…

If you are UI designer… In Sketch: 
 You have a non-limit canvas.
 Smart Guide will help you a lot in aligning objects.
 Link Styles will help you when you edit multiple objects.

If you are front-end developer… Sketch have native Grid view support:

If you are front-end developer… You can copy CSS properties from an object in Sketch

If you are programer… You can extend Sketch by plugins, get them on Github, or write your custom scripts with JSTalk - Talking to cocoa with javascript.

If you are mobile UI designer… you can preview Sketch design on mobile devices with Sketch Mirror Install Sketch Mirror on you iPhone and open it Your iPhone and computer must in a wifi network Choose an artboard in sketch Click connect


Efficiently Rename Layers 起个好名 Suggestion 1 Tips: Efficiently rename your layers, groups, artboard and link styles.
 Select a layer. Hit ⌘ + R. Start typing. Hit Enter to save. After renaming your first layer, press Tab to go to the next layer (or Shift + Tab for the previous), then hit ⌘ + R to rename it.
 Create Artboards before start, name your artboards with device name or page name. If you want to export to sub folder, you should add sub folder name and ‘/’ to a prefix for your artboard name.

create multiple design in one page 万物霜天竞⾃自由 Suggestion 2 Tips: Canvas is non-limit size.
 Create artboards and groups to manage your layers.
 Select multiple layers, then hit ⌘ + G to create layer group. ⌘ + + to zoom-in, ⌘ + - to zoom-out
 ⌘ + 1 to reset view, select a layer and ⌘ + 2 to view it, ⌘ + 3 to put it in the center. 
 Arrows or space + drag to move your view port. If you want to export your design, hit ⌘ + Shift + E

Suggestion 3 设计: ! 创造力 > 复制风格 > 复制样式 ! 编程:
 复制思想 > 复制模式 > 复制代码

Sketch Resources Sketch official Web Site

Sketch Articles Sketch 中⽂文⼿手册 Discovering Sketch 知乎:界⾯面设计⼯工具 Sketch 的使⽤用体验如何? 初识Sketch:设计师的⼯工具箱 Sketch:⺩王冠上的钻⽯石 Supercharge your Workflow in Sketch

Thank you Give it a try

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014


Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...