方格精選

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 


55會員
28內容數
紀錄與分享我使用Notion的大小事 真正解決問題的數位工具 能讓生活更輕鬆更有質感✨ 希望能提供你一些幫助,Cheers! Notion|設計|模板
留言0
查看全部
發表第一個留言支持創作者!
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統一管理並設定通知的啊!讓系統幫忙記,是不是就會簡單許多了呢?
你可能也想看
Thumbnail
「設計不僅僅是外觀和感覺。設計是其運作的方式。」 — Steve Jobs 身為一個獨立文案,許多人會以為我們的生活只需要面對電腦,從無到有,用精巧的文字填滿空白的螢幕,呈現心目中獨具風格的作品。 ——有的時候可以如此,但其實這是我們夢寐以求的偶發日常。 更多的時候,白天的工作時間總被各種繁雜
Thumbnail
台股、美股近期明顯回檔,市場敘事發生改變,壞消息一樁接一樁出現,下一步該怎麼走呢?本文將探討近期的宏觀經濟事件,並分享個人的操作思考。
Thumbnail
鼠鼠利用訓練營期間的回顧系統作業的練習,將 PAI 系統運用在正職的專案管理,加上回顧系統來復盤每天的工作狀態,並打造兩個情境入口作為不同身份狀態的切換使用:工作正職入口及下班斜槓學習入口。
Thumbnail
經過三個篇章後的心得與反思 我們總是有很多不一樣的需求,有些實際、有些不實際;有些可行,有些要找方法繞過去。 一開始我的 Notion 是極簡風,除了頁面的 icon 以外,就是基本的標題、文字內容、Table、List…,連 Gallery 都不太用,後來經過 Reddit 與各社群的大大
Thumbnail
Widgets 服務平台 如果你不喜歡程式碼,想要快速使用,可以參考以下的服務平台,有些是免費的,有些要付費,不妨嘗試看看: Apption.co → 種類眾多,可以慢慢看、慢慢選 Indify → 我喜歡他的時鐘,很好看 (有免費數目限制) WidgetBox
Thumbnail
這是美化 Notion 的第二章,改變顯示的文字樣式,就可以增加整體的活潑度。 字型 Notion 本來有提供的三種字體,你可以點擊頁面右上方的 “●●●",就能在 Style 中找到 Default、Senf、Mono。 如果你真的想要不一樣的字體,可以參考下面一點的解說。 字體大小
Thumbnail
關於圖片 圖片是最快讓 Notion 的頁面增加色彩的,如果你只是想要自己使用,沒有商業用途,可能在網路上大量搜尋圖片下載使用,也不會有人特別說什麼,畢竟要查也很費勁,大部分人常用的不外乎 Google圖片、Pinterest,這裡也提供一些免版權的圖片網站,有的會有附加條件,建議大家在使用的時候
Thumbnail
雖然 Notion 一直保持著極簡的美學,但我們總是想要追求一些變化的,這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。 然後就有一群人跳出來跟你說,「你太浪費時間在 Notion 上面了!」,或是「你知道電腦上面看很好看,但是手機看就不行了嗎?」等等的言論,但......你會理
Thumbnail
嘿,大家好!想將 Notion 頁面轉化為網站,以提升其可訪問性,從而觸及更廣泛的受眾嗎?除了 Notion 內建的字體、顏色、大小、圖示和語法等功能外,本篇文章將介紹 Super,可以協助轉換 Notion 頁面,讓你的頁面呈現更具美感,提高內容曝光度更高,從而建立更緊密的用戶黏著度。快看下去!
Thumbnail
工作到現在4年了,都是面臨20億以上的工程,雜事非常多,所以導致常常忘東忘西。   一次的偶然下,被同事推薦了〈子彈筆記法〉,「沒用不知道,一用不得了」,使用一段時間後我發現餘裕時間變得很多。   以前都是被事情追著跑,現在是終於有時間可以開始學習。
Thumbnail
Notion AI 已經全面開放試用,它與ChatGPT使用起來有什麼差異?Notion AI可以幫你建立計畫表,將文字轉待辦事項、 表格、表單與資料庫,全方面的強化Notion的筆記功能,但是否值得付費升級呢?
Thumbnail
經過上次寫完Notion的分享後,我也持續用了快半年,這期間Notion已經變成我工作、個人的資訊倉庫。再次寫一篇分享自己是如何使用和套用在自己的生活情境裡。
Thumbnail
「設計不僅僅是外觀和感覺。設計是其運作的方式。」 — Steve Jobs 身為一個獨立文案,許多人會以為我們的生活只需要面對電腦,從無到有,用精巧的文字填滿空白的螢幕,呈現心目中獨具風格的作品。 ——有的時候可以如此,但其實這是我們夢寐以求的偶發日常。 更多的時候,白天的工作時間總被各種繁雜
Thumbnail
台股、美股近期明顯回檔,市場敘事發生改變,壞消息一樁接一樁出現,下一步該怎麼走呢?本文將探討近期的宏觀經濟事件,並分享個人的操作思考。
Thumbnail
鼠鼠利用訓練營期間的回顧系統作業的練習,將 PAI 系統運用在正職的專案管理,加上回顧系統來復盤每天的工作狀態,並打造兩個情境入口作為不同身份狀態的切換使用:工作正職入口及下班斜槓學習入口。
Thumbnail
經過三個篇章後的心得與反思 我們總是有很多不一樣的需求,有些實際、有些不實際;有些可行,有些要找方法繞過去。 一開始我的 Notion 是極簡風,除了頁面的 icon 以外,就是基本的標題、文字內容、Table、List…,連 Gallery 都不太用,後來經過 Reddit 與各社群的大大
Thumbnail
Widgets 服務平台 如果你不喜歡程式碼,想要快速使用,可以參考以下的服務平台,有些是免費的,有些要付費,不妨嘗試看看: Apption.co → 種類眾多,可以慢慢看、慢慢選 Indify → 我喜歡他的時鐘,很好看 (有免費數目限制) WidgetBox
Thumbnail
這是美化 Notion 的第二章,改變顯示的文字樣式,就可以增加整體的活潑度。 字型 Notion 本來有提供的三種字體,你可以點擊頁面右上方的 “●●●",就能在 Style 中找到 Default、Senf、Mono。 如果你真的想要不一樣的字體,可以參考下面一點的解說。 字體大小
Thumbnail
關於圖片 圖片是最快讓 Notion 的頁面增加色彩的,如果你只是想要自己使用,沒有商業用途,可能在網路上大量搜尋圖片下載使用,也不會有人特別說什麼,畢竟要查也很費勁,大部分人常用的不外乎 Google圖片、Pinterest,這裡也提供一些免版權的圖片網站,有的會有附加條件,建議大家在使用的時候
Thumbnail
雖然 Notion 一直保持著極簡的美學,但我們總是想要追求一些變化的,這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。 然後就有一群人跳出來跟你說,「你太浪費時間在 Notion 上面了!」,或是「你知道電腦上面看很好看,但是手機看就不行了嗎?」等等的言論,但......你會理
Thumbnail
嘿,大家好!想將 Notion 頁面轉化為網站,以提升其可訪問性,從而觸及更廣泛的受眾嗎?除了 Notion 內建的字體、顏色、大小、圖示和語法等功能外,本篇文章將介紹 Super,可以協助轉換 Notion 頁面,讓你的頁面呈現更具美感,提高內容曝光度更高,從而建立更緊密的用戶黏著度。快看下去!
Thumbnail
工作到現在4年了,都是面臨20億以上的工程,雜事非常多,所以導致常常忘東忘西。   一次的偶然下,被同事推薦了〈子彈筆記法〉,「沒用不知道,一用不得了」,使用一段時間後我發現餘裕時間變得很多。   以前都是被事情追著跑,現在是終於有時間可以開始學習。
Thumbnail
Notion AI 已經全面開放試用,它與ChatGPT使用起來有什麼差異?Notion AI可以幫你建立計畫表,將文字轉待辦事項、 表格、表單與資料庫,全方面的強化Notion的筆記功能,但是否值得付費升級呢?
Thumbnail
經過上次寫完Notion的分享後,我也持續用了快半年,這期間Notion已經變成我工作、個人的資訊倉庫。再次寫一篇分享自己是如何使用和套用在自己的生活情境裡。