노션 다크모드 독서 템플릿 추천 (Feat. 지브리) 📚

목차

1. 템플릿 다운(복제)

2. 변경한 부분 

      2-1. 메인 페이지

      2-2. 독서 노트 속성

      2-3. Genres

      2-4. Yearly Archive 

      2-5. 아이콘

 

3. 꿀팁

      3-1. 독서 노트 도구

      3-2. 다크 모드 변경

      3-3. 페이지 잠금 설정 

      3-4.  빠른 검색 

 

 

 

 

 

안녕하세요 :)

 

오늘은 앞서 소개한 템플릿을 제 편의대로 조금 바꾼 노션 독서 노트 템플릿을 보여드리려고 합니다.

(기존의 템플릿이 어땠는지 알고 싶으신 분들은 아래 링크 참조해주세요!)

[Notion(노션)] - 노션 독서 템플릿 추천(1편)! 📚

노션 독서 템플릿 추천(1편)! 📚

[Notion(노션)] - 노션 독서 템플릿 추천(2편)! 📚

노션 독서 템플릿 추천(2편)! 📚

 

 

 

 

 

템플릿의 기본 베이스는 앞서 소개해드린 Ellie Gons님의 독서 노트 템플릿이고, 바꾼 부분은 전체적인 디자인과 노트 속성을 몇 개 삭제한 정도라고 생각하시면 될 것 같아요.   

 

핑크색 기본 테마도 예쁘지만 템플릿을 어떻게 하면 더 예쁘게 꾸밀 수 있을까 고민하다가

제가 지브리를 너무너무 좋아해서 지브리 영화 작품 속 장면들을 한 번 활용해봤습니다😆 

 

저는 노션 라이트 모드를 더 자주 사용하기는 하지만 다크 모드도 한 번 만들어보니 조용하니 분위기 있고 좋은 것 같아요🌙

 

 

 

 

1. 템플릿 다운(복제) 

바로 위 사진에 있는 템플릿을 다운로드해 보겠습니다.

 

다운은 이미 제가 만들어 놓은 템플릿을 복제할 수 있도록 설정해 두었으니 링크를 타고 들어가서 오른쪽 맨 위에 '복제' 클릭해주시면 됩니다(자신의 노션에 바로 복제되어 들어가니 미리 노션에 계정이 있으신 분만 가능합니다!). 

 

https://gamy-clef-1c0.notion.site/2a817e58ad794c519c0ef99e25c46b0f?pvs=4

𝐁𝐨𝐨𝐤𝐬𝐡𝐞𝐥𝐟 (𝐓𝐞𝐦𝐩𝐥𝐚𝐭𝐞) 𝐁𝐥𝐮𝐞 𝐕𝐞𝐫. | Notion

 

위 링크를 타고 들어가서 복제한 후에 사용하시면 됩니다.

복제하는 방법은 이전에 알려드렸던 방법과 동일하니까 필요하시면 '노션 템플릿 추천 1편' 참조해주세요. 

 

 

 

 

 

 

 

 

2. 변경한 부분

 

제가 새롭게 변경한 부분을 설명해 드리겠습니다. 크게 아이콘 및 이미지 변경, 독서 노트 속성 추가(출판사), 독서 노트 속성 숨김(Notes, Quotes), 독서 노트 별점 세분화, Currently Reading(메인 페이지) 필터 변경, Genres 추가 및 변경, 글씨체 및 색상 변경 정도가 있습니다. 

 

변경한 부분이 많아 보이는데 막상 보면 생각보다 간단합니다.

템플릿을 먼저 복제하시고 제 설명이랑 비교해 보시면서 이것저것 눌러보세요(직접 해보면 금방 익숙해질 거예요🙂)

 

📌템플릿을 구경하기 전에 이것저것 만지고 수정하다가 되돌리기 힘들어질 때를 대비해서 미리 템플릿 하나 복제해두시는 것 잊지 마세요! 

왼쪽 '개인 페이지' 목록에서 복제한 템플릿을 찾아 마우스 커서를 갖다 대면 ' ∙ ∙ ∙ (더보기) ' 표시가 있는데요. 

클릭하시고 '복제' 클릭하시면 아래에 똑같은 페이지가 하나 복제됩니다. 

이렇게 미리 복제해 두면 나중에 막 만지다 복구하기 힘들어질 때 많은 도움이 됩니다👍

 

 

 

 

 

2 - 1 메인 페이지 

메인 페이지에 보이는 부분 중 바뀐 부분을 먼저 설명해드릴게요! 

 

먼저 맨 위에 ①커버 이미지는 지브리 영화인 '벼랑 위의 포뇨'의 한 장면입니다. 

전체 이미지는 보름달이 떠 있는 밤 바닷가인데 커버 위치를 변경해서 아래쪽 바다를 보이게 했어요.

 

커버 바로 아래에 있는 ②아이콘은 반짝이는 책 아이콘 GIF 링크를 넣었습니다. 

그냥 아이콘을 넣자니 좀 심심한 느낌이 들어서 반짝반짝 움직이는 GIF 아이콘을 사용했습니다✨

 

왼쪽 위와 오른쪽 아래에 있는 ③이미지들은 지브리 영화인 '추억의 마니'의 한 장면입니다.  

https://aprettyfire.tumblr.com/post/146629398376/when-marnie-was-there-iphone-6

Just put your hand in mine

텀블러에 'aprettyfire'님이 추억의 마니 속 장면들을 색감 편집해서 올려놓으신 파일을 사용했습니다. 

색감이 쨍하니 너무 예쁘고 마음에 쏙 들어서 두 장면 다운로드해서 넣었습니다😍🌙

 

 

 

굵은 글씨로 된 ④제목들(Dashboard, Currently Reading, Next to Read) 색상을 빨간색에서 파란색으로 변경했습니다.

글씨에 마우스 커서를 올리면 왼쪽 끝에 점 6개 아이콘이 나오는데, 클릭하시고 '색'에 들어가서 마음에 드는 색으로 변경하시면 됩니다. 글씨 색이랑 글 배경 색도 변경 가능합니다! 

 

 

 

왼쪽 줄 맨 아래에 있는 ⑤'Reading Goals'는 제가 아예 새로 만들어서 이미지 블록으로 넣었습니다. 

이미지 블록 넣는 방법은 원하는 부분 빈 곳을 클릭한 뒤에 '/(슬라이드)'를 입력하고 스크롤을 쭉 내리셔서 '이미지' 선택해주시면 됩니다. 스크롤 내리는 방법 외에 이미지 찾는 방법은 /(슬라이드) 입력 후 '이미지'라고 치시거나 'picture'이라고 치는 방법이 있습니다(📌스크롤 내려서 직접 찾기 or /이미지 or /picture 입력) 

 

 

 

 

다음으로 ⑥'Currently Reading' 필터를  좀 다르게 지정했습니다. 'Books'만 보이던 것을 모든 종류의 책이 한 번에 다 보이도록, 현재 읽고 있는 책만 보이던 것을 다 읽은 책도 같이 보이도록 변경 지정했습니다(이름이 'Currently Reading'이라 현재 읽는 중인 책만 지정해 두는 게 맞지만 저는 다 보이게 하는 게 더 가득 차 보이고 좋더라구요😄).  

 

'Currently Reading' 쪽에 마우스 커서를 갖다 대면 '필터' 버튼이 생깁니다. '필터'를 누르면 다시 아래에 'Progress' 버튼과 '규칙 1개' 버튼이 생기는데 이 중에 '규칙 1개' 버튼을 눌러주세요. 그럼 'Status'가 'Reading'의 '값과 동일한 데이터'로 지정되어 있을 텐데 이 중에 'Reading'으로 지정된 부분에 'Read'도 추가해주세요. 그러면 현재 읽고 있는 책만 보이던 게 다 읽은 책도 함께 보이게 바뀝니다. 필터 지정이 다 끝나면 다시 '필터' 클릭해서 창 닫아주세요! 

(📌Currently Reading에 커서 올리고 > 필터 클릭 > 규칙 1개 클릭 > Read 추가 > 다시 필터 눌러서 창 닫기)

 

 

 

다음으로 'Books' 종류 책만 보이던 것을 다 보이도록 변경해볼게요.

페이지를 창으로 좁게 보고 있는 상태면 '2개 더 보기' 클릭한 후 'All'로 변경해주시고,

페이지를 전체로 넓게 보고 있는 상태면 그냥 곧바로 'All' 클릭해서 변경해주세요. 

 

 

 

그리고 메인 페이지의 마지막 설명으로는 ⑦폰트(글꼴) 변경입니다.

티가 잘 나지 않을 수 있는데 잘 보시면 제목들(Bookshelf(Template) Blue Ver., Dashboard, Currently Reading, Next to Read)의 글씨체가 살짝 다릅니다. 

중간에 화살표를 기준으로 비교해보시면 차이가 보이실 거예요! 사소하긴 한데 한 번 바꿔봤습니다.

 

https://igfonts.io/

Instagram Fonts Generator (𝓬𝓸𝓹𝔂 𝕒𝕟𝕕 𝓅𝒶𝓈𝓉𝑒) ― IGFonts.io

폰트 변경하는 사이트인 'igfonts'에서 글 타이핑한 다음 마음에 드는 폰트를 고르고 복붙 했습니다! 

 

 

 

 

 

2 - 2 독서 노트 속성

독서 노트 속성도 살짝 추가하고 변경했습니다(필요 없으시면 속성 삭제해주세요!) 

첫 번째로 출판사를 넣고 싶어서 ⑧'Publisher' 속성을 새로 추가했습니다. 

사진으로 일일이 설명하기에는 조금 길어져서 GIF 영상으로 넣었습니다. 

📌'속성 추가' > '선택' > 제목 타이핑 > 밖에 아무 곳이나 빈 곳 클릭 or Enter > 왼쪽 점 6개 클릭 후 원하는 위치로 드래그 

 

 

 

 

 

두 번째로 ⑨별점이 원래는 💗,⭐(1~5)로 이루어져 있었는데 저는 좀 더 세분화하고 싶어서 새로 넣었습니다. 

'Rate' 칸에 별 이모지(⭐) 복붙 하시고 원하는 점수 타이핑한 뒤 생성 클릭해주시면 됩니다!

처음에는 귀찮지만 한 번 사용한 점수는 옵션에 그대로 저장되니 같은 점수를 두 번째 줄 때는 그냥 만들어진 옵션 클릭만 하시면 됩니다.

 

 

 

세 번째로 ⑩Notes, Quotes 속성 숨김입니다. 저는 그냥 메모를 할 때 속성 칸 말고 아래 내용 입력란에 입력하기 때문에 필요 없어서 숨김 처리했습니다. 사실 그냥 삭제하고 사용하고 있지만 혹시 여러분들은 사용하고 싶으실 수 있으니 그냥 속성 숨김 처리했습니다(사용하고 싶으시면 속성 목록 맨 아래줄 '3개의 속성 표시'를 누르고 원하는 속성을 클릭한 후 '항상 표시'로 변경해주세요!).

📌'Notes' 클릭 > '속성 숨기기' > '항상 숨기기'

 

 

 

 

 

2 - 3 Genres

기존에 분류가 익숙하지 않기도 하고 너무 적어서 제가 ⑪장르를 새로 추가 및 삭제했습니다.

분류는 '네이버 도서'의 장르 분류를 참고했고 아이콘은 최대한 각 장르를 대표할 수 있는 아이콘으로 편집해서 넣었습니다. 원하는 장르를 새로 넣으려면 '+새로 만들기' 클릭 후 장르 이름을 적고 아이콘과 커버 사진을 추가하면 되는데 여기서 중요한 것은 아래 빈 페이지에 장르별로 필터링할 수 있도록 설정된 데이터베이스를 꼭 넣어줘야 합니다. 

 

기존에 있던 장르 중 아무거나 하나 클릭한 뒤 아래 페이지에 있는 'Library 갤러리 데이터베이스'를 드래그(or 마우스 커서 갖다 대면 나오는 점 6개 클릭) 한 후 복사(Ctrl + c)하고, 새로 만들 내 장르 페이지에 붙여 넣기(Ctrl + v) 해 줍니다(붙여 넣기 하면 '붙여 넣기'와 '붙여 넣고 동기화하기'가 뜨는데 '붙여 넣기' 선택해주세요). 

 

잘 붙여 넣었으면 이제 내가 새로 만든 장르에 필터링될 수 있도록 필터를 변경해 줍니다. 

제가 '컴퓨터/IT' 장르에서 복사해왔기 때문에 필터를 보면 '컴퓨터/IT'로 설정되어있는데 '컴퓨터/IT' 지정된 부분을 삭제하고 새로 만든 장르를 추가해줍니다. 필터를 지정하는 과정을 거치기 전에 새로 만든 장르 페이지의 제목을 꼭 먼저 적어주세요. 그래야지 필터링 지정할 때 고르기 좋습니다(제목을 안 쓰면 아마 '제목 없음'이라는 게 필터링 목록에 뜰 거예요). 저는 페이지 제목을 '새로운 장르'라고 적어 놓아서 저렇게 뜹니다. 

 

필터링 지정하는 구체적인 과정은 아래 페이지 갤러리 쪽에 마우스 커서를 대면 '필터' 버튼이 생기는데 클릭해주시고, '필터'를 클릭하면 생기는 'Name'과 '규칙 1개' 중에 '규칙 1개'를 클릭한 후 'Genre'이(가) '컴퓨터/IT'의 '값을 포함하는 데이터' 중에 '컴퓨터/IT'를 클릭해주세요. 그럼 위 사진과 같은 상태가 됩니다. 여기서 미리 지정되어 있는 '컴퓨터/IT'를 옆에 X 버튼을 눌러서 삭제하시고 '새로운 장르'(본인이 새로 만든 장르 제목)를 클릭해주세요(클릭하면 뜨는 '초기화' 옆에 주황색 버튼 '모두에게 저장'을 클릭). 

 

📌'+ 새로 만들기' 클릭 > 제목&아이콘&커버 사진 설정 > 다른 장르 페이지 안에 있는 'Library 갤러리 데이터베이스' 복사 > 새로 만든 장르 페이지에 붙여 넣기 > '필터' 클릭 > '규칙 1개' 클릭 > '컴퓨터/IT' 클릭 > '컴퓨터/IT' X 눌러서 삭제 > '새로운 장르' 클릭 > '모두에게 저장' 클릭 

 

 

 

 

 

2 - 4 Yearly Archive

마지막으로 ⑫'Yearly Archive' 커버 이미지를 변경했습니다. 커버 이미지는 제가 새로 만들었습니다 😀

미리캔버스에 좋은 예시가 있어서 그걸 가지고 응용해서 만들어 봤으니 마음에 드시면 그대로 쓰시고 아니면 각자 마음에 드는 사진이나 이미지로 변경하고 사용해주세요!

 

 

 

2 - 5 아이콘

모든 아이콘 색상은 다크 모드에 맞게 블랙에서 화이트로 변경했습니다. 

그래서 라이트 모드로 바꾸면 아이콘들이 안 보이니 이 점 참고해주세요😅

 

 

 

 

 

3. 꿀팁🍯

3 - 1 독서 노트 도구 

앞에서는 제가 설명할 때 예시로 사용하기도 하고 보기 예쁘라고 색감이 비슷한 책 세 권(작별하지 않는다, 시간을 파는 상점, 세상의 마지막 기차역)을 임의로 추가해놓은 것을 볼 수 있었는데, 여러분이 복제해 가시면 아래 사진과 같은 'Tools' 노트 하나만 있을 테니 다르다고 놀라지 마세요!(어차피 사용할 때 삭제해야 될 테니 미리 삭제해 놓았습니다) 

 

이제 제가 잘 사용하는 독서 노트 도구를 소개해 드리겠습니다.

(이 템플릿을 복제해가면 처음에 아무 독서 노트도 없는 상태로 나옵니다. 꼭 필터에 'All'을 클릭해주셔야 'Tools' 노트가 보입니다! ) 

메인 페이지에 있는 'Tools' 노트를 클릭해보시면 페이지 안에 아래와 같은 블록들이 있습니다. 

'노션 독서 템플릿 추천 1편'에서 이미 소개한 블록들도 있고 제가 새로 추가한 블록도 있습니다.

제가 독서 노트를 작성할 때 잘 사용했던 블록들인데 한 번 미리 만들어 놓으면 나중에 복붙 해서 사용하기 좋아서 이렇게 따로 만들어 모아 두었습니다. 이 페이지를 즐겨찾기 설정한 후 사용하면 편합니다(맨 위 오른쪽에 별 모양☆ '사이드바에 이 페이지 고정' 클릭)

 

• WHY I READ : 이 책을 왜 읽게 되었는지
• RECOMMENDATION : 이 책을 어떤 사람들에게 추천해 주고 싶은지
• THOUGHTS AND FEELINGS : 책을 읽고 느낀 점
• + EXTRAS : 그밖에 자유롭게 적고 싶은 것 
• WHAT IT'S ABOUT : 무엇에 관한 내용인지 
• CHARACTER : 등장인물 정보 
• WORDS : 새롭게 알게 된 단어를 뜻과 함께 적는 곳
• USEFUL INFORMATION : 책 속의 유용한 정보 
• LINKS : 책 속에서 소개하는 사이트, 책 내용과 관련된 사이트 링크 정보
• INSIGHTS : 이 책을 읽고 얻게 된 통찰력 
• THE BOOK IN THE BOOK : 책 속의 책. 책 속에서 추천하는 책, 인용된 책, 관련된 책 등
• Interesting quote : 흥미로운 또는 인상 깊은 문장
• Favorite quote :  가장 마음에 드는 문장 
• 기타 기호와 별점에 사용되는 이모지 

 

제가 추가한 블록들은 영어가 어색할 수 있으니 참고하시고 수정해서 사용해주세요! 

 

 

 

 

 

3 - 2 다크 모드 변경

두 가지 다크 모드 변경 방법입니다. 너무 간단해서 사진은 따로 넣지 않았고, 두 번째 단축키 방법 추천드립니다!  

 

① 사이드바에 '설정과 멤버' 클릭 > '내 알림과 설정' 클릭 > '테마' 다크 모드 설정. 

② 단축키 'Ctrl' + 'Shift' + 'L' 입니다! 

 

 

 

 

3 - 3 페이지 잠금 설정 

메인 페이지에 '+ 새로 만들기' 빈 박스들을 안 보이게 설정하는 방법을 알려 드리겠습니다.

메인 페이지 맨 위 오른쪽 모서리에 ' ∙ ∙ ∙ (더보기) ' 표시를 클릭하시면 '페이지 잠금'이 있습니다. 더 이상 페이지를 편집하지 못하게 막는 역할을 하고 클릭하시면  '+ 새로 만들기' 박스들이 사라집니다!

새로 만들기 박스들이 보기 거슬릴 때 사용하면 좋습니다 👍

 

 

 

 

3 - 4  빠른 검색  

노트를 많이 작성하다 보면 단어는 생각이 나는데 대체 어디 노트에 저장한 내용인지 모를 때가 있습니다. 

그럴 때 '빠른 검색'을 사용해 주시면 원하는 페이지를 아주 빠르게 찾을 수 있습니다.

사이드바 맨 위에 있는 '검색'을 클릭하시거나 단축키 'Ctrl' + 'P'를 눌러주시면 됩니다. 

(현재 페이지에서만 검색이 가능한 'Ctrl' + 'F'와는 다릅니다) 

검색창을 통해 입력하시면 모든 페이지의 텍스트 중 일치하는 결과를 불러옵니다. 

필터를 통해 더 세부적으로 검색이 가능하니 일치하는 결과가 너무 많을 때 필터링도 사용해 주세요.

 

 

 

 

 

 

제가 바꾼 독서 노트 템플릿의 소개가 끝났습니다!

 

사실 저는 이렇게 열심히 바꾼 템플릿을 두고 귀찮아서 그냥 기본 베이스에 대충 색상과 커버만 바꿔서 쓰고 있습니다.

 

이 템플릿은 특별히 블로그에 소개해보겠다고 열정 넘치게 디자인해본 거고(그것도 다크 모드로)

저는 그냥 기존에 쓰던 거 계속 쓰고 있습니다. 

저도 템플릿을 처음부터 이렇게 예쁘게 꾸미고 시작했으면 좋았으련만... 

블로그 소개할 템플릿 디자인 바꾸기는 신나는데 제껀 왜 이렇게 바꾸기 귀찮을까요..?  😂

(언젠가 쓰던 게 너무 질리면 미래의 제가 뚝딱. 바꿀 거라 믿습니다)

 

+ 추가로 'Yearly Archive'에 필요한 연도가 있으시면 댓글로 알려주세요.

Yearly Archive.zip

1.56MB

 

 

글이 조금이라도 도움 되셨다면 좋아요💗 눌러주세요!

 

(혹시 문제 되는 내용이 있다면 댓글로 알려주세요 감사합니다!)

 

그럼 오늘 하루도 고생 많으셨고 긴 글 읽어주셔서 감사합니다.

노션과 함께 즐거운 일상 보내세요😊💗