[ SKETCH ]-我如何學習SKETCH

想像一下,如果你在一家APP軟體公司中,你有一個新的案子,在程式設計師還沒有coding前,你要如何介紹這個APP的需求與功能?

為了能在APP開始進行前可以先進行Demo或是確認操作流程,很多人會推薦你使用POP或For Keynote等這類的軟體,這類軟體提供你一個空白的IPHONE手機畫面,讓你可以任意的畫上你的想法或是放上需要的物件!來組成你的畫面,讓專案中其他成員可以了解你所表達的內容!

但是很快的你會發現這樣做會需要處理大量的資料彙總,或是當某個重要的元件被修改時,你需要對每個畫面進行逐一的修改,更重要的是就算使用了這類的軟體,仍然有很多想法與作法是無法被完整描述出來的,例如:畫面的切換效果、顏色的色碼、字型大小、哪種字型等...此外當畫面內容與流程確認後工程師要依你的畫面刻畫出一樣的版面,也會花費大量的時間,這也是為何需要專職UI/UX的原因之一。

如果有一個軟體,他可以畫出手機畫面外,還可以幫你自動呈現畫面中物件的大小、位置,可以讓你設定群組功能,當你需要修改畫面時,只要改一個地方,其他畫面中有使用到相同元件的內容也會同步更新,他還可以提供群組討論功能,支援多人線上修改、註記等....甚至還幫你把設計好的顏色、字型大小產出程式碼,聽起來是不是很棒!是不是強烈地感覺到這個軟體可以為你節省下大量的時間!!

上述的原因讓我決定試著學習 SKETCH,我的目的是希望可以透過SKETCH讓APP在前期規劃可以完整呈現需求內容,也希望透過使用相同工具,讓UI可以了解我的表達,此外也希望透過SKETCH加強APP畫面的美觀,讓使用者有更美好的體驗,以下是我學習過程中有用到的軟體與教材,希望對也想學習SKETCH的新手有所幫助!!

當然我不是SKETCH專家,如果有我誤解或說明錯誤的地方,也請您告訴我喔!

(1)SKETCH推薦教材:
小編我跟大家一樣,財力有限,所以當然是免費的為主,以下這個線上學習網站,建議妳常逛逛喔,有很多每費的教材,還是那句老話,不要害怕英文,試著去聽!
https://www.udemy.com/sketch-3-from-scratch/learn/v4/overview
課程對象:適合SKETCH新手或沒學過SKETCH
課程時間:約3小時
課程內容:SKETCH基本介紹與外掛工具,上傳網站,常用資源介紹,涵蓋的範圍非常完整!

(2)SKETCH外掛工具:SKETCH Tool Box(安裝後我的星號數字一直是0)
          SKETCH Tool Box必裝外掛:Content Genertor Sketch Plugin
          功能:可以幫你產生圖像,文字內容的工具!甚至可分男生女生產生不同的內容





(3)SKETCH外掛網站:
          網址:https://www.invisionapp.com/
          作用:提供每個畫面按下後的切換,提供短網址方式讓你可以很方便你進行展示


(4)SKETCH外掛網站:
          網址:https://app.zeplin.io/login.html
          作用:提供你SKETCH畫面中每個物件的長寬高與大小位置等資訊,支援全組修改與註
          記,還可以幫你將自定的顏色款式產出swift3程式碼!(看到這個我就毫不猶豫的用它
          了)



留言

熱門文章