라벨이 Notion인 게시물 표시

[Figma] 피그마 색상 선택과 변경 방법

이미지
  디자인하다 보면 자연스럽게 "어떤 색상을 쓸까?", "이미 적용한 색을 바꾸려면 어떻게 할까?" 이런 고민을 하게 됩니다. 특히 피그마는 웹 기반이기 때문에 버튼, 텍스트 ,배경 등 모든 요소에 색을 자유롭게 적용할 수 있기 떄문에 고민이 더 깊어질 수 있습니다. 그래서 일단은 피그마에서 색상을 선택하고 변경하는 방법에 대해서 알아볼 예정입니다. 색상 선택 방법 피그마에서 색상을 선택하는 기본 방법은 아주 간단합니다. 오브젝트를 먼저 선택해 주세요 색상을 바꾸고 싶은 도형, 텍스트, 아이콘 등이 있겠죠 오브젝트를 선택한 후에 오른쪽 속성 패널에서 Fill(채우기)에서 색상을 클릭하면 아래 이미지처럼 색상을 선택할 수 있는 UI가 나옵니다. 변경하고자 하는 색상을 선택해 주면 됩니다. 이때 색상을 변경하는 방법은 총 세 가지입니다. 색상 피커를 직접 드래그 해서 색상을 변경하는 방법 HEX 코드를 입력(예시: #FF0000, #00FF00 등) RGBA 값 입력 - Red, Green, Blue, Alpha(투명도) 값을 직접 입력합니다. 이렇게 하면 원하는 색상을 아주 정밀하게 선택할 수 있습니다. 색상 변경 & 관리 방법 색상을 고른 뒤에는 프로젝트 전반적으로 일관성 있게 사용하거나 상황에 맞게 변경해야 합니다. 색상 변경하기 이미 적용한 색상을 바꾸려면 위의 방법과 동일하게 Fill 항목을 클릭해서 변경합니다. 새로운 색상을 선택하면 바로 적용됩니다. 색상 스타일 만들기 자주 쓰는 색은 Style로 지정할 수 있습니다. Fill > 우측 상단 + 버튼을 클릭해서 원하는 이름을 입력하고 색상을 저장합니다. 그러면 아래 이미지처럼 스타일로 색상이 저장된 걸 확인할 수 있습니다. 라이브러리에 추가된 게 보이시죠? 스타일로 지정한 색상은 그 색이 적용된 모든 오브젝트가 자동으로 업데이트됩니다. 예를 들면 "메인 버튼 색상"을 초록에서 파랑으로 변경한 경우 전체 버튼이 모두 변경됩니다. 이 외에도...

[Notion] 노션 문서 PDF로 저장하는 방법

이미지
  우리가 노션을 활용할 때 프로젝트 관리나 메모 용도로도 활용하기도 합니다. 하지만 문서 제작 시 활용하기도 하죠. 이럴 때 노션에서 작성한 문서를 외부로 제출하거나 보관해야 한다면 PDF 형식으로 변환해서 저장해야 하는 경우가 있습니다. 예를 들어 보고서 같은 경우가 있을 수 있습니다. PDF는 가장 범용적으로 많이 활용되는 형태니깐요 이 글에서 노션에서 문서를 PDF로 저장하는 방법을 처음부터 끝까지 쉽게 알아보도록 하겠습니다. 노션에서 PDF로 저장하는 방법 노션에서 PDF로 저장하는 방법은 매우 쉽습니다. PDF로 변환하고자 하는 페이지나 파일을 연 상태에서 우측 상단 점 세 개를 눌러주세요 그리고 다양한 메뉴가 나오면 하단까지 내려주세요 그럼 '내보내기'가 보입니다. 이걸 클릭해 주세요 PDF 말고도 HTML, Markdown & CSV도 있는데 우리는 일단 PDF 변환 방법만 알아볼 예정이니 PDF를 선택해 주세요. 여기서 내보내기를 클릭하면 PDF로 저장되는 걸 확인할 수 있습니다. 모바일 앱에서 저장하기 모바일 앱에서 동일하게 적용해 보도록 하겠습니다. 아이폰 기준으로 작성했습니다. 또한, 모바일 환경에서는 PDF로 직접 저장하는 기능이 제한적일 수 있습니다. 자 그럼 순서대로 알아보도록 하겠습니다. 가장 먼저 PDF로 변환할 페이지를 열고 우측 상단 점 세 개를 터치해 주세요 자 그럼 PC 버전과 동일하게 '내보내기'를 터치해 주세요. 그럼 다음 화면으로 이동합니다. 그럼 이렇게 화면이 변환됩니다. 여기서 '내보내기'를 터치해 주세요. 그럼 다음 화면으로 넘어갑니다. 자 그러면 이렇게 미리 보기 화면으로 넘어가고 좌측 하단에 보이는 공유하기 버튼을 눌러서 공유 대상에게 보낼 수 있습니다. 자 그럼 정리해보겠습니다. 노션에서 문서를 PDF로 저장하는 방법은 아주 간단하죠? PC에서는 내보내기(Export) 기능을 활용하면 되고 모바일에서도 동일하게 할 수 있습니다. 이렇게 하면 노션에만 있던 문...

[Notion] 노션에서 페이지 간 링크 연결하는 방법 총정리

이미지
  노션은 단순한 메모 기능 만을 지원하는 앱이 아니라 아주 유용하게 사용할 수 있는 툴입니다. 그중에서도 페이지 링크 연결 기능은 자료를 빠르게 참조하고 다른 페이지와 연동하여 작업 효율을 극대화 할 중요한 기능입니다. 하지만 처음 노션을 접하신 분들은 "링크 추가는 어떻게 하는 거지?"라고 생각하실 수 있습니다. 우리는 이 글을 통해서 노션에서 페이지 간 링크를 연결하는 방법을 단계별로 알아보도록 하겠습니다. 페이지 링크란? 링크는 내부 링크와 외부 링크로 구분할 수 있습니다. 내부 링크: 같은 워크스페이스 안에 있는 다른 노션 페이지로 연결 외부 링크: 웹사이트나 다른 플랫폼 주소(URL)로 연결 그렇다면 링크가 왜 중요할까요? 링크를 사용할 경우 빠르게 자료로 접근할 수 있습니다. 프로젝트를 관리하는 상황에서 관련 문서 간 연결을 자유롭게 할 수 있습니다. 목차형 페이지를 만들 경우 필수적으로 활용합니다. 링크 만들어보기 @를 눌러서 멘션을 입력하여 Link to page에서 연결하고자 하는 페이지를 추가할 수 있습니다. 그럼 아래 이미지처럼 링크가 추가되고 링크를 누르면 누른 링크로 바로 연결이 됩니다. 그럼 다른 방법도 알아보도록 하겠습니다. 연결하고자 하는 페이지 우측 상단 점 세개를 눌러주세요 그럼 다양한 메뉴가 나옵니다. 여기서 가장 위에 있는 Copy Link를 눌러서 링크를 복사한 후에 추가할 페이지에 넣어주세요 다른 방법도 알아보겠습니다. 링크를 추가하고자 하는 텍스트를 드래그한 후에 우클릭해서 링크를 추가하는 방법입니다. Copy link to block을 클릭하면 문장 속에 깔끔하게 링크를 삽입할 수 있습니다. 이렇게만 활용하면 링크 추가하는 방법 아주 쉽게 활용할 수 있습니다. 자 간단하게 알아봤습니다. 다른 방법도 있지만 일단은 간단하게 여기까지만 정리해 보겠습니다. 노션에서 페이지 링크 연결 기능은 간단하지만, 어떻게 활용하느냐에 따라 작업 효율을 크게 올릴 수 있는 기능입니다. @멘션 방식과 복사 - 붙여넣기는...

[Notion] 노션 기본 템플릿 5가지 소개와 활용 팁

이미지
  노션 초보자를 위해 쉽게 활용할 수 있는 기본 템플릿 5가지를 추천합니다. 할 일 관리, 회의 노트, 독서 기록 등 누구나 쉽게 따라 할 수 있는 방법을 소개합니다. 노션, 템플릿 부터 시작해보세요 노션(Notion)을 처음 접하셨을까요? 너무 복잡하거나 어려울 것 같다고 느낄 수 있습니다. 그렇다면 기본 템플릿부터 활용해 보는 게 좋습니다. 노션에는 이미 기존에 만들어진 기본 템플릿이 있어서 클릭 몇 번만으로 멋진 페이지를 만들 수 있습니다. 이 글을 통해서 가장 유용하고 많이 쓰이는 노션 템플릿 5가지와 함께, 어떻게 활용하면 좋은지 알아보겠습니다. 하단에 보이는 Tamplates를 클릭해 주면 템플릿이 모여 있는 페이지로 이동합니다. 그러면 여기서 먼저 To-Do List를 입력하고 추가해 보도록 하겠습니다. 자 검색했더니 이렇게 다양한 To-do list 항목이 나옵니다. 저는 이 중에서 오른쪽 위에 있는 템플릿을 선택했습니다. Free는 무료로 이용할 수 있는 템플릿이고 가격이 적혀있는 템플릿은 결제를 통해 추가할 수 있는 템플릿입니다. 자 그러면 이렇게 Weekly Plan으로 To-do list가 추가된 걸 확인할 수 있습니다. 쉽게 추가가 되고 바로 페이지에 추가되니깐 쉽게 활용할 수 있습니다. 같은 방법으로 다른 템플릿도 추가해 보도록 하겠습니다. 주간 일정 관리 독서 목록 회의 기록 목표 설정 자 가장 위에 부터 '할 일 목록', '주간 일정 관리', '독서 목록', '회의 기록', '목표 설정' 총 다섯 가지의 템플릿을 추가해봤습니다. 추가된 템플릿을 아이콘 등을 추가하거나 섹션을 다시 나누는 등의 기능을 활용해서 자유롭게 사용할 수 있습니다. 또한 추가된 템플릿은 다른 페이지와 연결할 수 있기 때문에 연동해서 쓸 수도 있습니다. 일단 간단하게 활용할 수 있는 노션 템플릿 5종만 먼저 소개했습니다. 처음 노션을 시작할 때 복잡하게 느껴질 수 있지만 기본 템플릿을 활용...

[Notion] 노션 인터페이스 완전 정복: 사이드바, 블록, 위키 구조

이미지
  노션의 기본 인터페이스를 완전히 이해하면 조금 더 쉽게 느껴집니다. 사이드바 구조, 블록 단위 사용법, 위키 형태의 페이지 연결까지 쉽게 따라 할 수 있도록 안내하도록 하겠습니다. 처음 시작하는 노션(Notion) 노션(Notion)을 처음 접했을 때, 화면이 너무 단순해서 막막할 수 있습니다. 하지만 알고 보면 이 화면 구성이 정말 편리하게 되어있는 걸 알 수 있는데요 우리가 레고를 가지고 논다는 생각으로 쉽게 이어붙이거나 쌓으면서 활용할 수 있는 구조입니다. 이 글에서 노션의 인터페이스 구성을 아주 쉽게 알아볼 예정인데요 노션의 사이드바는 무엇을 위한 공간인지 블록은 왜 중요하고 어떻게 사용하는지 페이지를 연결해서 위키처럼 사용하는 방법 노션의 핵심 - 사이드바 구조 이해하기 노션의 사이드바는 노션의 '전체 구조를 조망'하는 지도 역할을 합니다. 인터페이스를 보면 가장 왼쪽에 자리 잡고 있고 내가 만든 페이지들과 작업 공간(워크 스페이스)이 계층적으로 나열되어 있습니다. 위의 이미지에서 좌측에 있는 항목이 사이드바입니다. 자 위의 이미지에서 보이시는 것처럼 페이지 옆에 +를 클릭하면 하위 페이지를 추가할 수 있습니다. 그럼 새로운 하위 페이지가 추가되고 사이드바에 자동 등록됩니다. 위의 이미지처럼 드래그해서 페이지의 위치를 옮기는 것도 가능합니다. 우리가 작업을 하다 보면 필요가 없어진 페이지는 우클릭 후 삭제를 시킬 수 있습니다. 노션의 블록 과 위키 구조 알아보기 노션은 '블록 단위'로내용을 구성합니다. 텍스트, 제목, 체크리스트, 테이블, 이미지 등 모든 요소가 하나의 블록으로 이루어져 있습니다. 단축키 /를 누르면 기본 블록이 나열되어 있는걸 볼 수 있습니다. 블록은 복사, 이동, 색상 변경 등 다양하게 편집하여 사용할 수 있습니다. 자 그럼 이제 위키 구조를 알아보도록 하겠습니다. 노션의 가장 큰 장점 중 하나는 페이지 간 연결입니다. 이 기능을 활용하면 마치 위키(Wiki)처럼 정보를 구조화 할 수 있습니다. 위키...