April 30, 2019No Comments

Adobe XD feature sneak MAY

Adobe XD 의 기능 강화 하겠다는 Andrew Shorten의 feature sneaks가 트위터에 소개 되었습니다.
여러가지 기능들이 추가 되고 강화됩니다.

 

심볼기능 강화

기존 심볼 기능의 여러 의견중 가장 많은 성토가 잇따른 기능인데 기존의 Adobe XD 는 심볼의 컬러와 크기등을 공유 하는 형태여서 버튼을 만들때 라던지 여러측면에서 아쉬움을 보였습니다.
그 내용을 업데이트 할 것이라고 발표한 것입니다.
이제 하나의 심볼로 여러 버튼이나 다른 크기의 심볼을 만들어 낼 수 있겠네요!

기대 됩니다.

 

가이드 라인 기능 추가

포토샵이나 일러스트에 있던 가이드 라인을 가져올 것을 보입니다.
원래 자석 모드가 잘 되어 있어서 편했지만 가이드가 있으면 더 좋겠네요.

 

폴리곤 옵션 추가

폴리곤을 선택하면 폴리곤 옵션이 활성화 되어 만들기 힘들었던 정삼각형 정 육각형 같은 다각형들을 쉽게 만들 수 있겠네요.

 

폴리곤 오토애니매이트 기능 추가

폴리곤을 오토애니메이트 하게 되면 자연스럽게 변하게 되는 기능으로 프로토 타입 기능의 강화가 되겠네요.

 

텍스트 옵션 추가

대문자, 소문자, 밑줄, 가운데 줄 정도의 텍스트 옵션이 추가 됩니다. 이 기능이 없어서 플러그인을 썼는데... 그 플러그인들은 안녕~~~

 

프로토 타이핑시 키보드 트리거 옵션 추가

이제 프로토 타이핑시 키보드로 이동할 수 있는 옵션이 추가 될 것으로 보입니다. 기존에 음성에 이어 키보드까지... 프리젠테이션 용으로도 쓸 수 있겠네요.

 

색상, 문자, 심볼 등의 새로운 에셋 공유 시스템 추가

기존의 CC Libraries 를 쓰지 않고 다른 방식으로 공유 시스템을 만들고 있어 보입니다. XD 간의 공유가 되겠네요.

 

 

April 30, 2019No Comments

UPDATE MAR 11 2019

2019년 3월 11일 업데이트 내용과 설명

 

Illustrator에서 편집 가능한 벡터

XD에서 Illustrator로 벡터 콘텐츠를 복사하여 붙여넣을 때 픽셀로 변환되지 않고 편집 가능한 상태로 그대로 유지됩니다.
과거에 XD에서 만든 벡터 콘텐츠를 복사하여 쓰면 픽셀로 변해서 SVG로 내 보내서 써야 하는 매우 불편한 현상을 개선했습니다.
앞으로 포토샵에 복사 하면 벡터이미지나 스마트 오브젝트로 들어 오면 참 좋겠네요.^^

 

다양한 그룹의 오브젝트 선택

다양한 그룹의 여러 오브젝트를 선택하고, 공유하는 속성을 속성 관리자에서 손쉽게 변경할 수 있습니다. ⌘+Shift+클릭(Mac) 또는 Ctrl+Shift+클릭(Win)하면 됩니다.
그룹안에 오브젝트를 선택하는 옵션의 폭이 넓어진 것으로 보입니다. 따로 따로 그룹마다 일일이 선택해야 하는 번거로움이 사라졌네요.

 

웹 브라우저에서 드래그 제스처 확인

브라우저에서 프로토타입과 디자인 사양을 볼 때 드래그 제스처 애니메이션을 확인할 수 있습니다.
브라우저에서는 지원하지 않았던 애니메이션 효과 적용!

 

사용성 테스트 제어

웹 프로토타입에서 내비게이션 컨트롤을 비활성화하고 사용자 테스트 관리를 강화하는 환경을 만들 수 있습니다.
웹 프로토타입에서 하단의 내비게이션을 없애서 사용자가 다음페이지로 이동하는 혼선을 막을 수 있다. 프로토 타입 게시 할때 옵션에서 선택 할 수 있습니다.

 

내보내기용으로 표시

Photoshop 및 Illustrator에서 이미지를 가져올 때 오브젝트가 자동으로 내보내기용으로 표시됩니다. 또한 아트보드에서 오브젝트를 선택하고 속성 관리자에서 내보내기용으로 표시하거나 마우스 오른쪽 버튼을 누르면 나타나는 메뉴를 사용할 수 있습니다.
이미지나 아이콘등의 오브젝트, 에셋 내보내기를 레이어에서 미리 지정해 놓으면 자동으로 내보내기 할 수 있는 옵션입니다.

 

글꼴 관리 강화

누락된 글꼴로 인한 번거로운 작업이 손쉽게 해결됩니다. XD 문서를 열면 Adobe Fonts가 자동으로 활성화됩니다. 또한 누락된 다른 글꼴을 문서에서 손쉽게 확인할 수 있으므로 일괄적으로 바꿀 수 있습니다.
누락된 글꼴을 표시하여 한번에 바꿀 수 있도록 도와주는 옵션이 추가 되었습니다. 또는 Adobe Font가 활성화 되어 다운 받아서 설치 하면 해결 되는 옵션입니다. Adobe Font를 쓰도록 유도 하는 옵션이긴 할듯 하네요.

 

Jira와의 통합 강화

디자인에서 개발에 이르는 과정이 더욱 빨라집니다. Jira Software Cloud 외에도 Jira Software Server 및 Jira Software Data Center에서 공유 XD 디자인에 액세스할 수 있습니다. 

 

February 11, 2019No Comments

UPDATE FEB 08 2019

2019년 2월 XD 업데이트 입니다. 소소하지만 필요했던 업데이트가 되었습니다.

 

스포이드 단축키

오브젝트의 색상 변경이 더욱 수월해졌습니다. 캔버스에서 오브젝트를 선택하고 키보드에서 "i"를 누르면 한 번의 클릭으로 스포이드를 이용할 수 있습니다. 

단, 팔레트가 열린 후 스포이드는 기존 방식대로 사용해야 합니다.

 

오디오가 포함된 인터랙션 녹화

데스크탑 미리보기 앱을 사용하여 클릭에 따른 상호 작용과 함께 자신의 음성을 녹음하고 MP4 파일로 공유할 수 있습니다(Mac만 해당).

데스크탑 미리보기를 실행하여 우측 상단에 녹화를 할때 음성과 함께 녹화가 가능합니다. 하단 화살표를 누르면 마이크 활성화 옵션을 선택할 수 있으며, 활성화 한 상태에서 녹화를 하면 음성까지 함께 녹화 됩니다. 영상 공유시 영상의 진행에 대한 설명을 함께 추가 할 수 있어서 원할한 프리젠테이션이 가능해 졌습니다.

 

향상된 Photoshop 및 Illustrator에서 가져 오기, After Effects로 내보내기

파일 가져오기 에서 포토샵 또는 일러스트 파일을 선택하면 별도의 문서를 프로그램으로 열지 않고 XD 문서에 바로 가져오게 됩니다. 파일의 대부분의 레이어를 편집 할 수 있는 상태로 가져옵니다. CC Libraries 는 현재는 포토샵, 일러스트레이터, 인디자인 등에서 등록하고 XD에서는 사용만 가능했는데 조만간 사용할 수 있을지도 모르겠습니다.
또한 AfterEffects 로 내보내기 할때의 텍스트및 기호 그림자 들의 오류를 해결 하였습니다.

 

다국어 지원

Adobe XD는 한국어, 영어, 프랑스어, 독일어, 일본어 외에도 포르투갈어(브라질)와 스페인어도 지원합니다.

January 30, 20191 Comment

UPDATE JAN 28 2019

XD는 정기적으로 업데이트 되고 있습니다. 거의 매월 또는 격월 업데이트가 이루어 지고 있는데 2019년 1월 어김없이 새로운 업데이트가 진행되었습니다. 이번 업데이트는 아래와 같은 내용이 업데이트 되었습니다.

 

브라우저에서 자동 애니메이트

2018년 10월에 추가된 자동 애니메이트 기능이 브라우저에서 지원됨에 따라 프로토타입에서 아트보드 간의 애니메이션을 미리 볼 수 있습니다.

부가 설명: 기존 Adobe XD 는 프로토타이핑중 프로그램 내의 프리뷰에서는 자동 에니메이트 기능이 정상적으로 보였지만 웹 브라우저로 공유 했을 경우 제대로 작동하지 않았습니다. 이번 업데이트로 웹 브라우저에서도 프리뷰와 똑 같이 구현되게 되었습니다.  이번 업데이트로 좀 더 프로토타이핑 된 프로젝트를 제대로 보여 줄 수 있게 되었습니다.
단, IE 11, Edge 15 브라우저에서는 동작하지 않습니다.

 

여러 아트보드에 있는 모든 댓글 보기

댓글 패널에서 "모든 댓글 보기"를 선택하면 여러 아트보드에 있는 이해 관계자의 피드백을 확인할 수 있습니다. 프로토타입 또는 디자인 사양에서 댓글을 클릭하면 해당 아트보드가 표시되고 답글을 남기거나 문제를 해결하고 삭제할 수 있습니다.

부가 설명: 기존 XD는 각 화면에 대해 댓글을 볼 수 있었는데 이번 업데이트로 화면마다 일일이 댓글을 확인해야 하는 번거로움을 해소 할 수 있게 되었습니다.

 

음성 언어 및 악센트 지원

음성 명령과 음성 재생을 Adobe XD에서 지원하는 모든 언어에서 이용할 수 있습니다. 음성 감지는 악센트에 맞게 최적화되어 있습니다. 또한 음성 재생에서는 지역에 따라 악센트가 있는 다양한 음성을 제공합니다.

부가설명: 작년에 XD는 음성명령및 음성재생 기능을 선보였습니다. 하지만 영어에 한하여 사용할 수 있었습니다. 이번 업데이트로 한국어로도 사용할 수 있게 되었습니다.
한국어, 영어, 프랑스어, 독일어, 일본어, 중국어를 지원합니다.

 

플러그인 사용 개선

플러그인의 사용성 개선으로 인스톨한 플러그인이 필요없을때 삭제만 할 수 있었지만 이번 업데이트로 사용하지 않음 상태로 돌려 둘 수 있게 되었습니다. 삭제 했을때 그 플러그인을 다시 설치 하거나 또 찾아야 하는 번거로움이 있었는데 그것을 해소 되었습니다.

 

위와 같은 업데이트가 이루어 졌습니다. 이번 업데이트에는 WOW 요소가 별로 없지만 사용성 개선에 중점을 둔 업데이트 인 듯 합니다.
항상 느끼는 것이지만 업데이트에 대한 충분한 설명이 부족합니다. 그래서 부가 설명및 추가 설명을 해 두었습니다.

January 30, 2019No Comments

Adobe XD 튜토리얼을 시작하며

최근 Adobe XD 에 대한 관심들이 많아지는 것 같아서 강의를 하면서 얻게 된 노하우들을 포함한 튜토리얼을 만들기 시작했습니다. 초보자도 쉽게 따라 할 수 있도록 자세하게 기술 하였으며, 중급자 또한 프로그램과 사용의 이해 그리고 그 개념 이해에 도달할 수 있도록 설명하고 있습니다. 그래서 일반적인 튜토리얼 보다 조금 장황하게 느껴질 수 있지만, 어떤 프로그램도 기능의 사용보다는 그 개념의 이해를 통한 응용이 매우 중요하기 때문에 주의 깊게 살펴 보기를 바랍니다.

Adobe XD 는 어도비사에서 만든 UX/UI 디자인 툴이며, 프로토타이핑 도구이고 또한 개발자와의 소통을 위한 공유까지 함께 할 수 있는 디자인 서비스 입니다. 영문 튜토리얼은 매우 많이 존재하고 계속 나오고 있지만, 한글로 된 튜토리얼 부재와 제대로 된 튜토리얼을 만들고 싶은 욕심을 이 사이트에 담았습니다. 기초 튜토리얼이 완성되면 이후 응용편과 업데이트로 인한 새로운 기능, 그리고 UI Kits 제작이나 기타 실전 사용예 등을 업데이트 할 예정이, Adobe XD 와 함께 즐거운 UX/UI 디자인 여행을 즐기길 바랍니다.

튜토리얼은 보다 적극적인 설명을 위해 높임말을 사용하지 않았으니 양해 바랍니다.

logo_basic@2x

Copyright © 2018 AdobeXD.info & Bandy garnet.
All Rights Reserved.

E-mail: bandygarnet@gmail.com
Slack: adobexdclass.slack.com