本文目錄一覽:
巧用Sketch描邊繪製餅圖
除文本圖層外,Sketch的所有圖層都可以包含任意數量的邊框(即描邊),而且支持設置描邊的顏色、位置、厚度和混合模式。
另外,點擊邊框右邊的設置按鈕,可以看到更多的自定義設置選項,包括邊框路徑的起點和終點、箭頭的形式以及虛線設置。
這裡的虛線設置有4個可輸入數字的,用於配置虛線的文本框,這裡怎麼理解呢?舉個例子,如果是水平的一條直線,在文本框中分別輸入5-4-3-2,則該水平線將繪製5px的點距,4px的間隙,然後是3px的點距,2px的間隙,然後重複。
理解描邊的屬性和大致配置後,我們就可以利用描邊的特點繪製餅圖了,首先使用橢圓工具拉出一個圓形,取消填充,並設置描邊位置為“Inside”。
然後,我們可以設置邊框的厚度“Thickness”,厚度值越大,邊框就越大,我們可以發現隨着厚度值的增加,圓形逐漸變成了圓環圖,最後變成了實心圓。
在實際使用中,餅圖通常由幾個部分組成,或者用不完全閉合的環形表示佔比,這意味着我們需要開放路徑的餅圖,這時,我們可以使用邊框的虛線設置來繪製不完全閉合的環形。先在第二個文本框(間歇)中輸入1000,然後在第一個文本框中輸入數字即可調節圓環的比例。
推薦閱讀:
最新版: Sketch51正式版更新解讀:更多箭頭端點樣式選擇
實用手冊: Sketch中文手冊(2018)
好書推薦: 新書《Sketch交互設計之美:從零基礎到完整項目實現》上架
Sketch小技巧:畫出各種星型和多邊形
在Sketch中,可以直接通過工具欄的“Insert”插入線條、矩形、圓形、五角星、多邊形、三角形等基本形狀,非常的方便。下面我們會重點講一下除了五角星外更多星型的畫法;同理的還有六邊、七邊、八邊等多邊形的畫法。
注意,繪製矩形、圓形、星型等形狀時,有一個小技巧,按住鍵盤的“shift”鍵,Sketch將默認繪製一個寬、高都相等的形狀。這題等會要考,注意做好筆記。
默認的星型中,我們可以直接通過工具繪製五角星,如果想要繪製六角星、七角星,那麼應該怎麼做呢?答案是先繪製一個五角星,然後再通過檢查器設置“Points”的個數,畫出其他星型,非常的簡單。此外,還可以設置“Radius”的值,設置星型邊緣距離端點的距離。
回到多邊形也是同樣的道理,先繪製默認的多邊形形狀,然後再通過“Sides”設置邊的個數。
推薦閱讀:
最新版: Sketch51正式版更新解讀:更多箭頭端點樣式選擇
實用手冊: Sketch中文手冊(2018)
好書推薦: 新書《Sketch交互設計之美:從零基礎到完整項目實現》上架
SKETCH怎麼做螺旋形
1、在進入主界面以後,通過圖示位置來點擊插入。
2、這個時候需要找到曲線,並選擇其中的螺旋線/渦狀線。
3、下一步彈出新的對話框,直接確定對應的參數。
4、這樣一來會得到相關的效果圖,即可實現SKETCH做螺旋形了。
Sketch之統計圖-圓
先看效果圖:
步驟分解:
1.先拖2個正圓,一大一小,圓心重合,均無border,小的fill白色.然後執行Substract。
2.在圓心處拖出2條直線,算好角度,並對兩條直線執行Union.
3.將步驟1產生的環形和步驟2產生的直線執行Substract.然後對結果再做一次Paths – Flatten
4.OK,現在可以看到就只剩下2個了:
5.把兩個Path拖出和Oval 1同級的外面,然後對每個Path設置單獨的Fill就差不多了
6.現在還有白邊,可以通過增加兩個Path的border把白邊去掉。記得顏色要和對應的Path相同。
over!
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/293545.html