sketch怎麼畫環形圖表,sketch怎麼畫圓環

本文目錄一覽:

巧用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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-26 13:14
下一篇 2024-12-26 13:14

相關推薦

  • 深入了解環形鏈表

    一、基礎知識 環形鏈表是一種特殊的鏈表,和普通鏈表不同的地方在於,最後一個節點的下一個節點指針不是指向NULL,而是指向鏈表的第一個節點。這樣就形成了一個環,因此也稱為循環鏈表。在…

    編程 2025-04-20
  • Sketch Measure: 讓設計標註變得簡單

    一、介紹 Sketch Measure是一個Sketch的插件,它可以幫助設計師輕鬆的完成標註和生成規範文檔。Sketch是一款Mac平台上的設計工具,它的功能非常強大,而且非常受…

    編程 2025-02-05
  • Sketch Mirror全面解析

    一、什麼是Sketch Mirror Sketch Mirror是一個連接Sketch和移動設備的工具,可以將Sketch設計的UI界面實時顯示在手機或平板上,方便UI設計師及時查…

    編程 2025-02-05
  • Figma導出Sketch詳解

    一、導出流程 在Figma中導出Sketch,需要進行以下步驟: 選擇需要導出的圖層或頁面,可以使用框選工具或按住Shift鍵同時點擊多個圖層進行選擇。 點擊上方工具欄的“&#82…

    編程 2025-02-05
  • 使用PyCharm繪製圖表

    一、簡介 隨着數據越來越成為企業和組織決策的重要依據,數據可視化的重要性也越來越突出。Python是最受歡迎的數據科學編程語言之一,擁有許多優秀的數據可視化工具。PyCharm是一…

    編程 2025-01-13
  • 前端圖表插件的全面解析

    一、前端圖表插件有哪些 前端圖表插件是指可以在前端頁面中展示圖表數據的插件,常用於數據可視化展示或報表分析。市面上有很多優秀的前端圖表插件,例如:Echarts、Highchart…

    編程 2025-01-11
  • jsp怎麼做表格,jsp圖表怎麼實現

    本文目錄一覽: 1、用JSP生成一個表格 2、Jsp生成複雜表格問題? 3、JSP頁面怎麼畫出來這樣的表格? 用JSP生成一個表格 JSP中的表格是通過插入table標籤實現的。 …

    編程 2025-01-04
  • Vue-Charts: Vue.js的可復用圖表組件庫

    一、什麼是Vue-Charts Vue-Charts是一個基於Vue.js框架的可復用圖表組件庫,它支持不同類型的圖表,包括折線圖、柱狀圖等,並採用了EasyCharts和High…

    編程 2025-01-04
  • 圖表php,圖表怎麼製作

    本文目錄一覽: 1、php是什麼意思 2、js做圖表和php在做圖表那個好 3、如何在php中使用Libchart繪製中文的圖表 php是什麼意思 PHP(PHP: Hyperte…

    編程 2025-01-02
  • 環形緩衝c語言,環形緩衝區 c語言 實現

    本文目錄一覽: 1、c語言如何編寫一個簡單的多線程程序? 2、c語言中多線程讀寫同一個環形緩衝區的實現 3、怎樣用c語言實現一個環形緩存區! c語言如何編寫一個簡單的多線程程序? …

    編程 2025-01-02

發表回復

登錄後才能評論