【Milanote 中文完整教學】一次搞定靈感牆,視覺筆記與生活計畫!

本文目錄

你是不是也在找一個「看得懂」的筆記工具?Milanote 就是一款主打視覺化整理的白板式筆記平台,適合用來做靈感發想、圖像彙整與設計專案。

它不像 Notion 可以串接資料庫,也不像 Heptabase 那樣強調個人知識管理,但在「視覺化」這件事上,Milanote 是我目前用過最有設計感的線上筆記軟體。除了可以自由拖曳卡片、製作心智圖,還能簡單塗鴉,特別適合喜歡使用平板畫草圖、在圖片上註記重點或執行創意專案的人。

這篇教學會帶你一次搞懂 Milanote 最核心的三種元件:便條紙 (Note)、白板(Board)、群組(Column),幫你建立一套有邏輯、可延伸又保留個人風格的視覺化資料系統。

新手入門教學:Milanote 的三種元件一次搞懂

Milanote 的操作雖然直覺,但剛接觸的使用者還是會對「這些功能到底是什麼?」、「分類邏輯是什麼?」有點不確定。

其實,你只要搞懂三個最基本的元件:Board(白板)、Note(便條紙) 和 Column(欄目),就能輕鬆上手,用來建立靈感牆、資訊整理表、視覺化專案看板都沒問題。

Board 主題白板,讓靈感不會混在一起

如果你有很多想法、資料或圖片想要整理,但又不想全部擠在同一張白板上,那你會需要「Board」。你可以把它想像成一張白紙桌面──為每個主題開一張桌子,把靈感一個個放上去,分類也好、排版也好,都可以照自己的習慣來。

Board 裡可以放進各種物件:便條紙、圖片、連結、甚至是另一張白板。除了彼此獨立使用,你也可以把常用的桌面做成捷徑,放到其他主題裡,快速切換不會卡關。

像我就會為每個企劃、專案或月份開不同的 Board。這樣不但不會混在一起,也能完整保留每個主題的資料結構與靈感脈絡。

參照下圖,我會先教你怎麼新增一張白板、設定顏色與 icon:

  1. 拖曳左側的「Board」元件到畫面中,點一下,左側就會出現 color 和 icon 的快捷選單。
  2. 點 Color:可選擇系統提供的顏色,也可以點「Custom color」自訂你想要的色碼。
  3. 點 Icon:從內建的圖示中選擇,也能上傳自己想要的圖片來當作圖標。這個圖示會顯示在整個 Board 的縮圖上,方便你快速分辨主題。
  4. 點 New Board:輸入你要的主題名稱,例如「靈感收集」、「六月行事曆」、「食譜設計」等等。名字越明確,未來越好找。

這樣就完成啦!接下來你就可以開始往這張白板裡加入你想整理的內容了。

新增白板 Board 操作步驟,包含命名、設定 icon 與顏色的圖示教學

Column 做群組:比資料夾更快找到想要的東西

在 Milanote 裡,Column 就是用來把相關元件整理成直式欄目的功能。你可以想像它是資料夾+展示牆的混合體──不用一個一個點開才知道是什麼。

也就是說,不管是便條紙、圖片、子白板(Board)或連結,只要你覺得它們屬於同一組,就可以拖進 Column 裡整理。

參照下圖,建立一個新的 column 群組:

  1. 把 Note、Board或和其他元件拖到空白桌面(Board) 中自由擺放。
  2. 用左鍵選取多個元件後按右鍵,選「Group into Column」,將內容併成群組 (垂直展開)。
  3. 幫群組命名就完成了。

透過 Column 群組多個元件的教學圖解,包含拖曳、選取、群組命名

在實際應用上,你可以把所有不同類型的元件統統收進一個群組裡。

像下圖這張白板,我就把幾個常用的 Board 組成一個群組,這樣重要的資料就不會散落在桌面上,要找的時候也更快更有效率。

實例畫面,展示將多個白板 Board 群組成一欄 Column 的視覺整理效果

這種「把不同元件組成群組」的做法,其實可以應用在很多實際情境裡,例如:

  • 做內容規劃時,可以把你認為屬於同一組的資料收整在一起,像是按主題分類、按檔案類型整理,怎麼分類都可以,重點是自己看得懂。
  • 整理生活計畫的時候,也很實用,像是把散落的食譜收整成「一週食譜」,或是把孩子畫的畫照日期分好等等。
  • 如果是專案討論,則可以依照專案名稱或每次會議收整資料。

Note 記下靈感、重點與代辦最直覺的工具

Note 就像是一張可以自由拖曳的便條紙,是 Milanote 裡最基本、也最實用的記錄工具。

不論是突然想到的一句話、代辦事項、段落草稿,甚至是某個專案的說明標題,你都可以直接用 Note 快速寫下來,放在桌面上想擺哪就擺哪。

參考下圖,新增一張便條紙(Note)並調整樣式:

  1. 從左側拖曳「Note」元件到白板上:左側工具欄找到「Note」,用滑鼠拖到白板上放開,就會新增一張便條紙。這是最直覺也最常用的方式。
  2. 在空白處點右鍵 → 選擇 New Note:若想在某個位置補上一張便條時,這樣最快。
  3. 點便條紙裡的文字,可輸入內容:左邊還會跳出相關工具列,可條樣式、標題或條列清單。
  4. 點整張便條紙,左側會跳出顏色選單,可調整背景或改上方標籤條的顏色,方便分類。

新增 Note(便條紙)的教學圖解,展示拖曳、新增與樣式調整功能

Note 是我最常用的元件之一,靈感來的時候就直接拉一張出來記,記完之後再慢慢分類。操作簡單、自由擺放,是最適合用來記錄「當下想到的東西」的工具。

不過如果你想進一步記錄像「代辦清單」或「資料來源」,那就建議你使用其他更專門的元件:

milanote-link 連結填入連結,可自動抓取網址的縮圖、標題和簡介,也能嵌入影片或圖片,還會自動附上來源網址,超級適合拿來整理資料或做靈感牆。
待辦 清單(1) 每張待辦清單都可加入標題。 (2) 每項待辦都可加入預計要完成的日期(但沒有時間),完成後勾選刪除。 (3) 每項待辦都可往左縮排或往右縮排。 (4) 如果是團隊使用,每項待辦都可以單獨@某位團隊成員。

這些元件都能跟 Note 搭配使用,一起排進 Board 裡面,讓你的內容更完整、分類更清楚。

Milanote 元件和功能:從上傳檔案到畫圖都行

除了基本的便條紙、欄目群組和白板,Milanote 左側選單還有其他好用的功能。

這一段我會一次介紹你可能忽略的元件功能,像是畫流程圖、插入地圖、上傳設計檔、加入音訊或影片等等。這些功能雖然不是每次都用到,但一旦學會了,你就能針對不同需求靈活搭配,做出屬於自己的視覺化筆記板。

基本元件介紹(流程線、評論)

所有功能用滑鼠左鍵拖曳到右方的桌面上就能使用,可隨意擺放、疊放,還能選取對齊。下列是上文還沒提到的其他功能:

線條可改為單向、雙向箭頭,線條粗細、虛線、標籤都能自由調整,還可彎曲路徑,非常適合用來畫心智圖或流程圖。(下文有入門教學)
評論能直接摺疊在任何物件下,變成帶有數字的氣泡,方便團隊在特定項目上留言與回覆。
延伸 按鈕這個不能拖曳到桌面上,點選會展開繪圖、色票、音訊、文件、影片等特殊元件,下面接著介紹。

線條操作技巧:怎麼畫雙箭頭、加標籤?

把線條物件拖曳到桌面上,左側功能表就會跳出6項功能,依序是顏色、線條開始的箭頭、線條結束的箭頭、線條標籤、虛線和粗細等,就像圖片所示。

線條工具操作說明,左側為線條樣式設定選單(顏色、起點箭頭、終點箭頭、標籤、虛線、粗細)

線條工具操作說明,右側為各種線條效果範例圖,示範如何調整方向、粗細與標註文字。

線條功能可以複選和疊加──兩個箭頭方向都按,就是雙向箭頭,而雙向箭頭上可以再添加標籤功能,加完標籤也還能再改成虛線、粗細或顏色。而同一個線條物件,反悔不想要雙向箭頭、虛線、標籤了,只要在不想要的功能上點一下,就可以消除。

另外,點一下每個線條物件,會有前中後3個節點可以拉,你可以隨意在某一方向調整長短,或者拉中間節點,把直線變成弧線。

延伸工具說明(文件、繪圖、音頻、地圖、影片…)

點開「延伸功能」按鈕,會有繪圖、色票、文件、音頻、GoogleMap、影片、標題等 7 個可拖曳的功能物件:

草稿拖到桌面上再點擊兩下,會出現一張白紙,可以在紙上簡易繪圖。點選筆的圖示後繪畫,線條可更改粗細和顏色,橡皮擦圖示用來刪除畫好的圖樣(點一下刪除,不是塗抹的方式)。畫好之後,下方可以加上文字敘述,存檔後像一張白紙放在桌面上,按右鍵可存SVG檔。
色票拖到桌面上,出現顏色+網頁色碼+顏色名稱的色票。在顏色上點兩下會有顏色選取器,選取器面板的吸取顏色按鈕,能直接吸取桌面任何圖片的顏色,或更改RGB碼;在下方的顏色名稱點一下可以更改文字,當作標註。
文件拖曳在桌面上會出現一個文件的圖樣,點兩下進去就能打無限多的文字。可以選標題、內文字型大小和對齊方向,或加粗、斜體、刪除線、螢光和加入清單等等,類似wordpad文件,只是不能繪圖跟放圖,不過,可以放超連結在裡面。
音頻拖在桌面,輸入Spotify和Soundcloud的單集網址可以抓取音頻,意即抓好後會出現播放鍵和相關文字資訊,可以隨時在Milanote裡面播放。至於下面的文字資訊,點在超連結以外的地方可以修改,但只能寫一行,而且會變成超連結。
地圖輸入GoogleMap分享網址,就會出現地圖和該點的位置資訊,但milanote好像不會抓該地點的名稱,而是經緯度。在下方超連結以外的地方點一下,可以改為該地點的名稱和地址,但只能寫一行,而且會變成超連結。
影片輸入Youtube或Vimeo的分享網址,就會抓取網路影片,跟音頻一樣可以在milanote上直接播放。在下方超連結以外的地方點一下,可以修改文字,但只能寫一行,而且會變成超連結。
標題我覺得這個標題功能還蠻雞肋的,因為便條紙功能也可以做到一樣的事情。這個功能算是快速鍵吧,一拖出來就是透明背景+大標題文字。

左下角的 4 個按鈕是什麼?

加入 圖片這個按鈕很好理解,不過我覺得厲害的是,Milanote有和Pexels合作,可以在推薦欄位下方的搜尋框輸入關鍵字直接找參考圖片。如果都沒有你要的,「Recommended」下方有一個「upload your own」可以上傳自己的圖片。或者,Milanote可以直接把任何檔案拖曳進桌面。
上傳顧名思義就是上傳檔案,你也可以直接用拖曳的方式拉進桌面。我試了一下,常見的檔案類型都可以放,像圖片、影片(可以直接在Milanote上播放)、pdf、字型檔、設計檔都行,但免費版好像有51MB的檔案限制,而且不能放exe檔。
繪圖上面的草稿功能像在桌上放一張白紙畫畫,而這個功能則是直接畫一個物件放在桌面上。點選後會有繪圖功能表,直接畫,畫好後是存成物件的形式(透明背景),可用滑鼠左鍵移動,一樣按右鍵可存SVG檔。
垃圾桶左側功能表的最下方,點一下就可以找到今天刪除的物件,如果還在,都可以再拖出來。

右鍵功能與表格應用

表格 (Table)

在桌面上按滑鼠右鍵,在跳出來的表單點選「New Table」來新增表格。在新的表格上點選儲存格再按右鍵,就能選擇要新增(或刪除)一欄還是一列。

表格建立方式示意圖,從右鍵選單中點選「New Table」即可新增表格

在 Folder 上按右鍵可以直接轉 Board

在資料夾 (Folder) 上按右鍵叫出選單,點選「Convert to Board」就可以把資料夾轉成一個 Board 啦!

Column右鍵選單,展示將資料夾轉換為 Board 的選項畫面

其他右鍵常用快捷功能

常見右鍵選單功能,包含複製、刪除、鎖定位置、調整層級與顏色等功能列表

如圖,應該很好懂,但還是解釋一下,duplicate是建立副本的功能;Lock position是鎖定位置;Bring to Front是移到最前,而Send to Back是移到最後。

另外,每個物件會有不一樣的快速功能──便條紙是「Group into Column」,會開一個新資料夾把這張便條紙收進去;而畫板(Board),則是可以在這個桌面建立捷徑(Create a shortcut to this Board)。

然後,我試過大部分的物件都可以按右鍵鎖定位置。但有點不好按,須要先按滑鼠左鍵,看到物件的右上角出現箭頭再按右鍵,才會出現列表。

最後,補充一些小技巧,雖然不是每次都會用到,但一旦遇到拖不動或找不到物件時,會非常實用:

  • 移動物件:在移動物件時,先點一下桌面,讓滑鼠游標恢復箭頭狀態,點住物件後不能放開,這樣才能拖曳物件。另外,選取多個物件並按住左鍵,可以拖曳全部選取好的物件。
  • 通用功能:刪除不用按右鍵,在編輯狀態下也能刪,直接按鍵盤上的 delete 鍵就好,此外,一般的快速鍵 Ctrl+Z、Ctrl+V、Ctrl+C 都能直接用(其實我用過的筆記軟體都行)。
  • 網頁導覽路徑:桌面最上方都會有所有網頁導覽路徑的連結,就算你階層做再多都不會迷路。

延伸做法:分享與輸出怎麼做?

如果想讓客戶、團隊成員、同事或其他人看到輸出的白板內容,或直接分享連結讓他們來白板上評論,Milanote 有很方便的設定。

只要在物件的編輯頁面右上角看到 Export 按鈕,就可以將單張桌面輸出成 pdf、word、Markdown 和 png 等格式。

或是直接分享桌面連結,到右上角按 share,就會看到下圖設定,但一次只能分享一個桌面,且首頁桌面無法分享。

分享設定畫面,左側為邀請協作者功能,右側為唯讀連結設定選項,包括評論權限與密碼保

左邊的Add editor是只要你想分享的人有 Milanote 的帳號,輸入E-Mail帳號或給他連結,就能邀請他來編輯這張桌面。

右邊的 Share a read-only link,就是邀請沒有帳號的人來看這張桌面,我覺得很有趣的地方是,能設定4種功能:允許評論和繪圖、設定 300 字的歡迎訊息、設定登入密碼和複製嵌入語法。

我怎麼用 Milanote?3 個生活應用範例:裝潢計畫、旅遊筆記、一週食譜

Milanote 不只適合設計師、創作者或知識管理者使用,其實日常生活也能用上。

以下這三張圖是我製作的示範白板,搭配日常常見的使用情境,不一定要用得很複雜,也能讓筆記變得更好用。

裝潢計畫:一張圖搞懂空間佈局與裝潢風格

  • 在平面圖上用 draw 功能標註需要調整的區域與重點。
  • 搭配圖片、標題和便條紙等功能,放上靈感參考與需求條列。
  • 可做為與設計師溝通時的輔助圖。

裝潢規劃白板示意圖,中央為平面圖,周圍搭配家具風格圖片與標註方向箭頭進行空間配置

旅遊筆記:把日期、景點、地圖、住宿與行程路線整合

  • 輸入地點分享連結,會自動嵌入地圖 (Google Map 功能)。
  • 加入便條紙並組成群組 (Column) 整理每日行程與票價、公休日、營業時間等資訊。
  • 使用 Link 功能,把景點介紹網頁嵌入筆記,有圖片更方便查找與決策。

旅遊筆記白板示意圖,整合了 Google Map 景點地圖、住宿資訊與備用景點圖片

一週食譜:規劃家庭晚餐與早餐清單

  • 一欄一天,把便條紙、標題、Link (嵌入料理連結) 等組成菜單群組,依照日期或禮拜幾命名。
  • 右側用其他便條紙加上目前食材/需採買食材,組成另一個群組,方便查看手邊食材和採買清單。
  • 也可以再用 to-do 功能把需採買食材作為待辦任務,並在採買時用手機 App 查看。

一週小家庭食譜白板範例,以 Column 分別標示每週五日的早餐與晚餐內容,並搭配實物照片排版清晰

✦ 補充:這些範例目前只是示範圖,並非實際使用中的專案,但也足以說明 Milanote 如何應用在不同的生活場景中。

Milanote官網註冊與下載桌面程式:https://milanote.com/
Milanote App:IOS 下載 / Android 下載

延伸閱讀

【Heptabase App 教學】隨時隨地幫你寫筆記、記任務、查資料、劃重點

訂閱電子報

每週一封信,聊網站上沒寫的事。隨時可以退訂。

看過去的電子報 →

相關文章

數位工具

PockectBook:好用的 DRM 電子書閱讀 App,可閱讀 / 朗讀 / 匯出筆記

數位工具

【Heptabase App 教學】隨時隨地幫你寫筆記、記任務、查資料、劃重點

數位工具

《打造第二大腦》#2-解決資訊爆炸的CODE筆記法

訂閱電子報

每週一封信,聊網站上沒寫的事。隨時可以退訂。

聯絡我

收到你的訊息了,我會盡快回覆喔。