본문 바로가기
UX&UI/Xd

[Design] Xd 사용법 익히기 (1)

by 코딩의성지 2019. 12. 12.

안녕~~~ ㅎㅎㅎ

 

나는 디자인을 할 줄 아는 개발자가 되고 싶은 사람이다 . 일명 디발자 (디자이너 + 개발자) ㅎㅎ

 

그래서 과감하게 XD 사용법을 익혔다. 

 

일단 Xd를 열어보면 다음과 같이 디바이스를 선택할 수 있게 나온다. 아이폰은 버전 별로 선택할 수 있지만 ㅜㅜ 안드로이드는 하나 밖에 없다 ㅜㅜ 안드로이드 개발자 분들은 사용자 정의 크기를 이용해서 원하는 크기로 맞춰서 사용하자.

 

우선 나는 안드로이드를 선택했다.

 

다음과 같은 화면이 나온다. 

 

이 흰색 도화지 같은 놈을 아트보드라고 부른다.

 

 

좌측에 있는 도형 아이콘을 클릭해서 하나하나 그려보자. 오늘 처음 배운 기술인 그루핑 기술

각 도형을 Shift 를 누른 채로 클릭해주고 ctrl + G 를 클릭하면 이렇게 그루핑이 된다.

 

그리고 아트보드를 복사하는 단축기 ! ctrl + D 

 

그리고 ctrl + '+' or '-' 를 이용해서 페이지 크기를 늘렸다 줄였다 할 수 있다.

단축기를 이용해서 줄여보자. 

 

마진을 설정할 수 있다. 

아트보드 왼쪽이나 위를 쭉 드래그 하면 마진을 설정할 수 있다. 그리고 저 푸른 선을 숨기거나 다시 보이게 할 수도 있는데 이 단축키는 ctrl + ; 이다.

 

radious 를 지정해보자.

도형의 각 모서리를 쭉 드래그하거나 우측의 설정 창에 수치를 변경해서 radious 값을 변경할 수 있다.

 

그리고 도형을 선택하고 그릴 때  Shitf를 누르면 정xx형이나 90도,45도로 직선을 그릴 수 있다.

오늘은 일단 쉐이프 ( 모양 ) 그리는 것 만 해봤다 .. 다음에 올릴 포스팅은 실제로 디자이너들이 사용하는 기술에 대해 공부해볼예정이다.

반응형

'UX&UI > Xd' 카테고리의 다른 글

[Design] Xd 사용법 익히기 (3)  (0) 2019.12.14
[Design] Xd 사용법 익히기 (2)  (0) 2019.12.13

댓글