Figma 智慧選擇介紹
作為設計師,我們工作的很大一部分是探索約束和可能性,這通常是一個非常迭代的過程。我們不停的嘗試,不停的重新審視我們昨天做了什麼。
這項工作大部分涉及重複性任務,例如“如果圖示周圍的間距有點緊張怎麼辦?”或“這些東西會有什麼用?”這項繁瑣的工作可能會耗費大量時間。簡單地增加列表中某些元素的高度可能意味著執行10次調整大小操作、9次移動操作 – 同時跟蹤頭部的間距和對齊。它不應該是這麼難。畢竟我們擁有這些功能強大的計算機,其中一個基本方面是有效的重複和重用。即計算機能夠以極快的速度多次完美地重複相同的動作,這是專業人員、軟體工程師、資料研究人員和其他人所使用的。今天我們很高興地介紹一種新穎的新功能,它將為設計師減輕這種重複的“猴子工作”並加速您的探索。
我們稱之為智慧選擇 – 它可以幫助您輕鬆調整畫布上選定物件中多個專案的間距和排列等。它讓您可以自由地專注於創作過程的基本要素,而不是細節。
智慧選擇如何工作
智慧選擇自動適用於任何選擇或三個或更多專案的組,具有相等、均勻的間距。選擇專案後您可以一次調整所有這些專案的間距,位置和大小。
以下是智慧選擇的功能:
- 拖動物件之間空間中的粉紅色手柄以調整所有專案的間距。
- 拖動環以快速重新排列專案。
- 單擊一個或多個專案的粉紅色環以標記它們:這可以通過拉動邊緣來調整大小。
- 在構建此功能時,我們希望在設計師已經在使用的範例中找到解決方案,而不是引入全新的思維方式。
考慮到這一點,我們建立了一種方法來幫助您在畫布上直接操作物件,而無需學習任何特殊的新工具或物件型別。這是一個純粹的UI功能。
Tidy Up
除了智慧選擇之外,我們還推出了另一個名為Tidy Up的強大功能,這使得從混亂的東西中獲得智慧選擇非常容易。只需調整Tidy Up動作即可巧妙地安排所選專案。 將其視為“分配”功能,可以更好地完成工作。
Tidy Up獲取所選專案並將它們移動,使它們彼此靠近並具有相同的間距。用例不僅僅是輔助智慧選擇 – 你會發現Tidy Up對錶格和工具欄等內容很有幫助。與傳統的分配功能不同,間距始終是均勻的。為了幫助您瞭解Tidy Up的工作原理,想象一下在20個螢幕上工作,所有這些都構成一個流程。 我們希望這些整齊排列,兩者之間有完美的間距,這樣當我們向其他利益相關者展示時,它看起來很精緻。
在傳統設計工具中執行此操作通常意味著手動遍歷每個空間(在我們的示例中測量19個空間!)並調整關閉的空間。通過Tidy Up,所有這一切都可以通過一個快速操作完成 – 選擇您的螢幕,然後單擊右側邊欄頂部的Tidy Up按鈕。Tidy Up的鍵盤快捷鍵是macOS上的⌥⌘T和其他平臺上的ctrl-alt-T。
下次更新?
在接下來的幾個月裡,我們為您提供了更多的小工具,包括支援智慧選擇和其他令人興奮的2D網格。與往常一樣,我們渴望瞭解您使用智慧選擇所做的工作,並獲得有關如何使其更好的反饋。
翻譯 <a href="https://www.yrucd.com/author/courier">Courier</a>選自 <a href="https://blog.figma.com/introducing-smart-selection-51f6ca7a817b/">Figma</a>