다른 서비스
NEW
기획
디자인
개발
프로덕트
아웃소싱
프리랜싱
비즈니스
최근 검색어
전체 삭제
최근 검색어가 없습니다.

디자인

디자인 아이디어를 구체화할 수 있는 캔버스 ‘Easel’

 

저는 업무를 할 때 아직도 화이트보드를 즐겨 활용하고 있습니다. 선이 그어진 노트보다 자유도가 높고, 팀원들과 함께 의견을 나누며 실시간으로 시각화하거나, 유사한 내용끼리 그룹화하는 작업이 쉽기 때문입니다. 이런 장점으로 인해 미로, 피그잼 등 화이트보드를 콘셉트로 한 다양한 서비스가 등장했고, 실제로 많은 사람들이 사용하고 있습니다. 오늘은 피그잼과 미로에 비하면 기능은 부족할 수 있지만, 기획 또는 디자인 프로젝트를 준비할 때 가볍고 자유롭게 사용할 수 있는 캔버스 서비스 ‘Easel’ 을 소개합니다.

 

텍스트, 그리기, 이미지 및 링크 첨부 등 핵심 기능이 담긴 캔버스

캔버스 서비스 ‘Easel’
<출처: Easel>

 

‘Easel’의 소개 화면입니다. 아이디어를 위한 캔버스라는 설명으로 시작되는 화면은 실제 사용 모습이 담긴 화면으로 연결됩니다. 회원가입을 필요로 하지만 소셜 로그인을 지원하고 있습니다. 팀에 포함된 개인 또는 사이드 프로젝트 등에 참여하는 초기 단계나 과정에서 아이디어를 자유롭게 정리하거나, 필요한 자료를 덧붙이는 방법 등으로 유용하게 사용할 수 있습니다. 

 

개인적으로 글을 쓰거나 자료 등을 정리할 때, 그 자체에 집중할 수 있는 환경을 중요하게 생각하는데요. ‘Easel’은 무엇보다 디자인이 깔끔하게 정돈되어 있어, 자료를 정리하는 과정에 편집 도구 등이 방해되지 않아 작업하기 좋은 환경을 제공합니다. 마치 미디엄의 글쓰기 화면을 처음 접했을 때와 같은 느낌이 듭니다. 

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

회원가입 후, 편집 화면(빈 캔버스)으로 이동한 모습입니다. 흰색 배경이 화이트보드와 동일한 모습을 연상하게 하며, 편집 도구나 기타 설정 도구가 최소한의 영역으로 제공되어 실제 작업할 수 있는 공간이 더 여유롭게 느껴집니다. 왼쪽 상단에 있는 도구는 현재 우리가 보고 있는 캔버스 이름을 설정할 수 있는데, 기본 이름은 ‘Doc’으로 적용되어 있습니다. 

 

오른쪽 설정 버튼을 통해 내용을 저장할 수 있는데, 처음에 이 저장이 필수인지 모르고 뒤로 가기를 눌렀다가 정리한 내용이 모두 사라지는 경험을 했습니다. 그래서 서비스를 사용할 때 불편하지만 꼭 작업 중간중간에 저장을 해야 합니다. 또한 작업한 내용은 ‘뷰어' 모드로 링크 단위의 공유가 가능한데요. 초기 내용을 스케치해 누군가에게 전달하기 좋습니다.

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

왼쪽 아래에 자리 잡은 편집 도구는 캔버스를 채우는데 꼭 필요한 기능으로 채워져 있습니다. 화살표는 캔버스를 이동하는데 주로 사용되며, ‘T’ 아이콘은 텍스트를 입력하는 데 사용할 수 있습니다. 캔버스에 입력한 텍스트는 3가지 사이즈 중 하나를 선택하거나 직접 사이즈를 입력해 편집할 수 있습니다. 또한 영문 기준 여러 폰트를 제공하며 진하게 또는 기울임을 적용할 수 있습니다.

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

텍스트 입력 도구 아래로 ‘펜' 아이콘이 적용되어 있는데, 이는 선을 입력할 수 있는 기능입니다. 두께 및 컬러를 지정할 수 있으며 이후 캔버스 내 화살표를 그리거나, 텍스트 내용 중 일부를 강조하는 등의 용도로 활용하기 좋습니다. 

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

텍스트와 링크, 이미지 등만 적용하면 다소 딱딱한 느낌을 받을 수 있는데, 입력된 내용 간 연결 표시를 하거나 관계 등을 표현하는 데 있어 선이 아주 중요한 역할을 하게 됩니다. 저도 이용할 때 그리기 기능을 자주 사용했습니다.

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

다음으로 사용할 수 있는 기능 및 도구는 ‘gif’입니다. ‘GIPHY’에 등록된 내용을 검색할 수 있으며 검색 결과 내 마음에 드는 ‘gif’를 선택하면 캔버스에 바로 적용됩니다. 적용된 내용은 사이즈나 위치를 직접 지정할 수 있고, 앞서 살펴본 ‘그리기' 기능과 함께 사용하면 훨씬 부드럽고 재미있는 요소로 활용할 수 있습니다. 특정 링크나 텍스트, 이미지 등을 강조하기 위해 사용하는 경우도 많습니다. 

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

링크 적용도 어렵지 않습니다. 도구 모음에서 ‘링크' 아이콘을 클릭하면 URL을 입력할 수 있는 창이 뜨고, 입력한 내용을 미리 볼 수 있는 환경을 제공합니다. ‘Add’ 버튼을 누르면 캔버스 내 링크 미리보기가 적용되며 사이즈와 위치 등을 직접 설정할 수 있습니다. 링크나 이미지를 잘 활용하면 레퍼런스를 간략하게 정리하거나, 초기 콘셉트 등을 표현하기 좋습니다. 비슷한 방법으로 이미지를 첨부할 수 있는데, 이미지는 로컬에 있는 파일을 등록하는 방법으로만 활용할 수 있습니다, 

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

‘Easel’에서 개인적으로 가장 마음에 들었던 기능은 ‘폴더' 기능입니다. 캔버스에 등록된 이미지, URL 등을 선택한 뒤 오른쪽 버튼을 누르면 ‘선택한 대상을 새로운 폴더에 담기 메뉴’를 확인할 수 있습니다. 캔버스의 영역은 꽤 넓지만, 폴더를 잘 활용하면 캔버스 내 등록된 내용 간의 구분을 쉽게 만들어주고 영역을 생산적으로 활용할 수 있습니다. 첫 캔버스에서 프로젝트 전반에 대한 요약 내용을 작성하고, 필요한 화면이나 단계를 폴더에 나눠 등록하면 보는 사람도 더 편리하다고 느낄 것입니다.

 

캔버스 서비스 ‘Easel’
<출처: Easel>

 

캔버스에 등록했던 4개의 아이템(이미지, URL 등)을 폴더에 담은 모습입니다. 폴더 이름은 따로 지정할 수 있으며, 담긴 아이템을 함께 확인할 수 있습니다. 폴더 이름과 개수는 작업 시, 폴더에 어떤 내용이 담겼는지 빠르게 확인하는 데 도움을 줍니다. 선 등을 그릴 수 있는 기능과 폴더를 잘 엮으면 간단한 단계나 흐름을 표현하는 것도 가능합니다.

 

 

한 번은 꼭 써봐야 하는 이유

캔버스 서비스 ‘Easel’
<출처: Easel>

 

틈틈이 직접 저장해야 한다는 불편이 있지만, 전반적으로 부담스럽지 않게 필요한 기능들만 캔버스에 활용할 수 있다는 점이 가장 큰 장점입니다. 기능적으로 접근한다면 추천하지 않지만, 문득 떠오른 아이디어나 작은 프로젝트의 출발 단계에 있다면 충분히 도움이 될 수 있는 서비스라고 생각합니다. 가입은 필요하지만 목적에 따라 여러 개의 캔버스를 생성할 수 있으며, 폴더 기능이 있어 캔버스 내 내용을 확실히 구분하고 정리할 수 있다는 점도 한 번쯤은 사용해 봐야 할 이유입니다. 

 

요즘IT의 모든 콘텐츠는 저작권법의 보호를 받는 바, 무단 전재와 복사, 배포 등을 금합니다.

댓글 0

지금 써보러 갑니다

작지만 가치 있는 변화를 이끌어내는 서비스를 만들기 위해 노력하고 있습니다. 국내외 다채로운 IT 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있어요.

다양한 컬러 생성과 활용으로 색 조합을 도와주는 ‘Coolors’

디자인

배경, 효과 등을 마음대로 조합해 아이콘을 만드는 ‘Iconray’

디자인

이미지를 중심으로 다양한 피드백을 주고받는 ‘Picflow’

디자인

스크린샷을 목업 이미지로 편집하는 서비스, ‘Pika’

디자인

2억 개 이상 조합이 가능한 3D 아바타 생성 서비스, ‘Peeps’

디자인

업무에 바쁜 당신을 위한 기본 아이콘 제공 서비스, ‘heroicons’

디자인

앱 설치율을 높이기 위한 스크린샷 제작 서비스, PWA Screenshots Generator

디자인

“특정 주제 이미지를 한 번에!”…스톡 이미지 제공 사이트 모음

디자인

선택이 어려운 당신을 위한 컬러 조합 서비스, Reverb

디자인

구글 폰트보다 더 빠르고 쾌적하게, Bunny Fonts

디자인

여섯 가지 디자인 패턴을 제작하는 웹 서비스, Heazy Studio

디자인

다섯 가지 프로필을 쉽게 생성하는 피그마 플러그인, Avatarg

디자인

정적인 SVG 파일에 생동감을 더해주는, Designstripe

디자인

당신의 ‘선’ 작업을 돕는 2가지 서비스

디자인

레퍼런스 수집 및 관리가 쉬워지는, Substratum

프로덕트

커버 이미지 제작이 쉬워지는 서비스, Coverview

디자인

애니메이션이 포함된 목업 제작 서비스, ‘Animockup’

디자인

다양한 종류의 화살표 제작을 돕는, 'Fffuel'

디자인

프로필 제작을 위한 매력적인 툴 ‘Boringavatars’와 ‘Avvvatars’

디자인

핸드 스케치를 위한 만능 툴, ‘Printables’와 ‘Sneakpeekit’

디자인

디자이너가 원하는 컬러를 손쉽게, 'Atmos'

디자인

웹 페이지 구성 도우미 ‘Shuffle’

디자인

디자인 시스템에 필요한 UI 컴포넌트 모음

디자인

다양한 UI 설정을 실시간으로 적용하는 서비스 ‘셰이퍼’

디자인

보다 쉬운 웹 접근성을 위한 도우미 : The A11Y Project

디자인

취향에 맞게 아이콘과 일러스트 편집이 가능한: Shape

디자인

원하는 폰트 조합을 쉽게 찾을 수 있는: Archetype

디자인

디자인 패턴 제작 시 유용한 서비스들

디자인

디자인 작업 시 유용한 아이콘 제공 서비스들

디자인

다양한 그래픽 콘텐츠를 제작할 수 있는: Mega Creator

디자인

박스 디자인을 쉽게 생성할 수 있는: Box Shadow Art

프로덕트

웹에서 이미지 및 영상 편집을 쉽게 하고 싶다면?

디자인

피그마 작업 시 유용한 플러그인 Top3

디자인

빠른 목업 제작을 위해 알아두면 좋은 서비스들

디자인

웹사이트와 문서에 대한 피드백을 손쉽게! : Punchlist

프로덕트

디자인 작업 효율을 높여주는 크롬 확장 프로그램 5

디자인

원하는 스타일에 따른 컬러 조합 확인이 가능한: Huemint

디자인

특정 웹페이지의 벡터 콘텐츠를 확인하는: SVG Gobbler

디자인

컬러와 물결 패턴으로 배경을 만드는: Wicked Backgrounds

디자인

다섯 가지 컬러 조합으로 웹디자인 구성을 돕는: Happyhues

디자인

바우하우스 스타일의 패턴 디자인 생성: Bauhaus Art Generator

디자인

글래스모피즘 디자인 구현을 위한 CSS 생성 서비스: Glass UI

디자인

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.