어도비 XD(Adobe XD)의 6월 릴리스에 추가된 스타일 도구를 소개합니다. 매력적이고 복잡한 디자인을 만들 수 있을 뿐만 아니라 새로운 UI 디자인 트렌드를 적용할 수 있습니다.
어도비 크리에이티브 클라우드(Adobe Creative Cloud) 앱에서 최신 버전의 XD로 업데이트하거나, 무료 체험판으로 시작해보세요.
내부 그림자(Inner Shadow)
내부 그림자는 디자인에 깊이감을 더해줍니다. 내부 그림자 툴은 이름에서 알 수 있듯이 선택한 오브젝트 안에 그림자를 생성하는 기능입니다. 어도비 XD에서 오브젝트를 선택하면 화면 오른쪽 속성 관리자의 효과 섹션 아래에 “내부 그림자” 속성이 새롭게 표시됩니다. 내부 그림자는 디자인에 있는 모양, 텍스트, 이미지 및 불리언 그룹에 적용할 수 있으며, 어도비 포토샵(Adobe Photoshop) 또는 스케치(Sketch)와 같은 다른 툴에서 디자인을 가져오는 경우에도 지원됩니다.
내부 그림자를 사용하면 오브젝트가 캔버스에 눌린 것처럼 보이게 할 수 있습니다. 이는 오브젝트가 캔버스의 다른 레이어 위에 떠 있는 것처럼 보이게 하는 그림자와 다릅니다. 내부 그림자 기능을 활용하면 디자인에 사실적인 조명 효과를 연출하고 3D 구성 요소 및 네오모피즘(Neomorphism)과 같은 새로운 UI 디자인 트렌드를 적용할 수 있습니다.
윤곽선(Outline Stroke)
윤곽선 기능을 사용하여 획(선 또는 테두리)을 그 자체의 모양으로 변환할 수 있습니다. 선을 모양으로 변환하면 캔버스의 다른 오브젝트와 같이 모양과 크기를 변경할 수 있을 뿐만 아니라, 그레이디언트, 그림자, 혼합 모드 등을 적용해 편집할 수 있습니다. 선을 고유한 패스로 변환할 수 있게 되면서 XD 벡터 드로잉의 새로운 가능성이 열렸다고 할 수 있습니다. 원하는 모양과 텍스트 스타일을 다양하게 만들 수 있기 때문이죠.
윤곽선은 SVG 에셋으로 내보낼 준비를 할 때 특히 유용합니다. 모양으로 변환된 선은 SVG로 내보낼 때 동일하게 복제되고, 선에 비해 선명하게 크기가 조정됩니다. 또, 다양한 브라우저와 기기에서 원활하게 렌더링 되기 때문에 SVG 에셋으로 내보내기 위해 XD와 어도비 일러스트레이터(Adobe Illustrator)를 오고 갈 필요가 없습니다.
각도 그레이디언트(Angular Gradient)
UI 디자인에서 점점 인기가 높아지고 있는 각도 그레이디언트는 매력적인 색상 효과를 만들 수 있는 기능입니다. 지금까지는 선형 및 방사형 그레이디언트만 만들 수 있었지만 이제 각도 그레이디언트를 지원합니다. 각도 또는 원뿔형 그레이디언트는 원의 중심부터 주위로 퍼지는 색상 그레이디언트 채우기를 적용합니다.
각도 그레이디언트는 XD의 다른 그레이디언트와 같이 작동하므로 그레이디언트 채우기를 이동하거나 회전하고 색상점을 추가하여 독특한 스타일을 만들 수 있습니다. 각도 그레이디언트를 사용하면 원형 진행률 표시 스피너, 파이 차트, 색상 휠, 속도계 등 디자인 구성 요소에 새로운 스타일을 적용할 수 있습니다.
주요 플러그인: XD로 편리해진 프레젠테이션 제작 및 발표
디자이너에게 프레젠테이션 툴 사용법은 어렵게 느껴졌습니다. 어도비 XD 용 프레젠테이션(Presentation)으로 쉽고 빠르게 아트웍을 내보내고, 그래픽을 검색해 매력적인 슬라이드를 디자인해보세요.
https://www.youtube.com/watch?v=gSpFQHRbupM&t=8s
프레젠테이션은 디자인 툴에서 디자인 작업을 간편하고 매력적으로 보여주는 어도비 XD 용 플러그인입니다. XD에서 플러그인을 실행하고 전문적인 디자인 테마, 슬라이드, 요소 중에서 선택하면 됩니다. 프레젠테이션과 XD를 사용하면 에셋 패널에서 글꼴과 색상을 변경하여 브랜드 이미지에 맞게 간편하게 조정할 수 있습니다. 프레젠테이션에는 세련된 벡터 기반의 아이콘, 모양, 사진, 일러스트레이션, 차트 등이 포함되어 있으므로 시각 요소를 따로 찾지 않아도 됩니다.
