2024-07-01|閱讀時間 ‧ 約 24 分鐘

Notion美化小技巧icon可以怎麼玩?超簡單美化頁面的方法!

Notion的icon功能

raw-image

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,感謝你閱讀到這邊,希望這個文章能為你的生活帶來幫助

有任何不清楚的地方都歡迎跟我聯絡,你的回饋與建議是我繼續創作的動力!


更多notion模板→Gumroad📘 

instagram 


分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.