有關如何在Sketch中使用原型的說明

借助Sketch中的原型，您可以預覽具有生動交互作用的設計。要使用Sketch的原型功能，您需要在文檔中使用Artboard。

發行商在Mac版Sketch的“文檔”窗口的“模板”選項卡中包含了“原型設計教程”教程，這是很棒的。此外，您可以參考以下說明立即在Sketch 圖形設計軟件中使用原型。

添加鏈接

創建原型的最快方法是在兩個畫板之間添加鏈接。您可以將任何圖層的鏈接添加到任何Artboard。

要添加鏈接，請選擇圖層>單擊+檢查器中“原型”旁邊的（或單擊W），然後單擊要鏈接到該圖層的畫板。

如何編輯鏈接

在檢查器中，您可以通過“ 動畫”按鈕選擇如何轉發外觀類似的鏈接，並使用“ 目標”下拉菜單更改將您帶到Artboard的鏈接。

在“目標”菜單中選擇“ 上一個畫板 ”，讓“草圖”返回您正在預覽當前畫板的畫板。當您有多個指向畫板的鏈接時，此功能非常有用。

如何刪除鏈接

選擇“ 原型”>“從選擇中刪除鏈接”，將“鏈接”的目標設置為“ 無”，  或單擊“檢查器”的“原型”部分中的垃圾桶圖標以移動鏈接。

添加熱點

熱點比“鏈接”具有更多的控制權，當您要創建一個大於單獨圖層的可點擊區域時，“熱點”很有用。

要添加熱點，請選擇“ 插入”>“熱點”（或單擊H），然後單擊並拖動以繪製“熱點區域”。然後，單擊要鏈接到熱點的畫板。

您可以像在Link中一樣在Inspector中編輯目標Hotspot和Artboard的動畫。

如何將鏈接變成熱點

選擇任何鏈接，然後在檢查器中單擊“ 創建熱點 ” 圖標，將其變成熱點。

如何確定熱點位置

選擇“熱點”，然後在“檢查器”中選中“ 滾動時固定位置”框，以將其位置固定在畫布上，甚至是“圖層”滾動頁面的其餘部分。

如何在Symbol中使用Hotspot

如果您將Hotspot用作Symbol的一部分，則可以重用該Symbol但可以覆蓋每個Hotspot目標。如果您不想鏈接到另一個畫板，也可以將Hotspot的目標覆蓋為None。

如何隱藏鏈接和熱點

選擇“ 視圖”>“顯示原型”（或按Ctrl+ F）以隱藏代表不同“原型鏈接”和“熱點”的鏈接。您還可以在“首選項”的“ 畫布”部分中更改顏色。

創建固定元素

要創建永久元素，請在“檢查器”的“原型製作”部分中滾動時，選擇圖層或“熱點”並在“ 固定位置”上打鉤。或者，您也可以在菜單中滾動選擇原型›固定圖層位置。

例如，當您要凍結應用程序設計下的一排標籤或在網絡上具有浮動按鈕時，此功能很有用。

如何創建可滾動的畫板

如果要使用滾動元素創建原型，則需要選擇一個Artboard Preset或創建一個Custom Preset並調整其高度。如果不使用“預設”並繪製自定義畫板，您的原型將不會在Sketch Cloud和Sketch Mirror上滾動並以最小化狀態出現在應用程序中。

要從Artboard預設創建可滾動的原型，請選擇您的預設並更改其在畫布上的高度。執行此操作時，檢查器中的預設名稱將更改為包括單詞Resized。

要為畫板創建自定義尺寸預設，請選擇檢查器底部的“ 創建自定義尺寸 ”。確認您的畫板尺寸和名稱，然後更改其在畫布上的高度。與其他常規預設一樣，其在“檢查器”中的名稱將更改為包括“ 調整大小 ”一詞。

使用起點

起點允許您選擇預覽時原型啟動的畫板。要設置起點，請在“ 預覽”窗口中打開“ 原型”，然後從下拉菜單中選擇“ 畫板 ”，然後單擊其旁邊的標記按鈕。

每當您預覽原型時，都將始終從選擇Artboard作為起點開始。要刪除起點，請在“預覽”窗口中選擇該畫板，然後再次單擊標誌按鈕。

設定多個起點

您可以放置​​多個起點，以指導人們完成更複雜設計的不同方面（例如，註冊和用戶設置過程）。每次放置新的起點時，它都會在Sketch Cloud的同一文檔中顯示為另一個原型。

原型預覽

有3種預覽原型的方法-在Sketch應用程序中，在使用Sketch Mirror的iOS設備上或在Sketch Cloud中，您可以與他人共享原型。

如何在Mac應用程序中預覽原型

要在Sketch應用程序中預覽工作，請單擊工具欄中的“ 預覽”按鈕。如果設置了起點，則原型將從此處開始。如果沒有，它將從當前選擇的畫板開始。

1. 單擊“預覽”窗口中的任意位置以查看接觸的目標。他們會告訴您Link和Hotspot在當前畫板上的位置。
2. “後退”按鈕使您退回到原型中的上一個Artboard。
3. 畫板下拉菜單為您提供了一種在不同畫板之間移動的快速方法。
4. 將您當前正在查看的Artboard設置為起點的標誌圖標。

如何在Sketch Cloud中預覽原型

在Sketch Cloud中打開文檔時，您將在文檔概述窗口的頂部看到它包含的每個原型。單擊原型縮略圖以打開並在瀏覽器中預覽。

就像Mac應用程序中的“預覽”窗口一樣，單擊屏幕上的任意位置將突出顯示任何“熱點”或“鏈接”。要返回到上一個Artboard一步，請單擊瀏覽器中的“ 後退”按鈕。

如果在文檔上啟用了註釋，則查看您的原型的任何人都可以選擇窗口底部的“ 查看Artboard ”以退出原型並進入此Artboard的靜態視圖。在這裡，您可以在側欄中留下評論。要關閉原型並返回到文檔概覽，請選擇關閉。

如何在Sketch Mirror中預覽原型

在iOS設備上打開Sketch Mirror應用並通過USB或Wi-Fi連接，然後單擊Sketch App窗口右上角的通知進行連接。

在“草圖鏡像”中，觸摸畫板以開始預覽原型。在這裡，您可以觸摸“鏈接和熱點”以導航原型，或向下滑動畫板以將其關閉。

上面是有關如何在最簡單的Sketch中使用原型功能的指南。希望本文對您有所幫助。