[제로베이스 UI/UX 파트타임 스쿨] 10주차 - (화) 텍스트와 플러그인 & 면과 선의 컬러

제로베이스 65일차 학습노트이다.
오늘은 Adobe XD에서 텍스트 기능과 플러그인 활용법, 그리고 면과 선의 컬러 설정에 대해 배웠다. 실제 디자인 작업에 자주 사용되는 기능들이라 툴을 좀 더 능숙하게 다룰 수 있을 것 같았다. 특히 플러그인을 통한 리소스 확장과 컬러 조정의 디테일이 흥미로웠다.

---

오늘의 강의 내용

 

1. 텍스트와 플러그인
텍스트 도구는 UI의 핵심 정보 전달 수단으로, Adobe XD에서는 폰트, 크기, 정렬, 자간, 행간 등을 직관적으로 조절할 수 있다. 제목, 본문, 버튼 텍스트 등 각 요소별로 스타일을 정의하고 저장해두면 일관성 있는 UI를 유지하는 데 도움이 된다.

또한 플러그인은 XD의 기본 기능을 확장할 수 있는 도구로, 반복적인 작업을 줄여주고 디자인 효율을 높여준다. 예를 들어 Icons 4 Design은 무료 아이콘을 쉽게 불러올 수 있고, Lorem Ipsum은 더미 텍스트를 빠르게 생성할 수 있다. UI Faces 플러그인을 통해 가상의 인물 사진을 삽입하는 것도 가능해 실제 사용자 시나리오를 구현할 때 유용하다.

 

2. 면과 선의 컬러 설정
Adobe XD에서는 도형이나 텍스트에 면(Fill)과 선(Stroke)을 각각 설정할 수 있다. 면은 요소의 배경을 의미하며 단색뿐 아니라 그라데이션이나 이미지 패턴을 넣을 수도 있다. 선은 테두리를 의미하며 두께, 위치(안쪽/가운데/바깥쪽), 모서리 처리 방식 등을 조정할 수 있다.

또한 컬러에는 투명도 설정이 가능하고, 블렌드 모드를 이용하면 겹치는 요소 간의 시각 효과도 세밀하게 조절할 수 있다. 디자인 시스템을 만들 때는 이 면과 선의 컬러를 토큰화해서 일관되게 활용하는 것이 중요하다.

---

텍스트와 색상은 사용자에게 가장 먼저 전달되는 디자인 언어이며, 플러그인은 실무에서의 생산성과 창의성을 동시에 높여주는 중요한 도구라는 점을 배웠다. XD의 기능들을 잘 익혀두면 더 빠르고 완성도 높은 디자인을 만들 수 있을 것 같다는 생각이 들었다.

 

이 글은 제로베이스 UI/UX 파트타임 강의 자료 일부를 발췌하여 작성되었습니다.