어도비 XD 2018년 9월 업데이트: 다양한 화면 크기의 기기에서 디자인 경험 향상

뉴스 및 이벤트디자인앱 및 웹 디자인

어도비 XD의 9월 업데이트가 공개되었습니다. 이번 업데이트로 화면 크기가 서로 다른 다양한 기기를 위한 디자인을 보다 쉽게 제작할 수 있습니다. 또한, 아트보드를 전환할 때 시간을 설정할 수 있어 보다 현실성 있는 디자인을 구상할 수 있게 되었습니다. 이외에 맞춤법 기능 내장, 반응형 크기 조정 기능 등을 통해 사용자는 더욱 향상된 디자인 경험을 할 수 있습니다.

반응형 크기 조정 (Responsive Resize)

어도비XD는 배치와 비율을 유지하면서 오브젝트 그룹의 크기를 조정할 수 있는 반응형 크기 조정 기능을 추가했습니다. 디자인 캔버스에서 그룹 크기를 조정하면 XD가 개별 요소 간 거리 및 배치를 자동 조절합니다. 사용자가 원하는 경우 수동 모드로 변경해 수정할 수도 있습니다.

반응형 크기 조정 기능에는 버튼이나 아이콘 코너 배치, 오브젝트를 디자인 가장자리에 배치, 아이콘의 크기와 위치를 유지하기 위한 디자인 패딩(padding) 수정 등이 포함되어, 다양한 기기를 위한 디자인을 보다 빠르게 진행할 수 있습니다.

아래 영상으로 반응형 크기 조정 기능에 대한 자세한 업데이트 내용을 확인할 수 있습니다.

시간 경과 전환 (Timed Transitions)

새로운 트리거 기능으로 시간이 추가되어, 아트보드가 전환되는 시점을 원하는 만큼 지정할 수 있게 되었습니다. 해당 기능은 온보드 또는 의사 결정 흐름에 대해 보다 쉽게 프로토타입을 만들 수 있습니다. 이 기능을 활용하여 자동 페이드 효과, 스피너, 로더, 진행 표시줄 등과 같은 반복 애니메이션을 제작할 수 있습니다.

프로토타입 모드에서 두 개의 아트보드를 전환할 때, 트리거를 ‘탭(Tap)’ 대신 ‘시간(Time)’으로 설정할 수 있고 원하는 전환 지연 시간도 정할 수 있습니다. 뿐만 아니라, 같은 화면에서 설정한 속성을 저장해 다른 화면에서도 기본값으로 적용 가능합니다.

아래 영상으로 시간 경과 전환 기능 활용 방법을 조금 더 자세히 살펴보십시오.

맞춤법 검사 (Spell Check)

맞춤법 검사 기능이 어도비 XD에 내장되어 디자인 작업물에서 실시간으로 맞춤법 검사를 이용할 수 있습니다. XD에서 맞춤법 검사 기능을 활성화해 작업물의 텍스트를 선택하면 오타를 확인할 수 있습니다. 맞춤법 검사 기능은 초기 설정에서 활성화 되어 있습니다.

사용자는 맞춤법이 틀린 단어에 대한 바른 철자 목록 또한 볼 수 있습니다. 사용자의 시간을 절약하기 위해 단어가 입력되는 동시에 맞춤법이 틀린 단어의 바른 철자를 제안합니다. 또한 문법에 대해서도 제안합니다.

아래 영상을 통해 맞춤법 검사 기능이 어떤 것인지 보다 자세히 확인할 수 있습니다.

웹 프로토타입에 대한 전체 화면 모드 향상

이번 업데이트에서는 전체 화면 기능도 향상 되었습니다. 웹 사이즈의 아트보드를 브라우저로 볼 때 보다 현실적인 경험을 제공할 수 있어, 작업한 결과물을 다른 사람에게 보여줄 때 보다 정확하게 전달할 수 있습니다. 풀스크린 모드에서 웹 및 사용자 지정 아트보드는 상단의 공백없이 브라우저 상단에 붙어서 표시되며, 모바일 아트보드는 계속해서 화면 중앙에 정렬됩니다. 아트보드 폭이 브라우저의 가로 공간보다 큰 경우, 프로토타입은 해당 폭에 맞춰 크기가 조정되어 가로 방향으로 스크롤하지 않아도 됩니다.

본 기능을 조금 더 자세히 살펴 보시려면 아래 영상을 확인하세요.

또한, 전체 화면 모드의 배경색도 검은색 대신 흰색으로 변경되어 웹 경험을 향상시켰습니다. 이는 일반적인 브라우저의 기본 배경색이 흰색인 점을 반영해 사용자의 혼란을 방지하기 위함입니다.

 

UX 커뮤니티

대화에 참여해 주십시오. 업데이트 소식은 @AdobeXD를 팔로우하거나 트위터(Twitter)에서 #AdobeXD를 사용하여 어도비 팀에 문의할 수 있습니다. 또한 페이스북(Facebook)에서 대화를 나눌 수 있고 동영상과 업데이트를 공유하거나 실시간 세션 중 질문에 대한 답변을 얻을 수 있습니다.

#MadeWithAdobeXD

비핸스에서 프로토타입을 공유할 때에는 반드시 #MadeWithAdobeXD 태그를 추가해 주십시오. 어도비 XD 뉴스레터에서 주요 기사로 소개되는 기회를 얻으려면 “사용 툴”에서 어도비 XD를 선택합니다.

 

원문보기

 


뉴스 및 이벤트, 디자인, 앱 및 웹 디자인

Posted on 09-27-2018


토론에 참여