Adobe XD는 Product Designer를 위한 UX/UI Tool입니다. 하지만, 쉬운 사용성과 편리한 기능으로 콘텐츠 디자인 작업에도 많이 활용되고 있는 Tool입니다. 저 역시 다양한 프로젝트에서 XD를 복합적으로 활용하고 있습니다. 이번 글에서는 XD 활용법 중, 콘텐츠 디자인을 위한 여섯 가지 기본 기능을 정리했습니다.
1. SNS 콘텐츠 사이즈 아트보드
콘텐츠 디자인 작업의 시작은 다양한 소셜 미디어 해상도를 찾는 일입니다. 단순해 보이는 일이지만, 검색 결과마다 조금씩 다르게 검색되는 해상도 사이즈는 콘텐츠 디자이너에게 스트레스를 주는 요인입니다. 하지만 XD는 소셜 미디어 콘텐츠마다 최신 해상도 사이즈를 반영한 아트보드를 제공합니다. 따라서 단순하지만 스트레스 받는 시간을 절약할 수 있습니다.
2. 텍스트 속성 설정
XD는 텍스트 설정 중, 기본 기능인 정렬 기능을 제공합니다. 하지만 콘텐츠 디자인 작업을 할때 가장 효율적인 XD 텍스트 설정은 텍스트 ‘고정 크기’ 기능입니다. 해당 기능은 텍스트 영역을 고정해주는 기능입니다. ‘고정 크기' 기능을 활용하면 다양한 텍스트 길이에도 일관된 영역을 텍스트 영역으로 활용할 수 있습니다.
3. 아트보드 안내선
XD 안내선 기능은 다른 디자인 툴보다 직관적입니다. 가로와 세로 안내선은 아트보드 각 면의 경계선에서 드래그를 통해 만들 수 있습니다. 안내선을 만들때 아트보드와 안내선 사이 간격 가이드 수치가 나타나기 때문에 보다 정확한 안내선 설정이 가능합니다. 안내선을 활용하면 더 정확한 위치에 콘텐츠를 위치시킬 수 있습니다.
4. 색상 견본 저장
한번 사용한 색상을 견본을 통해 관리할 수 있습니다. 견본 저장 기능을 통해 디자이너는 브랜드 컬러, 혹은 콘텐츠에 주로 활용하는 컬러를 일관되게 사용할 수 있습니다. 직관적인 방법으로 해당 기능을 활용할 수 있는데요. 해당 색상을 선택한 상태에서 ‘+’ 아이콘을 누르면 색상 견본이 설정됩니다. 색상 값에 불투명도 설정된 경우, 불투명도 수치도 같이 저장됩니다.
5. 이미지 가져오기
대부분 기능이 직관적인 XD는 외부 이미지 파일도 직관적인 방법으로 가져올 수 있습니다. 외부 이미지를 XD에 drag&drop을 통해 넣거나, XD 상단 메뉴 ‘파일'에서 ‘이미지 가져오기’를 선택해서 이미지를 가져올 수 있습니다. XD 안에 들어온 이미지를 아트보드로 drag한다면, 아트보드 안에 이미지가 위치합니다.
6. 이미지 추출
이미지 추출은 ‘Command(Ctrl)+E’를 누르거나, XD 상단 메뉴 ‘파일'에서 ‘내보내기’를 눌러 기능을 사용합니다. 이미지는 ‘JPG, PNG, PDF, SVG’ 포맷으로 추출할 수 있습니다. 특히 이미지 ‘내보내기 크기' 선택 기능은 제작된 콘텐츠 이미지를 다양한 크기로(0.5x~4x) 추출할 수 있는데요. 콘텐츠 디자인의 경우 ‘1X~2x’ 추출을 주로 활용합니다.
1
답글
AdChoices