一看就會，效率翻倍的在線原型設計工具技巧（動圖介紹）

時間：2023-07-25 00:48:01 | 來源：網(wǎng)站運營

時間：2023-07-25 00:48:01 來源：網(wǎng)站運營

一看就會，效率翻倍的在線原型設計工具技巧（動圖介紹）：摹客在線設計作為2020年國內(nèi)設計工具新秀，一經(jīng)推出就斬獲了一大批產(chǎn)品經(jīng)理和設計師的青睞。除了功能強大、能力全面的特點外，摹客團隊在工具的易用性方s面也做了非常多的努力。其中不少功能可以極大地提高用戶的工作效率，真正做到讓設計更快更簡單。

今天我們就一起來盤點一下摹客在線設計中，那些遍布各處的驚喜。本期內(nèi)容從最常用的基礎操作入手，后續(xù)還會為大家介紹更多高階功能和技巧。




選中有技巧

選中操作幾乎是所有編輯操作的第一步，只要掌握以下的選中小技巧，效率翻倍絕非紙上談兵。

相交選中與包含選中

在默認情況下，當我們使用鼠標框選的形式來選中組件時，與框選范圍相交的所有組件都會被選中，這就是相交選中。










而當我們按住Ctrl鍵進行框選時，只有被框選范圍完全包含的組件才會被選中，也就是包含選中。










熟練地切換這兩種框選方式，能夠幫助我們在不同場景下更靈活、準確地選中所需的內(nèi)容。




選中下層

頁面中的元素過多時，往往會出現(xiàn)組件重疊的情況。如果一些組件被完全覆蓋住了，該怎么辦呢？除了在圖層樹中找到相應的圖層并選中，你還可以使用選中下層的操作。

只需要按住Ctrl鍵，并重復單擊組件重疊的部分，就可以按照從上至下的順序來依次選中組件。










選中畫板

“主畫板+輔助畫板”是摹客在線設計獨有的設計機制，使用輔助畫板可以輕松制作彈窗、內(nèi)容切換、輪播圖等效果。當畫板中的組件將畫板遮住時，一些小伙伴可能就會經(jīng)常誤點到組件，而很難選中畫板。

其實此時只需要點擊畫板的名稱就能快速對其進行選中，并且拖拽名稱即可移動畫板。同理，當我們拖拽交互鏈接點到畫板名稱上時，就能直接將相應畫板選作交互目標了。







另外，如果頁面中的畫板數(shù)量較多時，別忘了使用畫板列表來幫我們更快地定位畫板、選中畫板、添加畫板交互哦。










如果你對摹客在線設計的畫板機制和作用不太了解，不妨點擊查看相關(guān)的教程吧。




鎖定組件以避免誤選

組件重疊還經(jīng)常導致誤點和誤選，尤其是一些尺寸較大的矩形或圖片在充當背景時，經(jīng)常會被無意選中。對于此類體型較大，又不需要頻繁進行調(diào)整的組件，只需要對其進行鎖定即可。因為組件被鎖定后，是不會被框選住的，還可以避免被錯誤地拖動。







克隆有高招

復制、粘貼是設計工具最常用的操作之一，而克隆等于快速地復制+粘貼。

• ●　使用一次克隆的快捷鍵Ctrl+D就等于Ctrl+C加上Ctrl+V，直接兩步并作一步。
• ●　你也可以按住Alt鍵，并拖拽組件，就能快速進行克隆。

當然，關(guān)于克隆的小技巧遠遠不止這么簡單。

等距克隆

在進行設計時，對相同內(nèi)容的快速填充是一個高頻的需求。不僅要把一份快速擴散出多份，還需要每個部分之間排列工整，這時候就是“等距克隆”功能大顯身手的時刻了！

先來看看操作步驟：

1. 1、選中組件，按住Alt鍵并拖拽組件A到需要的位置，即可生成一個克隆體A1。
2. 2、保持A1的選中狀態(tài)，并使用快捷鍵Ctrl+D。

這樣就完成了對組件的快速克隆了，并且每個克隆體之間還會保持第一次克隆所產(chǎn)生的間距。

等距調(diào)整

如果等距克隆出的間距并不符合你的需要，那就一定要試試等距調(diào)整。

當我們選中間距相同的多個元素（每個部分可以是單個組件也可以是編組）時，每個組件之間會出現(xiàn)一個長條的控制柄。拖動控制柄，就能快速調(diào)整這些元素之間的間距了，是不是超級方便？







對了，如果你選中的組件之間并非間距相等，那就先使用水平等距或垂直等距功能調(diào)整一下吧。







等距排序

在設計中，對界面元素的位置進行調(diào)整是常有的事。而如果你掌握了等距排序操作，那效率絕對一飛沖天了。

選中多個間距相等的元素時，當鼠標懸停在其中一個部分上時，會出現(xiàn)一個圓點。拖動這個圓點，你就會發(fā)現(xiàn)元素之間的位置可以被非常方便地交換和調(diào)整了。










快速更換圖標

摹客在線設計的圖標庫為大家準備了上千個預設圖標。每個圖標都是原創(chuàng)制作，包含粗線和細線兩套圖標庫，每個庫中的圖標風格成套統(tǒng)一，隨意組合都能營造舒適的感受。如果你經(jīng)常用到圖標，這里也有一個不容錯過的小技巧。

• ● 雙擊頁面中的圖標，可以快速地打開圖標庫。
• ● 此時保持圖標的選中狀態(tài)，再單擊圖標庫中的其它圖標，就可以對圖標進行快速地替換了。

以上就是本期摹客在線設計的技巧盤點，如果以上內(nèi)容你全都已經(jīng)掌握，那你一定是超越90%用戶的老手了。

官網(wǎng)：https://www.mockplus.cn/




后續(xù)我們還會為大家?guī)砀喔唠A使用技巧的總結(jié)，敬請期待~