1-程序員搭建服務(wù)器和數(shù)據(jù)庫、提供 API检吆;
2-編程的時候用 view controller 來分隔每個界面锭沟,在 Sketch 里用 artboard尔当;
把 artboard 設(shè)置成640 x 1136的大小,這就是一個 iPhone 4 英寸屏幕等像素的長方形(更多相關(guān)尺寸請見 iOS 7 design cheat sheet)憔狞。在完成一個界面設(shè)計后蝴悉,可以復(fù)制這個 artboard 并重命名為下一個界面,也可以在界面旁邊新建一個 artboard瘾敢。
在每個 artboard 里拍冠,所有的元素的位置都是以左上角為原點的,就像使用 .xib 文件一樣簇抵,你可以精確地把一個元素放到想放的位置庆杜。在你拖動一個元素的時候,Sketch 還提供了自動對齊碟摆、居中等功能晃财,幫助你更好地布局。)
3-用 Mirror 在手機上實時查看
Mirror 是把你在 Sketch 里的設(shè)計實時地映射到手機上的 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 為單位改變高或?qū)?/p>
5-設(shè)計,并不只是視覺和交互設(shè)計轩缤,它包含了對產(chǎn)品目的命迈、功能贩绕、效果的探索和定義,它是一個定義問題壶愤、解決問題的無限改進過程丧叽。當這樣對設(shè)計有了把握后,開發(fā)也能自然提速公你。