從今天開始,奥革團隊會開始撰寫一系列設計教學、技巧文章。首先我們會從 Sketch 實用小技巧開始,每一篇文章都會提到我們團隊使用 Sketch 時發現的小撇步,讓我們趕快開始吧!
設計使用者介面(UI)時,我們會使用各式各樣的圖層設計介面,特別是將圖片影像放入設計之中,在 Sketch 中我們有兩種方式可以來放置圖片,分別是:
1. 圖片圖層(Image)
2. 使用填滿(Fill)
若你時常再做這件事情,你就會發現這兩種方法都會碰到非常惱人且相當花費時間的檔案選擇視窗,它的缺點有很多,例如我們必須很清楚知道圖片在電腦的哪個位置,然後一步一步的點擊過去,又或著是我們需要的圖片檔案不在電腦上時,就要先下載下來
讓我們改變這個現狀吧!其實 Sketch 有提供更有效率的方式來處理這件事情,那就是 直接將圖片拖曳到 Fill 功能位置中,當你將圖片拖曳到這個區域時,Sketch 就會自動幫我們把圖片放上來,瞧瞧下圖:
這個功能除了電腦上的檔案,還支援其他應用程式拖曳過來的圖片!
搭配我們自己習慣的圖片素材管理工具來使用,效果更明顯(我們團隊習慣 Inboard App 來管理圖片資源)
以上就是本期的分享啦,如果你喜歡我們的分享,分享給更多的朋友知道,關注我們的粉絲團,隨時掌握重要的設計的資訊!
下一期我們會介紹【Sketch 小技巧 - 使用幫助選單功能加快設計速度】