方格精選
Notion美化小技巧icon可以怎麼玩？超簡單美化頁面的方法！
閱讀時間約 2 分鐘
Notion的icon功能
Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用，
但在正式文件或網頁發布時用顏文字有點不恰當，
icon的顏色的選擇又只有十種，
這時候可能會想要用自己上傳的logo檔案
可以自己上傳icon的區塊
除了頁面 Page 以外，
還有 callout 區塊也能
自己上傳icon來美化
不同資料庫連結的時候，
有icon更可以調整顯示模式
使用自己上傳的logo的好處與缺點
自己上傳的logo不受內建顏色限制，自由度很高
而且能讓頁面更有專業網頁感，
缺點就是需要自己製圖跟調製檔案
但是想到要準備logo檔案，是不是會覺得有點麻煩呢？
其實用簡單的形狀也有不錯的效果！
可以先這樣試試看：統一色系的基本的圓形、正方形、三角形
與其從複雜的設計圖樣開始，其實先製作簡單的基本圖形就可以
在大多數情況下都能做到更直覺的標示效果
統一色系的基本形狀
- 正方形（Square）：確定的文件區塊，不再修正的專案頁，段落分隔。
- 圓形（Circle）：重點標示。
- 三角形（Triangle）：調整四種不同方向，可以表示方向或進度。
形狀簡單就用顏色來玩花樣
簡簡單單的圖形只要加上顏色變化，頁面就豐富許多了
只要簡單的在不同資料庫使用不同色系的圖形，
在設定關聯的時候就能簡單地達成清楚的標示效果！
頁面logo可以設定透明Png
用複雜圖形的時候，可以注意一下是否有去背
用在頁面logo的檔案如果有透明背景的話，
可以搭配背面的背景圖做出各種效果
這邊也是一個有趣的地方
注意黑白模式可能會有不同顯示效果
現在的手機跟電腦裝置都能設置暗色模式，
所以如果是公開頁面要設定logo的話，
就要注意一下暗色模式的顯示會不會看不到
可以加上白邊或是暗色模式製作另外的白色icon
🎨工商時間🎨
Gumroad
我做了日本傳統色的466個顏色的icon圖檔，
有36色、72色、466色的套組，
每組都包含三種形狀的icon PNG檔案，
三角形檔案可以自行變形四種方向
所以36色也至少有100多個icon可以使用！
檔案也都按Notion的十種色系分組好，
有興趣請前往我的Gumroad商城
（方格子商店申請上架中）
不知道這篇文章對你有沒有什麼幫助呢？
如果對於這篇文章有什麼想法或是問題，都歡迎你留言告訴我哦～
mai
Hi,我是mai,感謝你閱讀到這邊,希望這個文章能為你的生活帶來幫助
有任何不清楚的地方都歡迎跟我聯絡,你的回饋與建議是我繼續創作的動力！
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
鼠鼠利用訓練營期間的回顧系統作業的練習，將 PAI 系統運用在正職的專案管理，加上回顧系統來復盤每天的工作狀態，並打造兩個情境入口作為不同身份狀態的切換使用：工作正職入口及下班斜槓學習入口。
經過三個篇章後的心得與反思
我們總是有很多不一樣的需求，有些實際、有些不實際；有些可行，有些要找方法繞過去。
一開始我的 Notion 是極簡風，除了頁面的 icon 以外，就是基本的標題、文字內容、Table、List…，連 Gallery 都不太用，後來經過 Reddit 與各社群的大大
Widgets 服務平台
如果你不喜歡程式碼，想要快速使用，可以參考以下的服務平台，有些是免費的，有些要付費，不妨嘗試看看：
Apption.co → 種類眾多，可以慢慢看、慢慢選
Indify → 我喜歡他的時鐘，很好看 (有免費數目限制)
WidgetBox
這是美化 Notion 的第二章，改變顯示的文字樣式，就可以增加整體的活潑度。
字型
Notion 本來有提供的三種字體，你可以點擊頁面右上方的 “●●●"，就能在 Style 中找到 Default、Senf、Mono。
如果你真的想要不一樣的字體，可以參考下面一點的解說。
字體大小
關於圖片
圖片是最快讓 Notion 的頁面增加色彩的，如果你只是想要自己使用，沒有商業用途，可能在網路上大量搜尋圖片下載使用，也不會有人特別說什麼，畢竟要查也很費勁，大部分人常用的不外乎 Google圖片、Pinterest，這裡也提供一些免版權的圖片網站，有的會有附加條件，建議大家在使用的時候
雖然 Notion 一直保持著極簡的美學，但我們總是想要追求一些變化的，這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。
然後就有一群人跳出來跟你說，「你太浪費時間在 Notion 上面了！」，或是「你知道電腦上面看很好看，但是手機看就不行了嗎？」等等的言論，但......你會理
嘿，大家好！想將 Notion 頁面轉化為網站，以提升其可訪問性，從而觸及更廣泛的受眾嗎？除了 Notion 內建的字體、顏色、大小、圖示和語法等功能外，本篇文章將介紹 Super，可以協助轉換 Notion 頁面，讓你的頁面呈現更具美感，提高內容曝光度更高，從而建立更緊密的用戶黏著度。快看下去！
工作到現在4年了，都是面臨20億以上的工程，雜事非常多，所以導致常常忘東忘西。
一次的偶然下，被同事推薦了〈子彈筆記法〉，「沒用不知道，一用不得了」，使用一段時間後我發現餘裕時間變得很多。
以前都是被事情追著跑，現在是終於有時間可以開始學習。
Notion AI 已經全面開放試用，它與ChatGPT使用起來有什麼差異？Notion AI可以幫你建立計畫表，將文字轉待辦事項、 表格、表單與資料庫，全方面的強化Notion的筆記功能，但是否值得付費升級呢？
經過上次寫完Notion的分享後，我也持續用了快半年，這期間Notion已經變成我工作、個人的資訊倉庫。再次寫一篇分享自己是如何使用和套用在自己的生活情境裡。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
鼠鼠利用訓練營期間的回顧系統作業的練習，將 PAI 系統運用在正職的專案管理，加上回顧系統來復盤每天的工作狀態，並打造兩個情境入口作為不同身份狀態的切換使用：工作正職入口及下班斜槓學習入口。
經過三個篇章後的心得與反思
我們總是有很多不一樣的需求，有些實際、有些不實際；有些可行，有些要找方法繞過去。
一開始我的 Notion 是極簡風，除了頁面的 icon 以外，就是基本的標題、文字內容、Table、List…，連 Gallery 都不太用，後來經過 Reddit 與各社群的大大
Widgets 服務平台
如果你不喜歡程式碼，想要快速使用，可以參考以下的服務平台，有些是免費的，有些要付費，不妨嘗試看看：
Apption.co → 種類眾多，可以慢慢看、慢慢選
Indify → 我喜歡他的時鐘，很好看 (有免費數目限制)
WidgetBox
這是美化 Notion 的第二章，改變顯示的文字樣式，就可以增加整體的活潑度。
字型
Notion 本來有提供的三種字體，你可以點擊頁面右上方的 “●●●"，就能在 Style 中找到 Default、Senf、Mono。
如果你真的想要不一樣的字體，可以參考下面一點的解說。
字體大小
關於圖片
圖片是最快讓 Notion 的頁面增加色彩的，如果你只是想要自己使用，沒有商業用途，可能在網路上大量搜尋圖片下載使用，也不會有人特別說什麼，畢竟要查也很費勁，大部分人常用的不外乎 Google圖片、Pinterest，這裡也提供一些免版權的圖片網站，有的會有附加條件，建議大家在使用的時候
雖然 Notion 一直保持著極簡的美學，但我們總是想要追求一些變化的，這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。
然後就有一群人跳出來跟你說，「你太浪費時間在 Notion 上面了！」，或是「你知道電腦上面看很好看，但是手機看就不行了嗎？」等等的言論，但......你會理
嘿，大家好！想將 Notion 頁面轉化為網站，以提升其可訪問性，從而觸及更廣泛的受眾嗎？除了 Notion 內建的字體、顏色、大小、圖示和語法等功能外，本篇文章將介紹 Super，可以協助轉換 Notion 頁面，讓你的頁面呈現更具美感，提高內容曝光度更高，從而建立更緊密的用戶黏著度。快看下去！
工作到現在4年了，都是面臨20億以上的工程，雜事非常多，所以導致常常忘東忘西。
一次的偶然下，被同事推薦了〈子彈筆記法〉，「沒用不知道，一用不得了」，使用一段時間後我發現餘裕時間變得很多。
以前都是被事情追著跑，現在是終於有時間可以開始學習。
Notion AI 已經全面開放試用，它與ChatGPT使用起來有什麼差異？Notion AI可以幫你建立計畫表，將文字轉待辦事項、 表格、表單與資料庫，全方面的強化Notion的筆記功能，但是否值得付費升級呢？
經過上次寫完Notion的分享後，我也持續用了快半年，這期間Notion已經變成我工作、個人的資訊倉庫。再次寫一篇分享自己是如何使用和套用在自己的生活情境裡。