08. 在編輯器中調整視圖設置

原文:Adjust your view settings in the Editor

誰可以使用此功能

・任何團隊或計劃中的用戶。
・具有可以查看文件訪問權限 (can view)的用戶可以調整其查看設置。這些設置適用於您的文件視圖。

可以在“視圖設置” (View Settings)菜單中自定義編輯器首選項。可以通過單擊編輯器右上角的縮放下拉菜單來找到它

從這裡可以切換全局設置 (Global settings),例如查看佈局 (Layout)或像素網格 (Pixel Grids)和多人遊戲光標。還可以在此處找到縮放設置 (zoom settings)。

此列表中的每個設置都可以關閉或打開。如果設置旁邊有一個勾號,則它當前已啟用。如果沒有檢查,則它當前被禁用。

然後,可以單擊菜單中的設置以啟用它。

縮放設置 (Zoom Settings)

Tips!了解如何調整 Figma 桌面應用程序界面的比例。如果在瀏覽器中使用 Figma,請使用瀏覽器的縮放設置來調整界面的大小。
當您第一次打開文件時,默認縮放級別將設置為縮放以適合。

您可能希望將其更新為特定百分比,或使用控件在畫布上放大或縮小。對縮放設置所做的任何更改將僅適用於當前文件。

有許多可用的縮放設置:

  1. 可以使用提供的字段輸入特定的縮放百分比
  2. 使用放大 (Zoom In)和縮小 (Zoom Out)選項以預先確定的增量調整縮放級別

或者,也可以使用鍵盤快捷鍵:放大 + 縮小 -
3. 您可以使用縮放以適合選項 (Zoom to Fit) "Shift + 1" 以適合屏幕中畫布的整個工作區域

Tips!您還可以使用鍵盤快捷鍵 Shift - 2 縮放到所選內容
您還可以縮放到特定百分比。這將以虛擬/實際像素大小的百分比顯示畫布。

4. 還可以縮放到特定百分比。這將以虛擬/實際像素大小的百分比顯示畫布

Tips!如果打開一個鏈接到特定節點的 Figma URL,畫布將被縮放以適合該特定節點。
還可以使用觸控板或鼠標在畫布上放大和縮小:

像素預覽 (Pixel Preview)

默認情況下,Figma 中的矢量呈現為與分辨率無關。這意味著您在畫布中創建的路徑沒有固定的分辨率。

要支持像素精確編輯,您可以啟用像素預覽 (Pixel Preview)。這允許您以光柵化格式預覽矢量對象。

您可以以 1x 或 2x 模式查看像素預覽。這允許您預覽對像在低分辨率和高分辨率顯示器上的顯示方式

  1. 打開查看設置菜單
  2. 將鼠標懸停在像素預覽 (Pixel Preview)選項上。這將打開一個菜單,顯示設置為禁用:

3. 從選項中選擇 1x 或 2x:

4. 菜單中的設置旁邊會出現一個勾號。還將在畫布中收到一條通知:


要禁用:

返回查看設置 (View Settings)菜單。
將鼠標懸停在像素預覽選項上。
從選項中選擇禁用 (Disable)

Tips!還可以使用鍵盤快捷鍵來關閉和打開像素預覽:
MacOS:控制 P
Windows:控制 Alt P

像素網格 (Pixel Grid)

為了在放置和對齊對象時獲得更高的準確性,您可以啟用像素網格 (Pixel Grid)。

當以 1x 分辨率導出時,像素網格中的每個方塊代表一個像素

  1. 單擊視圖設置菜單
  2. 如果旁邊沒有選中,您可以選擇 Pixel Grid 來打開它
  3. 如果 Pixel Grid 旁邊已經有一個勾號,您可以再次單擊它以將其關閉
  4. 您還可以使用鍵盤快捷鍵來關閉和打開像素網格:
    MacOS: ⌘ '
    Windows:Ctrl '

對齊像素網格 (Snap to Pixel Grid)

像素網格本身僅在縮放級別為 400% 或更高時可見。如果您想在縮小時使用像素網格,對齊像素網格 (Snap to Pixel Grid)設置是一個很好的工具。

當啟用此功能時,將在放置或移動對象時將對象與底層網格對齊。這有助於防止導出元素時出現未對齊的像素錯誤。

  1. 單擊視圖設置 (View Settings)菜單
  2. 選擇對齊像素網格 (Snap to Pixel Grid)以啟用此選項
  3. 如果 Snap to Pixel Grid 旁邊已經有一個勾號,請再次單擊它以將其關閉
  4. 您還可以使用鍵盤快捷鍵來關閉和打開像素網格:
    MacOS: ⌘+'
    Windows:Ctrl+Shift+ '
    注意:使用“縮放”工具時,仍然可以將對象放置在子像素值上

像素網格的局限性 (Limitations of the Pixel Grid)

瀏覽器和硬件決定了顯示器上的 1 像素對應的值。

由於您可以在大多數操作系統和瀏覽器上使用 Figma - 具有多種硬件選項 - “1 像素”並不總是與下一個相同。

出於這個原因,Figma 中的任何像素都是真正的“虛擬像素”。

如果您想以更獨立於分辨率的方式工作,我們建議使用佈局網格來控制對象的放置和對齊。在我們的佈局網格文章中了解有關創建和使用佈局網格的更多信息Layout Grids

佈局網格 (Layout Grids)

可以從“視圖設置” (View Settings)菜單切換文件中所有佈局網格的可見性。

如果想預覽設計的外觀,而不必刪除或隱藏單個對象的佈局網格,這非常有用。

  1. 單擊視圖設置菜單
  2. 如果在 Layout Grids 選項旁邊沒有勾選,單擊以顯示它們
  3. 如果已經顯示了一個檢查,單擊 Layout Grids 將隱藏它們
  4. 還可以使用鍵盤快捷鍵來切換佈局網格:
    MacOS:Ctrl+G
    Windows:Ctrl+Shift+4
    在我們的佈局網格文章中了解有關創建和使用佈局網格的更多信息Layout Grids

多人游標

如果在文件中與其他團隊成員協作,您將能夠通過多人遊戲光標查看他們的操作。

您的團隊成員的姓名和光標將顯示在他們在畫布上的位置旁邊。

如果不想被其他團隊成員的操作分心,可以在視圖中隱藏他們的光標。

  1. 單擊視圖設置 (View Settings)菜單
  2. 如果 Multiplayer Cursors 選項旁邊沒有選中,請單擊以顯示它們
  3. 如果已顯示勾號,請再次單擊多人遊戲光標以隱藏
  4. 還可以使用鍵盤快捷鍵 Option-Command-\ 來切換多人遊戲光標