151124-程序員通過sketch設(shè)計app



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ā)也能自然提速公你。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末踊淳,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子陕靠,更是在濱河造成了極大的恐慌迂尝,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件剪芥,死亡現(xiàn)場離奇詭異垄开,居然都是意外死亡,警方通過查閱死者的電腦和手機税肪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門溉躲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人益兄,你說我怎么就攤上這事锻梳。” “怎么了净捅?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵疑枯,是天一觀的道長。 經(jīng)常有香客問我蛔六,道長荆永,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任国章,我火速辦了婚禮具钥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘液兽。我一直安慰自己骂删,他們只是感情好,可當我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布抵碟。 她就那樣靜靜地躺著桃漾,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拟逮。 梳的紋絲不亂的頭發(fā)上撬统,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天,我揣著相機與錄音敦迄,去河邊找鬼恋追。 笑死凭迹,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的苦囱。 我是一名探鬼主播嗅绸,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼撕彤!你這毒婦竟也來了鱼鸠?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤羹铅,失蹤者是張志新(化名)和其女友劉穎蚀狰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體职员,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡麻蹋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了焊切。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扮授。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖专肪,靈堂內(nèi)的尸體忽然破棺而出刹勃,到底是詐尸還是另有隱情,我是刑警寧澤牵祟,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布深夯,位于F島的核電站抖格,受9級特大地震影響诺苹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜雹拄,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一收奔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧滓玖,春花似錦坪哄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至禁悠,卻和暖如春念祭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背碍侦。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工粱坤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留隶糕,地道東北人。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓站玄,卻偏偏與公主長得像枚驻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子株旷,可洞房花燭夜當晚...
    茶點故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 一個多月前晾剖,我開始幫 Johnny 為他的 Spreadeo 做 iOS app霎冯。我倆白天都在公司上班(他是某 l...
    Aaven小書閱讀 67,322評論 74 1,441
  • 因為國內(nèi)少有這方面資料,我花了$50美元買了Design+Code這本書钞瀑,大部分人也不習(xí)慣看英文沈撞,所以在學(xué)習(xí)的過程...
    Toryznoco閱讀 2,616評論 9 34
  • Sketch作為一個為UI設(shè)計而生的工具缠俺,全矢量、輕量級贷岸、像素級精準壹士,非常適合做移動端應(yīng)用類的界面設(shè)計和簡單的扁平...
    Luna不停閱讀 15,943評論 13 96
  • “分歧”,“歧路”偿警,我一定不會念錯躏救,“歧”的讀音是“奇”∶簦可就因為在這個字讀法上的分歧盒使,差點和人干一架。 我的車最...
    白丁市隱閱讀 626評論 0 0
  • 一七嫌、有關(guān)人的區(qū)別 如果說所有健康的人少办,有區(qū)別,那應(yīng)該是來自于思想诵原,因為思想決定行為英妓,行為決定結(jié)果!(而思想又是有意...
    伶俐7003閱讀 184評論 0 4