聊聊xiaopiu那些鮮為人知的驚喜功能(基礎篇)

xiaopiu從最初上線到現在已經兩年半了,經歷了許多新功能的開發和大大小小的優化,那么有沒有人發現過一些不太容易找到,但知道后絕對能提高很多效率的功能呢?我們給大家梳理了所有xiaopiu里幫助提高效率的功能點和隱藏小技巧,幫助大家快速學習掌握xiaopiu!


因為內容較多,我們整理成了三篇,包括——

基礎篇:主要介紹一些基礎操作中的高效方法、可提高效率的快捷鍵等新手捷徑

進階篇:介紹一些給新老用戶查漏補缺的功能和操作

終極篇:包含除原型外的其他驚喜功能、對其他團隊成員十分友好的功能和一些有趣的小彩蛋~


這三篇系列文是給沒時間仔細探索工具的新用戶的捷徑福利文,也是一篇給休閑高端老玩家查漏補缺考查xiaopiu專八考試是否能合格的檢驗文。不管怎么說,沒時間看也可以先馬住~ 文末有福利喲!



基礎篇


一、基礎編輯中的高效方式


1、快捷鍵 Ctrl(?):快速選中子組件

做好了一個集合,這個集合層級很多,如果需要選中第三、四層的元素,靠連續雙擊找到它太耗費精力了,此時按住「Ctrl(?)」就可以快速選中集合里的該元素啦~

2、快捷鍵 Ctrl + Shift + V:粘貼到鼠標指針所在的當前位置

對于多數相對位置不在畫布可視范圍內的組件,「Ctrl (?)+ Shift + V」可以將粘貼的組件直接放在鼠標所在位置,再也不怕找不到復制出來的組件了!

3、快捷鍵 A:任意框選

這是我最喜歡的功能之一!

框選組件是我們非常常用的操作,但常規框選只支持從畫布空白處開始畫框,否則就會移動組件。但只要按住快捷鍵「A」,再用鼠標框選,你就可以從任意地方開始框選啦!(集合內部也是支持的喲)


4、快捷鍵 Alt:拖拽復制

按住快捷鍵「Alt」即可直接拖拽復制組件。


5、表格內部的快捷復制

鼠標懸停到單元格邊框時,會出現紅色的小圓點,拖拽小圓點即可以把單元格的文本、樣式、事件全部完整地復制到其它單元格。


6、超便捷!自動生成「導航菜單」的頁面跳轉鏈接

后臺系統中我們常常會用到導航菜單,每次要給導航菜單的幾十個選項都加上頁面跳轉鏈接,是不是想想都頭大?

使用高級組件中的導航菜單,勾選「自動關聯同名頁面」,只要你的頁面名稱和導航上的列表項對應,我們就會自動為你生成跳轉鏈接,不需要自己再一個一個添加啦,是不是很!貼!心!


7、跨項目復制頁面

在目錄中選中頁面,使用快捷鍵「Ctrl (?)+ C」復制,在其他項目中使用快捷鍵「Ctrl(?) + V」粘貼即可!合并項目、轉移頁面等等需求這一個功能全滿足!


8、兩種備注,解決各類頁面注釋需求

xiaopiu不僅擁有獨立的「全局備注」組件,可以自由移動位置,也可以指定備注范圍;還支持直接選中組件填寫注釋內容,讓備注內容與組件完全關聯。



二、新手必備——效率神器


9、快速復制與智能填充

快速復制與智能填充這對最強CP是可以幫你一鍵生成列表、再一鍵填充文本和圖片內容的超級大神器,絕對能大大提升你的工作效率!

來看看怎么利用它們一分鐘做出一組高保真列表:

做完一個集合列表以后,使用快速復制功能復制出多個,然后進入智能填充,同時給多個相同集合替換圖片和文本,即可快速完成一組高保真列表。


是不是意猶未盡?詳細介紹可以看這里喲!

智能填充

快速復制


10、不喜歡隨機?給你「順序填充」

在有些場景下我們可能需要按固定順序來填充文本,那你可以自定義文本內容后點擊「順序填充」就ok啦!~


11、把控全局的引用組件

引用組件是用戶可以在項目中統一管理的組件模板,修改一處就可以同步更新所有用到該組件的地方。同時,還可以對各個實例進行文本、圖標、圖片、狀態等信息替換,大大增強了模板的復用性。

一句話簡單介紹就是 —— Axure [ 母版 ] 的加強版!!?。ㄔ敿毥榻B看這里:引用組件


12、需要替換內容的引用組件怎么用更高效?

將引用組件中需要在外部進行替換的組件名稱都重命名為合適的屬性名稱,比如“標題”、“內容”等,能夠讓你的引用組件更加直觀,就像一個設計好的組件模板,替換起來更加方便喲。


三、這些功能為你的誤操作保駕護航


13、自動備份歷史版本

不管是誤刪組件、誤刪頁面、還是誤刪項目,我們現在都提供一條龍的保障服務了!如果誤操作導致內容丟失,可以通過點擊頂欄的「歷史記錄」按鈕,進入右側的「歷史備份」面板找到之前的版本喲!xiaopiu會自動幫你備份項目4天內多個時間段的數據。


14、項目回收站

如果刪除項目又后悔了,不要慌,回收站會幫你把刪除的項目再保存兩周,這期間你可以隨時將項目恢復到工作臺。



四、新手須知——如何高效利用教程解決問題


15、幫助你快速解決問題的幫助面板

在編輯原型的時候遇到問題但是覺得切到教程頁看文字教程太麻煩?點擊左側面板的「幫助」,花幾秒看完即可懂的小功能教程演示,非常容易理解,還有多個整理好的用戶常見問題與完整教程演示快捷入口,編輯時出現的問題隨時可以在左側解決哦!

(再也不用來問怎么做內部滾動啦,教程演示可是比文字回復給力多了?。?/p>



16、細致的系統化學習教程

如果要深入全面地學習xiaopiu原型工具,可以使用官方制作的全套完整視頻教程和全平臺文字教程喲!在這里可以了解所有內容:https://www.xiaopiu.com/tutorial


想要更精準的傳送門?請從下方獲取門牌號??????


? 如何制作頁面間交互,或單個頁面內的觸發事件?

你需要學習「事件與狀態交互」「頁面內交互-狀態」


? 怎么做出修改一處就可以應用到所有頁面的組件?

你需要閱讀這篇《「引用組件」全新上線!》「教程-引用組件」


? 不想自己動手做狀態,想要自帶交互的組件?

你需要了解的是「高級組件」


? 還沒有用過PRD文檔,想了解一下PRD功能?

你需要的是這篇全新「產品需求文檔(PRD)」創作模式,全網首發上線!》


? 想快速了解如何做頁面流程?

你需要這篇《你們千呼萬喚的「頁面流程功能」終于來啦!》


? 使用時遇到了問題?

你都可以在我們細致統計和整理的大多數用戶反饋的問題里找到解答:「FAQ常見問題」


基礎篇就先介紹到這里!下周我們會推送「進階篇」,為學有余力的同學們提供一些功能指導~!


大家可以在下方評論區聊一聊自己最喜歡的功能,有好的意見和建議也可以在下方寫出來噢!當然還可以聊聊自己做原型時用到的讓人拍案叫絕的野路子操作~!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 工欲善其事必先利其器,作為PC客戶端開發,Visual Studio是我們每天都要使用的開發工具,IDE提供了非常...
    小豬啊嗚閱讀 4,681評論 1 10
  • Ctrl 組合快捷鍵 快捷鍵說明 Ctrl+PgDn在工作表選項卡之間從左至右進行切換。 Ctrl+PgUp在工作...
    一一休閱讀 1,092評論 0 0
  • Eclipse常用快捷鍵 1幾個最重要的快捷鍵 代碼助手:Ctrl+Space(簡體中文操作系統是Alt+/)快速...
    山不轉人自轉閱讀 1,479評論 0 10
  • 如果你一直在追的女生,無論如何她都喜歡不上你,只是把你當知己而已。 請不要懷疑,也不要自卑,她只配錯過!
    faead5a0501e閱讀 116評論 0 0
  • 要暖。中醫講,脾胃乃后天之本。胃喜燥惡寒,所以要避免冰的涼的食物刺激,要暖食。但是要注意,暖食不等于燙食,經常吃過...
    健康的向往閱讀 151評論 0 0