作業二之離題用Sketch 和 Zeplin ,製作 iOS App 畫面

APP第二個作業前篇

找了個自己喜歡的APP,運用Sketch 和 Zeplin,模仿了一個畫面。

彩虹ICON到時會用emoji,COVER一下沒圖庫的可憐人!!

計帳APP畫面vs MY APP畫面

Sketch:軟體中內含強者的樣板可以使用,找到喜歡的簡單按下複製貼上在修改即可,還有內建IOS navigation bar, tab bar, button …等等,有的沒的可以選用,初學者如我簡簡單單也可以溴合成一個畫面(OS:設計師不是蓋的!!簡簡單單一個畫面我也是用了大半天阿,文字對齊都花了不少時間 )

Sketch+Zeplin:在Sketch設計好的畫面可轉至Zeplin,工程師就可以透過Zeplin畫面開發,Zeplin上清楚標示各個按鈕的大小,位置,顏色...等等。也算搭起工程師跟設計師友誼的橋梁!

  1. 安裝Sketch(only for mac 要收費,30天免費試用中)

2.安裝Zeplin

3.Sketch PUSH Zeplin (plugins →zeplin →export….)

--

--