iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

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

【Day6】Sketch篇 : Nested Symbols 一個創造經典的角色

  • 分享至 

  • xImage
  •  

Symbol特色 3:Nested Symbols

Nested Symbols不僅是Symbol中最經典的功能,也是能將我們的設計系統活用的重要角色。

我們提到了Symbol替換的這個功能,並以class來形容Symbol,所以我們當然也可以像class一樣,把想要常常替換的樣式再拆開來分別做。

  1. 建立設計系統的顏色部分
    https://ithelp.ithome.com.tw/upload/images/20200921/20112563hzAg8ALDDa.jpg
    先像這樣把顏色都列出來後,透過APPERANCE來新增我們的顏色

  2. 再以一樣的方式建立我們的文字部分
    https://ithelp.ithome.com.tw/upload/images/20200921/20112563KHqxLlU2Ph.jpg

  3. 建立的Symbol就可以快速地透過Overrides使用我們的設計系統了~


上一篇
【Day5】Sketch篇 : Overrides是什麼神奇的小東西
下一篇
【Day7】Sketch篇 : 神乎其技的Smart Layout
系列文
UI設計師之工具學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言