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,感謝你閱讀到這邊,希望這個文章能為你的生活帶來幫助
有任何不清楚的地方都歡迎跟我聯絡,你的回饋與建議是我繼續創作的動力!