151124-程序员通过sketch设计app

---

1-程序员搭建服务器和数据库、提供 API；

2-编程的时候用 view controller 来分隔每个界面，在 Sketch 里用 artboard；

把 artboard 设置成640 x 1136的大小，这就是一个 iPhone 4 英寸屏幕等像素的长方形（更多相关尺寸请见 iOS 7 design cheat sheet）。在完成一个界面设计后，可以复制这个 artboard 并重命名为下一个界面，也可以在界面旁边新建一个 artboard。

在每个 artboard 里，所有的元素的位置都是以左上角为原点的，就像使用 .xib 文件一样，你可以精确地把一个元素放到想放的位置。在你拖动一个元素的时候，Sketch 还提供了自动对齐、居中等功能，帮助你更好地布局。）

3-用 Mirror 在手机上实时查看

Mirror 是把你在 Sketch 里的设计实时地映射到手机上的 app。在手机上打开 Mirror 并和 Sketch 链接后，你可以看到每个单个 artboard，感觉就像是在手机上看着一个真正的 app 一样，只不过没有任何交互。

4-快捷键

R：添加长方形

O：添加圆形

T：添加文字

Cmd (+) +：放大 canvas

Cmd (+) -：缩小 canvas

Cmd (+) 0：缩放 canvas 到实际大小

Cmd (+) 1：居中 canvas

Alt：显示元素间距离

Alt (+) Cmd：显示 group 里元素间距离

Shift (+) 上下左右箭头：以10 pixels 为单位改变 Y 或 X 值

Cmd (+) 上下左右箭头：以1 pixel 为单位改变高或宽

5-设计，并不只是视觉和交互设计，它包含了对产品目的、功能、效果的探索和定义，它是一个定义问题、解决问题的无限改进过程。当这样对设计有了把握后，开发也能自然提速。