권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

다크 모드로 보기 라이트 모드로 보기

저희와 함께 하시겠습니까?

프로젝트 의뢰는 아래로 문의 주시기 바랍니다.
websre@naver.com
Tel: 1800-9356

본문 바로가기

News

웹스리퍼블릭의 공지사항을 확인하세요.

Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now
News
May 15, 2019
News

2019년 5월 XD 업데이트: 디자인 시스템 구축 및 관리 간소화

본문

지난해 클라우드 문서가 XD에 추가된 이후 2019년 한 해 동안 개발될 주요 분야를  집중적으로 소개한 바 있었고, 이러한 분야 중 하나가 바로 디자인 시스템 구축 및 관리였습니다.

이번 XD 릴리스에서는 재사용 가능한 색상, 문자 스타일 및 구성 요소가 포함된 클라우드 문서를 만들어 손쉽게 공유하고, 팀원 모두가 최신 에셋을 활용하도록 디자인 시스템 요소의 업데이트를 중앙에서 관리할 수 있는 기능 등 새롭고 다양한 기능이 출시됩니다.

이번 릴리스의 핵심 목표는 기존에 개별 요소를 디자인하는 방식에서 더 나아가 재사용 가능한 에셋을 활용하여 작업 규모에 상관없이 디자인의 일관성을 유지하는 것이었습니다.

구성요소

XD 출시와 함께 심볼은 재사용 가능한 요소로 향상되었지만, 심볼의 유연성과 적응성 측면에서 많은 한계점이 드러났습니다. 이번 릴리스에서는 이러한 점을 보완했습니다. 마스터 구성 요소를 만들어 버튼과 같은 재사용 가능한 요소를 정의하면, 해당 요소의 인스턴스 속성을 변경하여 맞춤형 인스턴스를 만들 수 있습니다. 개별 인스턴스의 모든 변경 사항은 해당 요소에만 제한적으로 적용되지만, 마스터 구성 요소의 변경 사항은 속성이 사용자 정의되지 않은 모든 인스턴스에 전체적으로 적용됩니다. 이는 디자인 시스템 솔루션의 핵심적인 기능으로, 매우 강력하면서도 간편합니다.

“새로운 기능: 재정의 가능한 구성 요소”

구성 요소를 통해 XD에서의 작업 방식을 혁신할 수 있습니다. 이번 릴리스는 단지 시작에 불과하며, 향후 몇 개월에 걸쳐 구성 요소의 다양한 상태 정의와 상태 간에 애니메이션을 적용하는 기능 등이 출시될 예정입니다. 뿐만 아니라 인터랙션 기반의 재사용 가능한 강력한 구성 요소를 만들고 프로덕션 과정에 디자인 구성 요소를 연결하는 방법도 제공될 예정입니다.

에셋 연결

에셋 패널을 통해 문서에 사용된 색상, 문자 스타일 및 구성 요소를 손쉽게 관리할 수 있습니다. 디자인 시스템의 일부로 이제 에셋 패널을 사용해 재사용 가능한 요소 컬렉션을 선별하여 다른 팀원과 공유할 수 있습니다.

사용자가 정의한 색상, 문자 스타일 및 구성 요소를 다른 디자이너와 공유하려면 ‘공유’ > ‘편집 작업을 수행하도록 초대’를 선택합니다. 액세스 권한을 부여받은 디자이너는 클라우드 문서를 자신의 문서와 연결하여 색상, 문자 스타일 및 구성 요소를 활용할 수 있습니다. 또한 소스 문서를 업데이트하면 액세스 허가를 받은 사용자에게 업데이트 알림 메시지가 전달되고, 문서에 대한 업데이트 수락을 선택할 수 있으므로 모든 사용자가 최신 에셋을 사용하여 작업할 수 있습니다.

“새로운 기능: 디자인 시스템”

스타일 가이드

다른 디자이너가 원본 문서에 연결하여 색상, 문자 스타일 및 구성 요소를 재사용할 수 있도록 할 수 있고 개발자와 공유할 수도 있습니다. XD 문서에서 에셋 패널의 요소를 “스티커 시트”로 레이아웃을 작성한 다음 ‘공유’ > ‘개발 목적으로 공유’를 차례로 선택해 웹에 디자인 시스템을 게시하면 다른 사람이 색상 값, 스타일 속성, 다운로드 에셋을 참조할 수 있습니다.


디자인 시스템 다이어그램

강력한 구성 요소를 만들고, 이러한 구성 요소를 색상 및 문자 스타일과 결합한 다음, 디자이너 또는 개발자와 공유할 수 있는 기능은 XD에서 디자인 시스템을 구축 및 관리하기 위한 강력한 기반이 됩니다. 어도비는 디자인 시스템 요소의 권한 공유와 업데이트 배포에 대한 세밀한 제어 기능 등 다양한 세부 조정 기능을 계속해서 개발하고 있습니다.

기타 새로운 기능 및 향상된 기능

이번 릴리스를 통해 소개되는 다양한 새로운 기능과 향상된 기능 중 다수는 여러분이 제공해주신 피드백을 바탕으로 개발되었습니다.

아트보드 안내선

아트보드의 상단 또는 왼쪽에서 안내선을 드래그하여 모든 아트보드에 추가할 수 있으므로, 요소를 손쉽게 정렬하고 모든 아트보드에서 요소를 일관되게 배치할 수 있습니다.

 

“아트보드 안내선”

키보드 및 게임 패드 트리거

키보드와 게임 패드 트리거에 대한 지원이 추가되었으며, 어도비는 XD에서 프로토타입을 만들 수 있는 디바이스와 플랫폼 확장을 위해 계속해서 노력하고 있습니다. 이번 릴리스를 통해 키보드 트리거를 할당해 데스크톱 기반의 경험을 시뮬레이션할 수 있고, 연결된 엑스박스 원(Xbox One)과 플레이스테이션 듀얼쇼크(Playstation Dualshock) 컨트롤러를 사용해 게임 콘솔 경험의 인터랙션을 시뮬레이션할 수 있습니다.

“키보드 및 게임패드 트리거”

다각형 툴

새로운 다각형 툴을 사용하면 삼각형, 마름모, 오각형 및 최대 100면의 기타 다각형을 비롯한 여러 모양을 빠르게 만들 수 있습니다. 다각형 툴을 자동 애니메이트와 결합하여 사용하면 여러 모양으로 손쉽게 변형할 수 있습니다.

“다각형 툴”

대문자, 소문자, 단어의 첫 글자를 대문자로 설정 및 취소선

향상된 텍스트 서식 지정 옵션에는 대문자, 소문자, 단어의 첫 글자를 대문자로 설정, 텍스트 취소선을 제어할 수 있는 기능이 추가되었습니다. 위 첨자와 아래 첨자 텍스트 지원은 향후 업데이트에 추가될 예정입니다.

“대문자, 소문자, 단어의 첫 글자를 대문자로 설정 및 취소선”

권한 및 공유

프로토타입 및 디자인 사양을 초대한 사람들에게만 안전하게 공유하려는 경우 열람 이용 권한을 부여하지 않고도 링크를 통해 사용자가 액세스 요청을 하도록 할 수 있습니다. 이러한 사용자의 요청을 확인하고 작업에 대한 액세스 권한을 부여할지 여부를 결정할 수 있습니다.

“비공개 프로토타입/디자인 사양에 대한 액세스 권한 요청”

XD 기능 확장을 위한 다양한 플러그인

XD 플러그인 에코시스템은 현재 150개 이상의 XD 플러그인을 제공하고 있어 사용자들의 만족도가 날로 높아지고 있습니다. 플러그인이 끊임없이 추가됨에 따라 요약 및 세부적인 설명을 확인하고 키워드를 기반으로 플러그인을 검색할 수 있도록 플러그인 관리자를 강화했습니다. 또한 지난달 어도비는 창의성의 미래에 대한 개성 있는 비전을 가진 개인 사용자에게 재정적 지원과 리소스를 제공하는 90일 집중 프로그램인 어도비 XD 플러그인 액셀러레이터를 발표했습니다.

새롭고 인상적인 플러그인으로는 프로젝트를 위한 매력적인 일러스트레이션을 제공하는 언드로우(UnDraw), 디바이스 화면에 사실적인 3D로 디자인을 표시하는 로테이토(Rotato), 디자인에 맵을 빠르고 손쉽게 추가할 수 있는 맵스 제너레이터(Maps Generator)가 있습니다. 이용 가능한 플러그인에 대한 자세한 내용을 살펴보십시오.

UX 커뮤니티

대화에 참여해 주십시오. 어도비 XD의 보다 발전된 내일을 함께 맞이하실 분은 여러분의 의견이 담긴 요청 기능이나 버그를 제출해 주십시오. 업데이트 소식은 @AdobeXD를 팔로우하거나 트위터에서 #AdobeXD를 사용하여 어도비 팀에 문의할 수 있습니다. 또한 페이스북(Facebook)에서 대화를 나눌 수 있고 동영상과 업데이트를 공유하거나 실시간 세션 중 질문에 대한 답변을 얻을 수 있습니다.

 

출처 : 어도비블로그(https://blogs.adobe.com/creativedialogue/creative-dialogue/may2019-xd-update-create-design-systems/)

Contact us

궁금하신 사항을 남겨주세요!
확인 후 빠른 답변 드리겠습니다.
  • T. websre@naver.com
  • M. 1800-9356
  • 예산을 선택해 주세요.
    • 100만원 이하
    • 300만원 이하
    • 500만원 이하
    • 700만원 이하
    • 1000만원 이하
    • 1000만원 ~ 2000만원
    • 2000만원 이상


디자인 샘플보기

상담톡
궁금한게 있으신가요? 무엇이든 물어보세요.