01

INTRO

INTRO

AdobeXD에 대한 소개

AdobeXD는 UX/UI 디자이너를 위한 UX/UI 디자인 전문 솔루션이다. 
단순한 UX/UI 디자인 툴을 넘어서 디자인하고 그것을 프로토 타이핑하여 그 결과물을 공유할 수 있는 UX/UI 전문 솔루션인 것이다.  

굿바이 포토샵

포토샵은 사진, 그래픽 전문 툴이다. 과거에 그래픽 디자이너들은 사진과 그래픽 작업에 꽤 많은 시간을 투자 했고 그러한 작업들이 주를 이루었다. 웹 디자이너 라는 직업이 생기고 난 후에도 이렇다할 툴이 없었기 때문에 포토샵은 유일한 툴이었다. 물론 웹 디자이너들 또한 사진, 그래픽 작업을 많이 해야 했기 때문에 포토샵은 매우 유용하게 쓰였다. 이후 웹 디자이너들을 위한 드림위버등의 웹 저작툴이 나왔지만 포토샵 사용자들의 관심을 끌기에는 역부족이었다. 그런 와중에 나온 스케치라는 UX/UI 전문 툴은 스타트업 회사들 사이에서 빠르게 퍼지면서 엄청난 속도로 발전했다. 포토샵에서 사용자를 뺏긴 Adobe는 AdobeXD라는 UX/UI 전문 툴을 만들어 냈고 엄청난 속도로 스케치의 아성에 도전하고 있다. 그래픽 툴 전문회사 답게 매우 빠르게 완성도를 높이고 있으며 지금은 스케치와 함께 UX/UI 전문 툴로서 자리를 잡아 가고 있다.

물론 포토샵은 디자이너에게 필요한 툴이다. UX/UI 작업시 사진, 그래픽을 편집해야 하는일이 있기 때문이다. 예전보다 사용 빈도가 줄어들기는 했지만 여전히 포토샵은 디자이너들에게 꼭 필요한 툴이기도 하다. 

AdobeXD의 장점

빠르다.
AdobeXD는 매우 가볍다. 아트보드를 수 없이 생성하여도 속도가 매우 잘 나온다. 그 만큼 빠르게 작업 할 수 있다. 

안정적이다.
프로그램이 매우 안정적으로 돌아간다. 에러나 멈추는 일이 거의 없다. 안정적인 작업환경을 위해 프로그램을 잘 만들어 내고 있다. 

업데이트가 꾸준하다.
프로그램 업데이트가 꾸준하다. 거의 매월 새로운 기능과 강화된 내용을 업데이트 한다. 새로운 업데이트가 기다려질 만큼.

무료다.
AdobeXD는 무료로 사용할 수 있다. 기능 제한도 거의 없다. 당신은 어도비 계정만 생성하면 된다.

맥과 윈도우 모두 호환된다.
AdobeXD는 맥과 윈도우에서 모두 작동된다. 물론 작업물의 호환도 가능하다.  

AdobeXD의 단점

페이지가 없다.
스케치 처럼 페이징을 할 수 없어서 모든 아트보드를 한곳에 모아 놔야 한다. 편리한 점도 있지만 프로젝트의 그룹핑이 힘들고 웹사이트 작업시에는 페이지가 많아지면 아트보드 생성할 곳이 마땅치 않을때가 있다. 

에셋관리가 쉽지 않다.
업데이트를 통해 나아지고 있지만 에셋을 관리하기가 쉽지 않다. 마찬가지로 그룹화 할 수 없기 때문에 에셋 또한 쭈욱 늘어놓아야 한다.

복잡한 심볼 생성시 혼란스럽다.
심볼의 구조가 복잡해 질 수록 매우 혼란 스러워 질 수 있다. 심볼을 잘못 건드리면 모든 내용이 같이 바뀌기 때문에 잘못 해서 지우거나 잘못된 변경을 하는 경우 낭패를 볼 수도 있다. 

AdobeXD 다운로드

AdobeXD 로 UX/UI 디자인 및 Prototype 을 만들고 싶다면 몇가지 다운로드 및 설치를 해야 한다. AdobeXD 툴과 함께 유용하게 쓰일 모바일 앱과 무료로 쓸 수 있는 폰트와 이미지, 아이콘등 소스 사이트도 알아 놓으면 좋겠다. 공부 하는데에 갑자기 이미지를 사거나 아이콘을 그릴 순 없을테니까~

AdobeXD
https://www.adobe.com/products/xd.html

AdobeXD Preview App
IOS, Android

Google Font
https://fonts.google.com/

Unsplash (무료 이미지소스)
https://unsplash.com/

Iconfinder (무료 아이콘소스)
https://www.iconfinder.com

AdobeXD는 위와 같은 장단점을 가지고 있다. UX/UI 툴들은 여러가지 있다. 그 중에 어떤걸 선택할지는 본인의 선택이지만 분명 AdobeXD로의 선택은 앞으로 미래가 밝다고 생각이 든다. 왜냐하면, Adobe는 툴을 잘 만드는 회사이고 그들이 수 많은 인력을 AdobeXD에 투자하는 만큼 AdobeXD는 빠르고 더 멋지게 그리고 완성도 있게 성장할 것으로 기대되기 때문이다.

AdobeXD Classes

01 . INTROAdobeXD의 대한 소개

02 . INTERFACEAdobeXD의 인터페이스 소개

03 . ARTBOARDSArtboards 에 대한 이해

04 . PANNING & ZOOMING화면 움직이기와 화면 확대 축소

05 . SHAPES도형 그리기와 활용

06 . TEXT문자 쓰기와 활용

07 . PEN TOOL펜 도구의 이용 및 활용

08 . SELECT MOVE RESIZE오브젝트 선택하기, 움직이기, 크기변경하기

09 . STYLING APPEARANCE오브젝트의 면과 선의 색상, 그림자, 흐림 효과

10 . LAYERS레이어 패널의 사용과 관리

11 . DUPLICATE오브젝트 복제의 여러가지 방법

12 . ALIGN & DISTRIBUTE객체의 정렬과 각 객체들간의 공간 분배

13 . UNION두개 이상 객체의 조합 만들기

14 . GROUPAdobeXD 에서의 그룹의 의미와 활용

15 . SYMBOLS심볼 만들기와 응용

16 . REPEAT GRID반복 그리드 사용법과 활용

17 . MASK마스크의 여러가지 사용법

18 . ASSETS PANEL에셋 패널의 사용법과 활용

logo_basic@2x

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

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