노션으로 디자인해보기 쉽게 따라하기 1편 - 기본 탬플릿을 이용해보고 감을 익힌 뒤 탬플릿 따와서 응용하기까지!

 

 

🗒️ 노션 Notion

메모, 프로젝트 관리해주는 엑셀같은 작업 프로그램이라고 생각하시면 쉽습니다.

팀으로 협업하여 공동으로 프로젝트를 관리할 수 있다라는것도 엑셀과 비슷합니다.

 

 

 

⌛ 준비 

노션에 우선 가입해주세요!

홈페이지 접속 후 이메일 주소를 사용하여 가입할 수 있습니다.

 

 

 

쉽게 따라하기 STEP - 1

 

 

기본 원리를 알기 위해 새 페이지를 눌러줍니다.

 

 

 

쉽게 따라하기 STEP - 2

 

 

 

왼쪽 검색창에 "포트폴리오"를 검색하시면

디자인 포트폴리오가 뜹니다. 밑에 자신과 맞는 포트폴리오를 찾아주면 되지만 편의상 첫번째에 있는걸로

예시 들겠습니다.

 

 

 

개인 페이지에 포트폴리오 페이지가 뜹니다.

이제 자유롭게 사용할 수 있다는 뜻입니다.

 

이렇게 노션에서 제공하는 탬플릿에서 충분히 본인이 원하는 스타일을 보실 수 있습니다.

한계는 분명하게 있지만 협업 툴로 사용되고 있는 노션의 기본 기능들은 모두 숙지를 하신다면

 

앞으로 포트폴리오든, 일기장을 쓰든 노션을 더 알차게 꾸미실 수 있을 겁니다.

계속해서 응용하는 것 까지 이어 가겠습니다. ✍️

 

 

 

기본 템플릿 외에도 요즘에는 다양한 사이트에서 무료 제공하고 있습니다.

진디자인 추천 탬플릿 

https://www.notion.so/ko-kr/templates

https://www.sireal.co/wiki

https://notionbox.oopy.io/      

출처

 

 

 

쉽게 따라하기 STEP - 3

 

 

노션은 볼록이라는 표현을 많이 씁니다

왼쪽에서 드래그를하면 파란색 배경으로 선택되었다는 표시가 뜹니다.

 

다양한 블록(Block) 들을 조합하여 원하는 페이지나 데이터베이스를 만들 수 있습니다.

 

항상 텍스트를 작성하거나 이미지를 넣을 때마다

역시 블록이 생기며 그 블록을 쉽게 옯기고 지울 수 있는 상태가 되니 블로그나 카페에서나 작성하는 것보다 익숙해지면

볼록 관리는 아주 좋은 노션의 기능입니다.

 

코드처럼 시작과 끝을 알려주어야 하나의 블록이 되는 것처럼 쉽게 생각하시면 편합니다.

 

예를 들면

 

 

/이미지

를 치시면 바로 이미지를 넣을 수 있는 하나의 블록이 생깁니다.

 

 

 

클릭하고 보면 파일을 업로드하거나 링크 임베드로 선택해 올릴 수 있고 파일당 최대 크기 5MB입니다.

무료로 제공하는 최대 용량이라고 생각하시면 됩니다.

 

동영상은 아무래도 힘들겠죠, 사진도 움짤정도만 되도 이용하기가 힘들어집니다.

하지만 사진 위주 디자인포트폴리오는 충분히 무료로 사용 가능합니다.

 

 

 

 

쉽게 따라하기 STEP - 4

포트폴리오 예시가 좋지 않아, 제가 만든 포트폴리오로 예시를 들겠습니다.

2개의 열이 있습니다.

 

/2열

이라고만 쳐도 바로 2개의 문단으 나눌 수 있습니다.

 

이제 2열 문단을 활용해

 

적절한 이미지들을 넣고         I            배열을 익혀 보면서

 

디자인 포트폴리오의 탬플릿을 그대로 가져와 따라해보고

다양한 시도들을 하면서 자신의 포트폴리오를 만들어 보시길 바랍니다!

 

 

 

아직 포트폴리오를 구성하는 기본편만 포스팅하고 추후에

더 자세한 이야기들을 풀어보겠습니다.

 

이 글이 유용하게 쓰여진다면요..

노션으로 디자인해보기 포스팅 읽어주셔서 감사합니다 🖐️

 

 

---

CONTACT

https://litt.ly/jindesign

​

디자인 문의

wofleve@naver.com