Notion Icons & Resource | 圖示應用與免費線上資源
用圖示讓 Notion 系統簡潔明暸又不失個人風格
一直寫跟 Notion 資料庫關聯性、模板之類的硬功能有點累，這篇來介紹稍微輕鬆一點的主題：在 Notion 中的圖示 (icon) 應用方式與一些好用的免費線上資源。
為什麼使用圖示 (icon)？
首先從定義開始，根據維基百科，圖示 (icon) 的定義如下：
… 一種在裝置螢幕上顯示的象形符或形意符號，目的是為了幫助使用者瀏覽系統。圖示本身是代表軟體工具、功能、或者檔案的一種可快速理解的符號 …
而符號則是：
…象徵、意味或被理解為某種思想、物件或的關係的標示、記號或文字…
運用恰當的時候，圖像資訊可以讓我們快速地傳達大量的資訊，就像是交通標誌一樣，只要一瞬間就可以理解前方有岔路，或者有危險要注意等等；當然，除了理性的功能以外，圖示也具有美學上的意義，可以美化我們的 Notion 系統。
Notion 系統中圖示 (icon) 的功能性意義
給予 Notion 系統中的物件一個明顯的圖像表示，使用時可以快速辨識頁面性質，在列表中快速地找到你要的資料庫及頁面，例如：📒 課程筆記、📝會議記錄、🎮遊戲。這樣的圖示主要可以用以下在幾個地方：
- Notion 頁面 (page)、資料庫 (database) 的頁首
- Callout 區塊左上角的圖示
- 資料庫模板 (Database template) 的頁首圖示
1. 每個 Notion 頁面 (page)、 資料庫 (Database) 的頁首
在每個 Notion 頁面及資料庫的頁首，都可以加入圖示以及封面，套用圖示後，在資料庫的各種顯示模式中，會顯示在物件名字前面，取代系統預設的頁面圖示。
2. Callout 區塊左上角的圖示
Callout 功能是 Notion 中的一種區塊 (block) 型態，可以框出一個區域，左上角帶有圖示。Callout 功能在最近的更新中升級了許多，可以將其他的區塊內容直接拖曳到裡面，對於 Notion 版面的編排、設計有很大的幫助。
3. 資料庫模板 (Database template) 的頁首圖示
雖然聽起來跟前面第一項一樣，但是，在套用資料庫模板的同時也會自動套用其圖示，成為一種視覺標記，例如：我的任務 (Task) 資料庫的不同中，有幾種不同的模板：🏢會議、⌨️輸出、🔍回顧等等，這幾種不同類型的任務都有代表他們的圖示，當我們檢視任務列表時，可以輕易地看出他是屬於哪一種類型的任務，也省去每個任務都要手動選曲圖示的麻煩。
適合 Notion 使用的線上免費圖示 (icon) 資源
原本只想介紹幾個自己常用的免費圖示 (icon) 資源，但搜尋了一下，發現有其實相當多的資源可以使用，這裡列出幾個我認為比較適合用在 Notion 的幾個，分為以下幾種類型：
- 簡潔的 Notion 直上型，便利快速、風格一致。
- 多樣圖示風格型，更多元的畫風、色彩圖示。
- 可客製細節型，可以調整圖示的筆畫粗細、顏色。
- 其他有趣的類型，小眾、難以分類，但覺得有趣、值得分享的類別。
1. 簡潔的 Notion Link 直上型
專門為了 Notion 使用者整理的圖示資源，風格上比較一致，偏向單色、簡潔的圖示，也有對應 Light/Dark Mode 的圖示，更重要的是，不需要下載圖示，只要在 Notion 圖示中選擇使用連結 (link)，就可以直接套用，非常方便！🥳
A. Notion VIP 的圖示資源，網頁中可以切換 LIGHT MODE 及 DARK MODE ，點擊圖示本身或底下的紅色 COPY 按鈕就會自動複製連結，就可直接在 Notion 的圖示選項裡面貼上套用。圖示數量不算多但是一般來說還算夠用，而且因為是選過的圖示，因此，風格上也會比較一致。
真的要挑毛病的話，就是無沒有搜尋功能，所以需要一個一個去挑選。
B. Notion Icons ，一樣可以切換 Dark Mode / Light Mode， 還有不同對比度 (顏色深淺) 的圖示可以選擇，圖示數量相當多，也有搜尋的功能，跟 Notion VIP 類似，點擊想要的圖示就可以複製連結，並在 Notion 的 icon 選項中貼上連結套用。
相對於 Notion VIP ，可以看到 Notion Icons 中的圖示筆畫較粗，這個在顯示較小的時候，看起來會比較清楚一點，例如在 Table View 中的 Page icon，但放大時感覺就相對沒那麼精緻，這就看用途還有個人喜好來取捨了。
2. 風格多元型
這個類型的平台上，圖示風格、色彩運用上較多元一點，圖示數量非常多，有時候搜尋圖示的過程中，不小心就變成精神時光屋，花太多時間在上面。以下兩個平台都有提供圖示顏色上的客製選項，對於自己的 Notion 系統色彩使用很講究的人可以試試。
相對於第一類，對於 Notion 使用者來說，可能相對麻煩一點，因為會需要下載圖示，再上傳到 Notion 上。我試過套用 link ，一開始可以使用，但過一陣子後會有掉圖的現象。
C. Flaticon，這個是我個人最常用的平台，圖示資源數量非常多，圖示設計的品質也相當不錯，部分圖示需要 premium 帳號才能使用，但免費的已經相當好用了，免費帳號每天有下載數量的限制，對於 Notion 使用者來說應該綽綽有餘。
D. ICONS8，也是很多人會使用的圖示平台，特性上大致跟 Flaticon 相同，這邊就不贅述，大家可以自己上去試用看看。
3. 可客製細節型
這類網站應該是偏向 UI/UX 設計或者軟體企業識別上的應用為主。有點像上述的第一種類型，圖示風格上簡潔且一致，特色在於可以針對圖示的細節進行調整，多了可以微調的功能，也許也適合怎樣都找不到順眼圖示的 Notion 使用者，客製出穠纖合度的完美圖示吧🏄🏻♂️！
E. Ikonate，可調圖示整筆畫粗細、尺寸、筆劃轉角形式、顏色，也可以切換到 dark mode，檢視圖示顯示的狀況，。
F. ByteDance IconPark ，功能上跟 Ikonate 差不多，除了線條以外，多了幾種顏色風格可以選擇：填充、雙色跟多色。
4. 其他有趣的類型
最後，放一個比較特殊的圖示類型，偏小眾、難以分類，但覺得很有趣所以還是放來給大家參考看看。
G. Health icons，開源的健康、醫療圖示平台，也許對醫療相關的人士或者醫學院學生會有幫助。
以上平台的政策都不太一樣，在免費使用時多會要求署名(attribution)，即使非商用，使用前還是記得先閱讀一下條款喔。
介紹完畢
不知道還有沒有其他使用圖示的應用情境？大家比較喜歡什麼樣的圖示？還有在使用什麼樣的圖示資源？歡迎留言交流討論。如果覺得看完這一篇文章對你有些幫助，也麻煩拍手給我一點鼓勵 🥸。
如果喜歡這一篇文章，也歡迎點進我的〈Notion 文章目錄〉，裡面有更多關於 Notion 章。
