學(xué)習(xí)自視頻：
- UI設(shè)計(jì)教程2019版 400集完全入門 達(dá)到UI設(shè)計(jì)師水平_嗶哩嗶哩 （第 P311 - P317 集 講 Sketch）
- Sketch軟件視頻教程
Tips
- 使用 星形工具 繪制 等邊三角形，把 points 調(diào)整為 3
- 使用 陰影和內(nèi)陰影工具 模擬發(fā)光效果
- 毛玻璃效果，選擇 Background Blur，并調(diào)整 fill 屬性的透明度
- 字體附加到路徑，開(kāi)啟 Text On Path，拖拽，注意要讓路徑在下面
- 文字變?yōu)槭噶柯窂?，Convert to Outlines：cmd + option + o
- 創(chuàng)建帶 alpha 通道的 mask：Menu - Layer - Mask - Mask Mode - Alpha Mask，修改mask上 需要隱藏的部分的透明度，透明度為 0 即不顯示
- 按住 option，將鼠標(biāo)放到 圖層上，可以顯示邊距
- 按住 option，拖拽圖層，可以復(fù)制圖層并移動(dòng)
常用快捷鍵
- 畫(huà)板：a
- 縮放：cmd + 鼠標(biāo)滾輪
- 圓形：o
- 矩形：r
- 圓角矩形：u
- 線：l
- 鋼筆：v
- 鉛筆：p
- 文本：t
- 修改文本樣式：cmd + t
- 文字變?yōu)槭噶柯窂剑篶md + option + o
- 變形：cmd + shift + t
- 縮放：cmd + k
- 旋轉(zhuǎn)：cmd + shift + r
- 取色：ctrl + c
- 粘貼純文本：cmd + v
- 粘貼富文本：cmd + shift + option + v
- 復(fù)制并粘貼到當(dāng)前位置：cmd + d
- 創(chuàng)建組件：cmd + y
- 從組件分離：cmd + shift + y
- 從組件返回畫(huà)布：cmd + esc
- 合并形狀：cmd + option + u
- 減去頂層：cmd + option + s
- 區(qū)域相交：cmd + option + i
- 排除重疊：cmd + option + x
- 文本左對(duì)齊：cmd + {
- 文本右對(duì)齊：cmd + }
- 文本居中：cmd + I （試驗(yàn)發(fā)現(xiàn)無(wú)效?。?/li>
- 上移圖層：cmd + ]
- 下移圖層：cmd + [
- 置頂圖層：cmd + option + ]
- 置底圖層：cmd + option + [
- 水平分布：cmd + ctrl + h
- 豎直分布：cmd + ctrl + v
- 顯示 / 隱藏圖層：cmd + shift + h
- 鎖定 / 解鎖：cmd + shift + l
- 組：cmd + g
- 解組：cmd + shift + g
- 顯示/隱藏 標(biāo)尺：ctrl + r
- 顯示/隱藏 網(wǎng)格：ctrl + g
- 顯示/隱藏 柵格：ctrl + l
- 數(shù)字鍵可以快捷調(diào)整透明度
