iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

UI設計師之工具學習指南系列 第 9

【Day9】Sketch篇 : Smart Layout 之 小延伸

昨天我們已經知道Layout的作法了,不過Smart Layout的厲害之處在於它可以層層Layout~
我們試著把昨天設定好Layout的Symobl複製2個,3個一組再度Symobl一次,這邊我們先將3組一件的Symbol先簡稱為組件Symbol
組件Symbol後,我們像這樣再設定一次Layout:
https://ithelp.ithome.com.tw/upload/images/20200924/20112563APdh9WrXbW.png

組件Symbol的Layout的選擇跟單一Symbol時一樣,也就是說我如果單一Symbol選擇了Horizontal的Left To Right,我這邊的組件Symbol就一樣選擇Horizontal的Left To Right。

我們來看看試做的結果:

Horizontal

https://ithelp.ithome.com.tw/upload/images/20200924/20112563tKZhy6gWmq.jpg

Vertical

https://ithelp.ithome.com.tw/upload/images/20200924/20112563eRo1OMCi60.jpg

我們可以看到,組件Symbol無論我們在butoon塞入多少字,他都可以達到固定間距的效果喔~


上一篇
【Day8】Sketch篇 : Smart Layout 之 小實做
下一篇
【Day10】今天來點小閒聊
系列文
UI設計師之工具學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言