方格精選

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

閱讀時間約 2 分鐘

Notion的icon功能

raw-image

Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用,

但在正式文件或網頁發布時用顏文字有點不恰當,

icon的顏色的選擇又只有十種,

這時候可能會想要用自己上傳的logo檔案

可以自己上傳icon的區塊

raw-image

除了頁面 Page 以外,

還有 callout 區塊也能

自己上傳icon來美化

不同資料庫連結的時候,

有icon更可以調整顯示模式

使用自己上傳的logo的好處與缺點

自己上傳的logo不受內建顏色限制,自由度很高

而且能讓頁面更有專業網頁感,

缺點就是需要自己製圖跟調製檔案

但是想到要準備logo檔案,是不是會覺得有點麻煩呢?

其實用簡單的形狀也有不錯的效果!

可以先這樣試試看:統一色系的基本的圓形、正方形、三角形

raw-image


與其從複雜的設計圖樣開始,其實先製作簡單的基本圖形就可以

在大多數情況下都能做到更直覺的標示效果

統一色系的基本形狀

  • 正方形(Square):確定的文件區塊,不再修正的專案頁,段落分隔。
  • 圓形(Circle):重點標示。
  • 三角形(Triangle):調整四種不同方向,可以表示方向或進度。

形狀簡單就用顏色來玩花樣

raw-image

簡簡單單的圖形只要加上顏色變化,頁面就豐富許多了

只要簡單的在不同資料庫使用不同色系的圖形,

在設定關聯的時候就能簡單地達成清楚的標示效果!

頁面logo可以設定透明Png

raw-image


用複雜圖形的時候,可以注意一下是否有去背

用在頁面logo的檔案如果有透明背景的話,

可以搭配背面的背景圖做出各種效果

這邊也是一個有趣的地方

注意黑白模式可能會有不同顯示效果

raw-image

現在的手機跟電腦裝置都能設置暗色模式,

所以如果是公開頁面要設定logo的話,

就要注意一下暗色模式的顯示會不會看不到

可以加上白邊或是暗色模式製作另外的白色icon


🎨工商時間🎨

Gumroad

Gumroad

我做了日本傳統色的466個顏色的icon圖檔,

有36色、72色、466色的套組,

每組都包含三種形狀的icon PNG檔案,

三角形檔案可以自行變形四種方向

所以36色也至少有100多個icon可以使用!

檔案也都按Notion的十種色系分組好,

有興趣請前往我的Gumroad商城

(方格子商店申請上架中)



不知道這篇文章對你有沒有什麼幫助呢?

如果對於這篇文章有什麼想法或是問題,都歡迎你留言告訴我哦~


raw-image

mai

Hi,我是mai,感謝你閱讀到這邊,希望這個文章能為你的生活帶來幫助

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


更多notion模板→Gumroad📘 

instagram 


avatar-img
67會員
32內容數
紀錄與分享我使用Notion的大小事 真正解決問題的數位工具 能讓生活更輕鬆更有質感✨ 希望能提供你一些幫助,Cheers! Notion|設計|模板
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Mai Life Lab 的其他內容
之前分享過 Notion 卡片盒筆記缺乏圖像化流程圖的視覺呈現,雖然我個人較少用到,但是還是收到一些希望能有圖像化顯示的訊息。最近發現一個 Figma 外掛,可以將便利貼牆匯入 Notion 資料庫,或許也能補足圖像化製作流程圖等方面的需求!
Notion 正式發佈了期待已久的 Home 主頁功能 可以自動彙整代辦事項 以前剛開始用 Notion 的時候都會花心思排版設計一個漂亮的首頁 但隨著功能越來越多,越來越複雜 有時候自己建立的首頁的邏輯連自己都搞不太清楚 你有遇到這樣的狀況嗎?
通常換季就是一個很好做斷捨離的時機 今年有了Notion的紀錄清單,我發現有了Notion的紀錄清單之後 在進行換季斷捨離這件事情上也意外的更有效率了!
最近團隊在改善會議的時候決定將會議紀錄移到Notion上面,可是google文件跟Notion到底差在哪?要怎麼移轉才能更好用?Google Sheet轉移到Notion的具體步驟跟優缺點!
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
總是地震了才想到要準備防災包嗎? 像防災包這樣一年只需要更新一兩次,步驟繁瑣又容易忘記的東西 超適合放進Notion統一管理並設定通知的啊!讓系統幫忙記,是不是就會簡單許多了呢?
之前分享過 Notion 卡片盒筆記缺乏圖像化流程圖的視覺呈現,雖然我個人較少用到,但是還是收到一些希望能有圖像化顯示的訊息。最近發現一個 Figma 外掛,可以將便利貼牆匯入 Notion 資料庫,或許也能補足圖像化製作流程圖等方面的需求!
Notion 正式發佈了期待已久的 Home 主頁功能 可以自動彙整代辦事項 以前剛開始用 Notion 的時候都會花心思排版設計一個漂亮的首頁 但隨著功能越來越多,越來越複雜 有時候自己建立的首頁的邏輯連自己都搞不太清楚 你有遇到這樣的狀況嗎?
通常換季就是一個很好做斷捨離的時機 今年有了Notion的紀錄清單,我發現有了Notion的紀錄清單之後 在進行換季斷捨離這件事情上也意外的更有效率了!
最近團隊在改善會議的時候決定將會議紀錄移到Notion上面,可是google文件跟Notion到底差在哪?要怎麼移轉才能更好用?Google Sheet轉移到Notion的具體步驟跟優缺點!
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
總是地震了才想到要準備防災包嗎? 像防災包這樣一年只需要更新一兩次,步驟繁瑣又容易忘記的東西 超適合放進Notion統一管理並設定通知的啊!讓系統幫忙記,是不是就會簡單許多了呢?
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。