11월, 2024의 게시물 표시

[Notion] 노션 커버·배너·아이콘 꾸미기 완전 가이드

이미지
  노션 커버, 배너, 아이콘을 활용해서 페이지 분위기를 바꾸는 방법을 알아볼게요 많은 사용자가 활용하는 노션은 기능에만 집중할 수 있지만 페이지를 예쁘게 만드는 것도 노션의 핵심 기능 중 하나입니다. 특히 커버(Cover), 배너(Banner), 아이콘(Icon)은 페이지의 첫 인상을 결정하는 시각적 요소입니다. 적절히 꾸미면 정보의 가독성을 높이고, 작업 의욕도 자연스럽게 올라갑니다. 이 글에서 노션 커버, 배너, 아이콘을 활용해 페이지의 전체 분위기를 바꾸는 방법을 쉽게 따라 할 수 있도록 단계별로 정리해보도록 하겠습니다. 노션 커버, 배너, 아이콘의 핵심 개념 커버는 페이지의 첫인상을 결정하는 이미지 노션의 커버는 페이지 상단의 넓은 배너 영역으로, 페이지 주제에 맞게 이미지를 바꾸면 시각적 집중도를 높일 수 있습니다. 예를 들면 공부 노트를 만든다고 가정할 때, 노트 사진을, 프로젝트 관리 페이지라면 깔끔한 패턴 이미지를 사용하면 좋습니다. 페이지 상단의 커버 추가를 클릭 해주세요 클릭만 하더라도 자동으로 커버가 추가됩니다. 만약 커버를 변경하고 싶다면 페이지 우측 상단 커버 변경을 선택해 주세요 노션의 기본 이미지, Unsplash, 직접 업로드 선택하여 변경할 수 있습니다. 정렬 기능을 이용해서 중앙, 상단 위치 조정도 가능합니다. 너무 강한 색감보다는 부드러운 파스텔톤이 가독성에 좋습니다. 주제에 맞는 이미지 톤을 맞추면 페이지 전체의 통일감이 생깁니다. 배너는 커버를 확장한 감성 연출 노션에서 배너 기능이 따로 없지만, 커버 이미지의 크기와 디자인을 조정하여 활용할 수 있습니다. 예를 들어 Canva나 Figma 같은 디자인 툴에서 직접 제작한 배너를 업로드 하면, 노션의 심플한 분위기 속에서도 자신만의 브랜딩을 표현할 수 있습니다. 배너 제작 팁 권장 사이즈: 1500 * 600 (가로형 비율 유지) 폰트는 최소 2종 이하로 유지 로고나 제목을 중앙에 배치하면 브랜드 페이지 느낌 완성 Canva의 "노션 배너" 템플릿을 활용...

밀러의 법칙 사례

이미지
밀러의 법칙은 사람이 단기간에 기억할 수 있는 정보는 한정적이라는 심리학 이론입니다. 밀러의 법칙에서 말하는 사람이 단기간에 기억할 수 있는 정보의 양은 평균 7개라고 합니다. 그럼 사람이 효율적으로 기억하고 정보를 활용하는 사례는 어떤게 있는지 사례를 알아보도록 하겠습니다. 도로 표지판 우리가 운전 중에 보게 되는 고속도로 표지판 입니다. 위 예시 이미지는 직진 좌회전 우회전 등에 대한 정보를 전달하고 있습니다. 운전자는 가고자 하는 방향에 대한 정보를 기억한 뒤 운전 조작을 진행하면 되므로 과도한 정보 전달로 인한 스트레스를 줄일 수 있습니다. 화장실 안내 우리가 밖에서 용변이 급할 경우 화장실을 찾아야 하는 상황이 있습니다. 이때 개방 화장실이 있는 건물에 들어갔더라도 안내판을 보고 화장실을 찾아가죠 표시를 따라가다 보면 보면 화장실 까지의 거리 남녀 구분, 장애인 화장실 여부 등을 알려줍니다. 물론 화장실에 대한 정보가 이 외에 추가적으로 필요한 사항들이 물론 있을 수 있습니다. (당장은 생각이 딱히 나지 않는군요) 그렇기 때문에 화장실에 대한 정보 전달도 밀러의 법칙이 적용된 사례라고 볼 수 있을 겁니다. 네비게이션 안내 우리가 운전을 할 때 길을 잘 알지 못하는 길이나 빨리가고자 할때 네비게이션을 활용합니다. 네비게이션을 활용할 경우 출발지와 도착지를 입력합니다. 그리고 주행 중에 운전자에게 인식되는 정보는 경로와 현재 주행 중인 도로에 대한 사항 등을 전달합니다. 여기서 내비게이션은네비게이션은 주행 중에 운전자가 정말 필요한 정보인 경로와 도로에 대한 정보만을 전달하므로 운전자가 과도한 정보로 헷갈리지 않게 합니다. 이 사례도 밀러의 법칙이 적용된 사례로 볼 수 있을 것으로 예상합니다.

게슈탈트 원리 실생활 사례

이미지
게슈탈트의 원리는 여러 형태의 모양이나 물건을 볼 때 이것을 하나 하나 나눠서 보는 것이 아니라 전반적으로 큰 그림으로 하나의 형태처럼 보는 것을 말합니다. 게슈탈트 원리가 적용된 실생활 사례를 알아보도록 하겠습니다. 자동차 대시보드 우리가 운전 중에 단순하게 보면 안전벨트를 매지 않았거나 기름이 부족한 경우 경고등이 들어오죠 그 외에도 엔진이 과열된 상태에서도 대시보드에 경고등이 들어옵니다. 이처럼 자동차 운전석을 보면 대시보드에 운전자가 주의해야할 사항에 대해서 한눈에 파악할 수 있게 배치되어 있습니다. 이런 정보를 통해서 운전자는 운전 중에 경고등이 들어오더라도 쉽게 파악할 수 있습니다. 영화관 좌석 예약 한 가지 상황을 예시로 들어보도록 하겠습니다. 오늘 저녁에 영화를 보러 가고 싶어서 찾아봤는데 마침 적당한 시간에 예약도 많이 없고 직접 예약을 하려고 합니다. 이때 우리는 손쉽게 스마트폰이나 컴퓨터를 활용해서 예약하고 결제까지 진행할 수 있습니다. 이때 우리가 좌석을 예약하면서 화면에 표시된 좌석들을 확인하면 1번부터 n번 자리까지 A ~ Z까지 알파벳 순서대로 나열되어 있습니다. (물론 저는 아직까지 Z열까지 있는 영화관은 보지 못했습니다.) 이처럼 직관적으로 알파벳 어떤 열에 몇 번 자리에 앉을지 쉽게 예약할 수 있도록 도와줍니다.