Sketch 小技巧奧革士access_timeJULY 12TH, 2016

Sketch 小技巧 - 如何快速設定圖片背景

從今天開始,奥革團隊會開始撰寫一系列設計教學、技巧文章。首先我們會從 Sketch 實用小技巧開始,每一篇文章都會提到我們團隊使用 Sketch 時發現的小撇步,讓我們趕快開始吧!

從今天開始,奥革團隊會開始撰寫一系列設計教學、技巧文章。首先我們會從 Sketch 實用小技巧開始,每一篇文章都會提到我們團隊使用 Sketch 時發現的小撇步,讓我們趕快開始吧!

設計使用者介面(UI)時,我們會使用各式各樣的圖層設計介面,特別是將圖片影像放入設計之中,在 Sketch 中我們有兩種方式可以來放置圖片,分別是:

1. 圖片圖層(Image)

2. 使用填滿(Fill)

 

若你時常再做這件事情,你就會發現這兩種方法都會碰到非常惱人且相當花費時間的檔案選擇視窗,它的缺點有很多,例如我們必須很清楚知道圖片在電腦的哪個位置,然後一步一步的點擊過去,又或著是我們需要的圖片檔案不在電腦上時,就要先下載下來

 

讓我們改變這個現狀吧!其實 Sketch 有提供更有效率的方式來處理這件事情,那就是 直接將圖片拖曳到 Fill 功能位置中,當你將圖片拖曳到這個區域時,Sketch 就會自動幫我們把圖片放上來,瞧瞧下圖:

 

這個功能除了電腦上的檔案,還支援其他應用程式拖曳過來的圖片!

 

搭配我們自己習慣的圖片素材管理工具來使用,效果更明顯(我們團隊習慣 Inboard App 來管理圖片資源)

 

以上就是本期的分享啦,如果你喜歡我們的分享,分享給更多的朋友知道,關注我們的粉絲團,隨時掌握重要的設計的資訊!

下一期我們會介紹【Sketch 小技巧 - 使用幫助選單功能加快設計速度】

分享這篇文章

奧革士
奧革設計創辦人,也是一位產品設計顧問 ,平常熱愛研究各種產品的使用者經驗與介面設計,喜歡把將平常所見以及所得加上一些自己的經驗與想法與大家分享。

你可能還會喜歡這些文章

需要 UI / UX 設計上的協助嗎?
我們期待與您聊聊彼此的想法!

聯絡我們

您有專案時程或預算上的問題嗎?查看常見問題問與答

常見問題