數位工具分享

【2024 更新】Milanote 功能介紹-超直觀的線上圖像筆記工具 (app 和電腦版可同步)

產品設計
Milanote官網的示範模板

這篇是 Milanote 的「功能介紹」,如果想看實際應用的人,請閱讀應用篇。這篇會介紹目前看到的全部功能與文字說明,如果太長不想看,可以直接到官網註冊玩玩看囉!

以下是 2023 年後來新增的功能
-新增表格功能(內文有簡單介紹)。
-可用 Ctrl/Cmd + 滑鼠滾輪、Ctrl/Cmd + -/+、觸控板或視圖選單來放大和縮小。
-新增了將板上所有檔案和圖片匯出為 .zip 檔案的功能。
-在 Folder 上按右鍵可以直接轉 Board。(內文有簡單介紹)。

Milanote 左側功能介紹

左側 7 項主要功能+延伸按鈕

所有功能用滑鼠左鍵拖曳到右方的桌面上就能使用,可隨意擺放、疊放,還能選取對齊。下列介紹7項可拖曳的主要功能:

note 1
便條紙
拖曳一個空白便條紙到桌面上後,會跳出功能表,打入的文字可隨意改不同大小、顏色和背景,或加粗、斜體、劃線,也可以列編號清單,還可以在這張便條紙的上方增加螢光色條、換背景顏色,或者回覆emoji(Add reaction功能)。
milanote-link
連結
拖曳到桌面上,輸入網址後會有「網頁預視效果」,內容包含網址+圖片+抓取的部分網頁文字,而抓取的網頁文字和圖片都能再編輯,或上方增加螢光色條。
to do
待辦
清單
就是to-do list。我覺得好用的地方有三個:第一,可以加入標題;第二,每項待辦都可以加入預計要完成的日期(但沒有時間),完成後可以刪除;第三,每項待辦都可以選擇往左縮排或往右縮排。另外,如果是團隊使用,每項待辦都可以單獨@某位團隊成員
line
線條
可以更改箭頭方向,或改為雙向箭頭,能改粗細、虛線、顏色,還能在線上備註文字,用「線條+便條紙」兩個功能就可以畫心智圖或流程圖了,而且線條功能可以連結所有物件,不單單用在便條紙上。
board
畫板
雖然我翻成畫板,但我都說桌面。其實就是在這個桌面另開一個新桌面的意思,點進去是另外一張空白桌面。可以另外取名和更改icon圖示,在icon的搜尋框找相關主題或者自行上傳圖片,也能更改顏色(請見下方附加功能的介紹)。
column
欄目
欄目只能是直行的,點一下欄目名稱取名後,可以放入便條紙、連結、新畫板、評論、影片連結、音檔連結、文件、google地圖等物件,或任何你上傳、拖曳到桌面的檔案。有點像分類收納的資料夾,但不用打開就可以看到全部資料(很適合我這種金魚腦)。
comment
評論
因為沒分享出去,我自己幾乎沒用到這個功能。就是可以把評論「摺疊」(collapse)在任一物件下,變成小氣泡,氣泡裡面會有數字,就知道有幾個評論。每個評論都可以再回覆。
延伸功能
延伸
按鈕
這個不能拖曳到桌面上,點開來會有繪圖、色票、文件、音頻、GoogleMap、影片、標題等功能,下面繼續介紹。
line2 01 1

左側 7 項次要功能

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

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

左側下方 4 個按鈕

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

常用的附加功能

畫板 Board(桌面)

新增Board物件後,左側功能表會跳單獨的兩項功能:

milanote改icon
按下icon會出現額外的icon選項
color按一下可以直接選色,下方的「Custom color」是選色器。
icon如上圖,一開始會跳 Recommended,是它推薦的 icon 圖示,或者可以在下方搜尋框打入關鍵字後按 Enter 鍵。當然,不一定有你要的選項,那就點選「Upload an image」上傳圖示,建議尺寸是160X160。

此外,在 Board 圖示上按右鍵,能夠鎖定位置和製作捷徑

line 01 1

便條紙 (Note)

milanote-note次要選單
Note的次要選單

使用便條紙功能,就會出現這個次要選單。因為文字的選項都很明顯,就不贅述了。如圖所示,文字樣式表單下方的 color 就是更改文字的顏色;Highlight 是在便條紙上方加一條顏色,便於分類桌面上的所有便條紙,也不影響內容。

左側功能表下方的「Card color」是用來改便條紙的背景顏色,但我很少改。

「Add reaction」上面有介紹過了,如果你覺得很棒、還好或傷心,就在這張便條紙上加 emoji,表示你的心情。但這個功能不會出現在這張便條紙的內容,而是像社交平台那樣,出現在下方(就是點讚的位置),如果是多人使用,會看到幾個人發表了心情。

桌面最上方的右邊有分享按鈕,能分享使用桌面的網址。你可以選擇是否讓分享的對象有權在這個桌面上「評論、加reaction表情和繪圖(draw)」。下面再解釋這一部分。

對了,最後再提一下,在便條紙上按一下,邊邊出現黑色方框,右上角會有一個小小的白色圓點,滑鼠移過去會看到小箭頭,按住小箭頭拉出來,可以直接連結其他物件

line 01 1

線條(Line)

線條次要選單
Milanote-Line-showup

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

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

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

line 01 1

表格 (Table)

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

20240704
line 01 1

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

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

milanote 20240704 1 1
line 01 1

在所有物件上按右鍵會出現的選單

物件右鍵選單

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

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

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

line 01 1

分享與輸出

除了首頁桌面之外,你只要在物件的編輯頁面右上角看到Export按鈕,就可以輸出成pdf、word和png,但免費版好像沒有,我沒成功過,哈!不過,分享單張桌面是沒有問題的,share按鈕一樣在桌面右上角,點進去就如下圖一樣。(但首頁桌面無法分享)

分享功能

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

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

line 01 1

額外小補充

雖然我私心覺得,應該不會有這樣的問題吧,但實在很難說,所以把額外的小補充放在這邊,也不會佔到功能說明的版面:

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

最後,我想說…

如果不是真的喜歡用,是不會寫這麼長一篇的,我很少寫什麼介紹文,畢竟不是 3C 達人,我還是比較喜歡寫讀書筆記。不過,我蠻想把 Milanote 推坑給創作者和創意工作者,這樣的形式可以變成數位真的蠻不錯的,尤其在平板會更好用。

但也要憑良心說,Milanote 確實沒有 Notion 這麼強大的資料庫,所以它有刻意和 Notion 的市場做區隔,強化版面運用的自由度和直觀程度,因此,會比 Notion 平易近人一點,畢竟 Notion 的功能需要學習,你才會感受到它的好用之處。

最後,如果你覺得我介紹的這篇內容有幫到你,你要不要也註冊一個帳號玩玩看?放心,我是真的覺得好用才寫這 2 篇文章的,來做一個 mood board 試試吧!

想看我個人的實際運用,請閱讀上一篇文章:Milanote介紹[應用篇]

Milanote 的應用參考範例

這邊補充一個 Youtuber 的影片,他用 Milanote 做影片的輔助說明,你可以參考他是怎麼繪製心智圖的。說真的,雖然我現在用 Heptabase,但也必須說,確實 Milanote 的介面設計更強一些。

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

Share this post

「閱讀很重要,但生活也是。」相信閱讀是生活的一部分,而生活也是閱讀的一部份,目前的身分是文字工作者二度就業中。有任何合作事宜,請聯繫:[email protected]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *