「教程乾貨」- 巧騙Sketch,讓按鈕實現自動Padding

大約需要 1 - 2 分鐘閱讀

在這個栗子里我準備通過Symbol製作一個帶Icon的按鈕,並讓文字+Icon一直保持居中。

一開始當我把Icon放在右邊時,一切都是那麼的和諧,相安無事~

?? 點擊圖片動起來

譯者註:「Container」組可有可無

然後我想把Icon擱左邊試試,並卵。

你會發現,自動Padding的特性,只當Icon在右側時適用!似乎沒什麼道理~

我覺得我快要氣炸了。

突然想到

如果可以欺負Sketch老實,把「Label」組翻轉180°如何呢?(譯者註:用Flip也行,更潤物細無聲~)

?? 點擊圖片動起來

嗯,成功一半了,剩下的就是把文字和Icon翻轉回來對不?(譯者註:此處是翻轉Icon與文字圖層,而非「Label」組)。

?? 點擊圖片動起來

?? 點擊圖片動起來

?? 點擊圖片動起來

源文件下載

pan.baidu.com/s/1gfPuLX

原文地址(需梯子):medium.com/sketch-app-s

原作者(需梯子):Aleksandr Pasevin

譯者:Sketch 素材網 ?? 關注微博,定時乾貨

軟廣硬發:更多「Sketch中文教程」及「Sketch優質素材」,盡在 Sketch 素材網 ??????

各位好久不見,上周忙瘋了。今天先上一篇輕鬆的,從明開始,準備翻一篇狠的,給自己點壓力~祝好!

推薦閱讀:

「原創教程」- Sketch 從零開始學(一)
清理 Sketch 歷史文件,釋放 Mac 磁碟空間
極光日報 第 159 期 | 2017 / 4 / 18
高能提升你的 Sketch 效率:編輯與導出篇
不用 Sketch 的產品經理不是好設計師

TAG:Sketch | 用户界面设计 | 设计 |