Teams 也能發卡片?試試 Adaptive Cards 讓訊息更吸睛

更新 發佈閱讀 4 分鐘

在工作中不免需要發送或會收到一些固定通知,但這些訊息總是一陳不變,要不然就是排版不好閱讀。今天 RPAI 要介紹一個神奇工具,讓你的訊息通知更有設計感、資訊更好閱讀,這個工具就是 Adaptive Cards。

Adaptive Cards 可以讓你的訊息呈現靈活的排版與設計

Adaptive Cards 可以讓你的訊息呈現靈活的排版與設計


什麼是 Adaptive Cards


Adaptive Cards 中文翻譯為「調適型卡片」,顧名思義就是一張數位化的卡片,可以發佈在 Teams 頻道或是聊天室中。你可以在卡片裡加上文字、圖片、按鈕等元素,讓它們不僅能傳遞訊息,還能讓人直接點擊卡片來做一些操作。最棒的是,這些卡片會自動調整大小和佈局,無論在什麼裝置上看都很美觀。

卡片發送到 Teams 的呈現樣貌

卡片發送到 Teams 的呈現樣貌


不論是公司重要訊息、搜集回饋、專案指派與提醒都很適合用 Adaptive Cards 來呈現,卡片的最大優勢在於它的簡潔性和互動性。當大家看到一張整潔的卡片時,不僅容易閱讀,而且可以直接在卡片上完成一些動作,無需跳轉到其他頁面或 App。這種設計讓資訊傳遞變得更直接、更有效。


做卡片會很難嗎?


完全不會!微軟很貼心的提供卡片設計工具:Adaptive Cards Designer ,讓你在這個網頁上就能像是做 PPT 一樣完成自己的卡片。只要跟著以下步驟,即使不會寫程式也能設計出自己喜歡的卡片:


  1. 選擇卡片最終要發布的渠道,例如 Teams 或 Outlook
  2. 可以從現有的範本開始,或者從頭開始設計
  3. 添加內容:拖入一些文字框、圖片,讓你的卡片內容豐富起來
  4. 完成設計後,將下方自動生成的 JSON 程式碼複製起來
Adaptive Cards Dssigner 操作介面,讓你輕鬆完成卡片

Adaptive Cards Dssigner 操作介面,讓你輕鬆完成卡片


做好卡片了,但要怎麼發?


當然不是將這段落落長的程式碼直接貼給對方,而是要透過 Power Automate 將我們的卡片寄出。卡片送出的時機,可以根據需求決定要手動啟動、固定排程、還是某事件發生後寄出卡片(例如收到一封客戶傳來的信時)。

透過 Power Automate 建立流程就能將卡片寄出

透過 Power Automate 建立流程就能將卡片寄出


如果想要挑戰更進階的作法,也可以嘗試用 Power Automate 的動態內容,讓你的卡片內含一些變動的資訊,例如呈現及時的交易數據;或者是把卡片使用者的回應更新到 Excel 與其他資料庫。不過這些功能都需要對自動化流程有一定的認識,我們將在未來更深入的介紹 Adaptive Cards 的進階操作。


如此一來,你就能針對自己的需求將例行通知設計的更加美觀,同時也讓使用者容易理解與互動,而且這些功能不需要會寫程式都能達成。


這樣一舉多得的好用工具,怎麼能不分享給每天都發一堆通知給你的同事?別忘了跟他說一句:把訊息設計的好看一點啦!


這些功能雖然簡單,卻是我們創造自動化流程的基石,
讓我們一起由簡單開始,成就不簡單!
如果你/妳喜歡這篇文章,歡迎點點愛心或留言,讓我們相互交流和成長!
這次的分享到此告一段落,想了解更多 RPA + AI 與數位轉型的最新趨勢與觀點、RPA 軟體功能介紹及實務應用案例,也歡迎追蹤 RPAI 數位優化器的社群和我們交流互動,我們下次見!
🚀 Instagram:RPAI 數位優化器
🚀 臉書粉絲專頁:RPAI 數位優化器
🚀 RPA入門課程:零基礎快速學習RPA-利用 UiPath 建構自動化機器人程式


留言
avatar-img
留言分享你的想法!
avatar-img
RPAI 數位優化器
188會員
139內容數
我們是以「機器人流程自動化(RPA)」結合「人工智慧(AI)」為主題的中文學習社群,旨在分享 RPA + AI 的學習資源、應用實例和最新發展趨勢,讓工作者透過自動化工具的有效應用,創造數位優化與轉型契機,讓我們一起由簡單開始,成就不簡單!
RPAI 數位優化器的其他內容
2025/04/16
teal 是一款 AI 履歷及面試準備工具,能協助使用者優化英文履歷、模擬面試,並有效管理求職流程。文章詳細介紹 teal 的功能,包含使用者介面、履歷建立器、面試模擬等,並分享個人使用體驗與心得,推薦給想提升英文求職能力的使用者。
Thumbnail
2025/04/16
teal 是一款 AI 履歷及面試準備工具,能協助使用者優化英文履歷、模擬面試,並有效管理求職流程。文章詳細介紹 teal 的功能,包含使用者介面、履歷建立器、面試模擬等,並分享個人使用體驗與心得,推薦給想提升英文求職能力的使用者。
Thumbnail
2025/03/22
在二月底 WBC 資格賽火熱開打的同時,RPAI 數位優化器舉辦了一場熱鬧滾滾的線上直播活動 ——「揭秘自動化流程規劃師,帶領部門從人工走向數位化的引路人」。這次活動真的讓我們大開眼界,原來有這麼多熱情參與者對流程優化與自動化主題這麼有共鳴! 自動化流程規劃師:數位轉型的推手 活動一開始,由
Thumbnail
2025/03/22
在二月底 WBC 資格賽火熱開打的同時,RPAI 數位優化器舉辦了一場熱鬧滾滾的線上直播活動 ——「揭秘自動化流程規劃師,帶領部門從人工走向數位化的引路人」。這次活動真的讓我們大開眼界,原來有這麼多熱情參與者對流程優化與自動化主題這麼有共鳴! 自動化流程規劃師:數位轉型的推手 活動一開始,由
Thumbnail
2025/03/16
當今 AI 工具眾多,但對一些非技術背景的人來說,往往難以上手,我決定定期嘗試不同種類的 AI 工具,探索科技的效益。過年期間為了創作賀新年歌曲,我運用音樂創作 AI - Suno (免費版)。 這篇文章記錄身為音樂小白的我,如何在 1 小時內從探索到整理,並最終生成了一首連自己都驚訝的音樂!
Thumbnail
2025/03/16
當今 AI 工具眾多,但對一些非技術背景的人來說,往往難以上手,我決定定期嘗試不同種類的 AI 工具,探索科技的效益。過年期間為了創作賀新年歌曲,我運用音樂創作 AI - Suno (免費版)。 這篇文章記錄身為音樂小白的我,如何在 1 小時內從探索到整理,並最終生成了一首連自己都驚訝的音樂!
Thumbnail
看更多
你可能也想看
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
【Premiere 教學】製作綜藝字卡 這篇文章介紹了使用 Premiere 製作文字卡的方法,包括文字的層次調整、修飾圖樣的跟隨文字進行增減、位移、遮罩效果的製作。最後還教你如何將字卡存成模板並使用。
Thumbnail
【Premiere 教學】製作綜藝字卡 這篇文章介紹了使用 Premiere 製作文字卡的方法,包括文字的層次調整、修飾圖樣的跟隨文字進行增減、位移、遮罩效果的製作。最後還教你如何將字卡存成模板並使用。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
回訊息時,想要特殊的貼圖嗎? 快用AI直接生成「Thank you」貼圖。 使用#Bing生成,只是目前只能處理英文,中文、日文會變怪文字。 改個七龍珠風格 改成宮崎駿風格
Thumbnail
回訊息時,想要特殊的貼圖嗎? 快用AI直接生成「Thank you」貼圖。 使用#Bing生成,只是目前只能處理英文,中文、日文會變怪文字。 改個七龍珠風格 改成宮崎駿風格
Thumbnail
最近在練習使用 CSS 來製作一些簡單的動畫,以下是我收集資料與實作的成果。製作一張可以水平翻轉的卡片,這邊會使用 Vue.js 來簡化邏輯,主要是解釋 CSS 的部分。
Thumbnail
最近在練習使用 CSS 來製作一些簡單的動畫,以下是我收集資料與實作的成果。製作一張可以水平翻轉的卡片,這邊會使用 Vue.js 來簡化邏輯,主要是解釋 CSS 的部分。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News