자동 광고 스크립--> 노션 레이아웃 정리법! 구분선부터 위클리 플래너까지 예쁘게 만드는 노션 페이지 구조 꿀팁
본문 바로가기
카테고리 없음

노션 레이아웃 정리법! 구분선부터 위클리 플래너까지 예쁘게 만드는 노션 페이지 구조 꿀팁

by astirbrain 2025. 4. 2.
반응형

 

 

 

 

 

 

노션 페이지, 막상 만들면 왠지 허전하고 정리가 안 되는 느낌… 드셨죠?
그럴 땐 ‘구성’과 ‘레이아웃’을 한 번만 제대로 정리해 보세요.

이번 글에서는 노션 초급자분들이 꼭 알아야 할 페이지 구조 다듬는 방법을 알려드릴게요.
구분선, 인라인, 열 나누기부터 커버 이미지 설정까지, 보기 좋고 쓰기 편한 노션 페이지를 만들 수 있게 됩니다!

목차

구분선과 인라인으로 공간 정리하기

노션은 블록 기반 도구지만, 글을 구조화하기 위해 구분선(Divider)인라인 텍스트도 적극 활용해야 해요.

✅ 구분선(Divider)

  • --- 세 개 입력하면 바로 생성
  • 섹션 구분, 콘텐츠 흐름 정리할 때 필수
  • 팁: 구분선을 적당히 띄워 넣으면 가독성이 확 살아나요!

✅ 인라인 텍스트

  • 텍스트 블록 안에서 굵게, 기울이기, 하이라이트, 이모지 등을 통해 정보 강조 가능
  • 팁: 핵심 단어는 굵게, 설명은 가볍게 흐르게!

열 나누기로 정보 분산하기

페이지가 너무 길어지면 읽기 불편하죠?
열 나누기를 활용하면 두 개 이상의 정보를 한눈에 비교하거나 분산해 배치할 수 있어요.

👉 열 나누는 방법

  • 블록을 드래그하여 오른쪽으로 이동시키면 자동으로 2열 이상으로 구성돼요.
  • 표, 체크리스트, 이미지 등을 나란히 배치하면 정말 보기 좋아요.

예:
- 왼쪽: 오늘의 할 일 체크리스트
- 오른쪽: 오늘의 다짐 혹은 짧은 일기

 

 

아이콘 & 표지 이미지로 분위기 더하기

디자인적으로도 감성적으로도 중요한 요소가 바로 아이콘커버 이미지입니다.

 

✅ 아이콘 설정

  • 페이지 상단에서 ‘아이콘 추가’ → 이모지 또는 이미지 선택 가능
  • 예: 📔 일기, 🗓️ 플래너, ✅ 체크리스트

✅ 커버 이미지 추가

  • ‘커버 이미지 추가’ 클릭 → Unsplash 이미지 검색도 가능
  • 팁: 계절감 있는 이미지나 나만의 감성을 담은 이미지로 선택해 보세요

아이콘과 커버 이미지가 있으면 페이지가 훨씬 ‘내 것’ 같고, 들어갈 때마다 기분 좋아져요!

일기장 & 위클리 플래너 실전 예시

지금까지 배운 요소들을 활용해서 직접 구성해 볼까요?

📘 예시 1. 나만의 일기장

  • 표지 이미지: 감성 배경
  • 2열 구성: 왼쪽은 오늘의 감정, 오른쪽은 한 줄 요약
  • 하단에 구분선으로 날짜별 분리

📆 예시 2. 위클리 플래너

  • 상단: 월간 커버 이미지 + 체크리스트 아이콘
  • 구분선으로 각 요일 구분
  • 인라인으로 일정 시간 표시: 오전 9시 – 미팅
  • 하단: 오늘의 회고 작성란 (토글 블록 추천!)

요약 & 다음 단계 예고

이번 글에서는 보기 좋은 노션 페이지 구성을 위한
구분선, 인라인, 열 나누기, 그리고 아이콘 & 커버 설정 방법까지 함께 알아봤어요.

조금만 구조를 정리해 줘도 페이지가 훨씬 정돈되고, 내가 보고 싶은 정보가 눈에 쏙 들어오게 됩니다.

다음 글에서는 페이지 간 연결과 내비게이션 구성하기로 이어가면서,
위키 스타일의 노션 페이지 만들기에 도전해 볼 거예요!

노루의 한마디 🦌

“노션은 글을 쓰는 도구이자, 나만의 공간이에요.
레이아웃을 정리해 주는 건 그 공간에 ‘질서’를 주는 일이죠.
정리된 공간은 생각도 정리되게 해 준답니다!”

 

🔙 이전 단계로 돌아가기

반응형