本文是《設計模式周周看·Ant Design 為你講透設計模式》周刊的第二十三期內容，上期為你介紹瞭交互操作的一種設計模式歷史記錄，本期介紹另一種交互操作的模式：宏。

What 是什麼

簡介 ：「宏」是一種創建指令集來減少用戶交互操作的設計模式。用戶可以通過記錄或把一系列操作放在一起來創建一個宏以供復用。指令集在集合裡包含瞭其他一些小的操作，往往可以節省大量時間，提高工作流程效率。

例子： macOS 的快捷指令，就運用瞭宏這種模式。用戶可以錄制自己的快捷指令，高效地完成復雜任務流程。

Why 為什麼

沒有人想要一次又一次地重復執行同樣一組交互式的任務。這正是計算機應該擅長的。用戶的行為模式其中有一個叫做簡化重復工作（Streamlined Repetition），宏就是可以為它提供很好的支持機制。

顯然，使用宏命令可以幫助用戶加快工作。而且，通過減少命令個數和需要進行的動作來完成某項任務，他們也減少瞭可能的手指滑動、疏忽和遺漏，以及類似的錯誤。

當用戶可以把一長串操作壓縮到一個命令或一個快捷鍵的時候，也會增強心流體驗 —— 用戶可以在更短的時間內，花更少的精力來完成更多的工作，而且可以一直保持更高層的目標而不會陷入各種細節中。

When 什麼時候使用

用戶想重復一長串操作或命令。他們可能想要把這些操作或命令重復作用在文件列表，數據庫記錄或其他對象上，例如對每個對象進行相同的操作。

How 如何使用

任何時候，為用戶提供某種方式來“記錄”一系列操作，並且可以隨時很容易地 “回放” 它們，而且在操作上需要像一個簡單命令、一個按鈕或一次拖拽一樣簡單。

定義宏

用戶應該能夠按自己的需求命名宏，這樣用戶就可以用按自己的認知理解這個操作序列。用戶可以檢查自己所做的工作，或者重新查看一個已經忘記的操作列表來看它到底做瞭些什麼（和命令歷史模式裡一樣）。讓一個宏可以引用另一個宏，這樣的話，它們可以建立在其他宏的基礎之上。

用戶肯定會想保存這些宏，以備下次使用，因此確認它們是持久的被保存到文件或數據庫中。把它們顯示在一個可以搜索、排序甚至分類的列表裡，具體呈現方式按用戶的需要而定。

執行宏

宏本身可以回放，來讓操作更簡單；或者如果它作用在某個對象上，而這個對象可以從一種調用方式轉換到另一種調用方式，那麼你可以允許這些操作帶參數（例如，使用一個占位符或者變量而不隻是一個對象本身）。宏也應該能一次作用在多個對象上。

這些宏的名字（或者調用它們的控件）如何展示基本上取決於該應用程序的本質，考慮以“內建”的操作來顯示它們而不是使其處於次要地位。

記錄這些操作順序的能力，再加上宏與宏彼此引用的能力，可以讓用戶有機會發明一些全新的語言化或可視化的語法 —— 一種很好地協調他們自己工作環境和工作習慣的語法。這是一種非常強大的能力。事實上，這就是編程，但是，如果你的用戶並不認為他們自己是程序員，那麼不要把它叫做編程，否則你會把他們嚇走（“我根本就不會編程，我沒法完成這樣的工作”）。

Example 案例

Photoshop CC

Adobe Photoshop CC 中具有廣泛的宏功能應用。主要功能是創建或記錄復雜的多步圖像編輯和轉換命令。這在 Photoshop 中叫做“動作”。通過自動化和復用，使用“動作”顯著加速瞭圖像工作流。以下示例中，在左側，選中瞭一個名為“綜合色調（Sepia Toning）”的動作來顯示該動作中依次發生的多個嵌套步驟。在右側，動作菜單顯示瞭錄制、編輯和微調復雜的多步驟動作的選項。

608d8b19fc748f58e9d0c4884fcd2465

Photoshop中的批處理菜單和對話框。這是另一個宏生成器。這些是用戶創建的工作流腳本，用於指導Photoshop從一個位置打開圖像，應用保存的操作，並將具有指定命名的圖像保存在另一個位置。這甚至節省瞭更多的時間，因為用戶不需要手動打開每個圖像來應用動作宏。通過這種方式，用戶可以快速、自動地處理大量文件，節省大量的人工勞動。

16715ea86c6643f544384fa584c6ee23

IFTTT

現在，可以將不同的Web應用程序，服務和平臺集成在一起並編寫腳本，就像它們是一個應用程序一樣。 IFTTT是用於實現此操作的Web應用程序。擁有API訪問權限並與IFTTT平臺集成的第三方軟件公司可供使用。給定的客戶可以提供他們對IFTTT的第三方登錄，並開始用宏連接他們不同的網絡應用程序，（在IFTTT中稱為“recipes”），以完成工作。

以下是IFTTT recipes可以執行的一些示例：

• 在所有社交媒體帳戶中同步個人資料照片
• 自動將圖像文件從社交媒體備份到雲存儲帳戶
• 根據您的手機打開/關閉傢庭自動化設備
• 將社交媒體帖子保存到雲電子表格
• 將健身數據從設備保存到雲電子表格

IFTTT recipes 是通過向在線帳戶提供登錄憑據，然後使用 IFTTT 網絡應用程序構建簡單的宏來構建的。

屏幕中短語 “ 如果[ Twitter ] 那麼 [ + ]”是一個正在被創造的宏。第一部分準備就緒。此帳戶已與其 Twitter 帳戶集成。選擇 Twitter 圖標將打開另一個屏幕，用於為宏配置Twitter驅動的觸發器。下一步是配置 “那麼” 步驟。例如，將每條推文記錄到 Google 電子表格中。這些是 IFTTT 或其他集成 Internet 服務應執行的操作。這些宏允許集成未連接的網絡應用和服務的定制自動化業務流程。

40d3709b9c141d97f115578c9ab9d9b3

Microsoft Excel

Microsoft Excel 允許對宏進行記錄，命名，與文檔一起存儲，甚至配有快捷鍵。 在本例中，用戶可以錄制一個宏，然後在編程環境中進行編輯 (Excel中包含一個輕量級的Visual Basic編輯器)。用戶記錄宏來處理數據和操作電子表格。可以對其進行編輯和保存以供重復使用。

如果你正在開發一個真正可編寫腳本的應用程序，那麼從 Excel 中得到的教訓就是要考慮這樣的宏是如何被濫用的。考慮對通過宏可以完成的操作施加約束。

更多案例

你可以在下方查看「宏 」更多的案例：

共建計劃

註：本模式來源《Designing Interfaces》，案例由 Ant Design 團隊收集整理，如有侵權請聯系刪除。

2021 年期 Ant Design 設計周刊《設計模式周周看——Ant Design 為你講透設計模式》，是由 Ant Design 的設計師編寫的設計方法內容。歡迎大傢關註@AnT Designer及 Ant Design 專欄，獲取第一時間更新：

我們懷著滿腔熱情，希望可以將這份周刊作為交互體驗教案級別的內容呈現給大傢，也歡迎大傢向我們提出寶貴意見。