UX&UI/Xd3 [Design] Xd 사용법 익히기 (3) 하이~~!! 오늘은 Xd 사용법을 익히는 마지막 포스팅이다. 집중해서 보도록하자. 오늘 처음 다뤄볼 내용은 Asset 이다. Asset은 공통적으로 들어가는 색상이나 텍스트, 구성요소를 저장해서 사용하는 걸 의미한다. 일단 새 아트보드에 이런 사각형이랑 색상을 채워보자. 좌측에 보면 색상 옆에 '+' 기호가 있다. 클릭하자. 테두리와 채우기에 설정된 색상이 asset에 등록된걸 볼 수 있다. 이제 이 색상은 언제든 필요할 때 가져와서 사용할 수 있게 된다. 그리고 언제 쓸지를 알 수 있게 하기 위해 이름을 바꿔두는게 좋다! 텍스트도 하나 만들고 문자 스타일 옆의 '+' 기호를 눌러보자. 역시나 해당 텍스트의 요소가 애셋에 등록되는 것을 볼 수 있다. 이번에는 구성요소를 한번 만들어보자. 두개를 합쳐서 그.. 2019. 12. 14. [Design] Xd 사용법 익히기 (2) 안녕~~~!! 오늘 Xd 포스팅 두번째 시간이다 !! ㅎㅎㅎ 지난번에는 모양을 그리는 법을 간단하게 배웠다 !! 오늘은 더 더 재밌는걸 해보자. 왼쪽에 T 라는 걸 클릭하면 이렇게 텍스트를 작성할 수 있다. 작성한 텍스트는 왼쪽에서 설정하여 폰트, 크기, 폭 등을 설정할 수 있다 ㅎㅎ 이렇게 PPT 에서도 사용할 수 있는 기능 설명하려고 내가 얘기한건 아니겠제~~ 지금부터 신기한거 보여줄게 우하하 일단 텍스트를 선택하고 마우스 우측을 클릭해서 패스 > 패스로 변환을 클릭하자 ! ㅎㅎ 이렇게 누르면 이제 이건 더이상 글자가 아니다 !!! ㅎㅎㅎ 이제 패스로 인식하게 된다. ㅎㅎ!! 이렇게 임의로 만든 도형이 된다는 얘기다 ! 이제는 이렇게 펜슬 기능을 이용해서 멋진(?) 로고를 만들어 낼 수 도 있다. 아.. 2019. 12. 13. [Design] Xd 사용법 익히기 (1) 안녕~~~ ㅎㅎㅎ 나는 디자인을 할 줄 아는 개발자가 되고 싶은 사람이다 . 일명 디발자 (디자이너 + 개발자) ㅎㅎ 그래서 과감하게 XD 사용법을 익혔다. 일단 Xd를 열어보면 다음과 같이 디바이스를 선택할 수 있게 나온다. 아이폰은 버전 별로 선택할 수 있지만 ㅜㅜ 안드로이드는 하나 밖에 없다 ㅜㅜ 안드로이드 개발자 분들은 사용자 정의 크기를 이용해서 원하는 크기로 맞춰서 사용하자. 우선 나는 안드로이드를 선택했다. 다음과 같은 화면이 나온다. 이 흰색 도화지 같은 놈을 아트보드라고 부른다. 좌측에 있는 도형 아이콘을 클릭해서 하나하나 그려보자. 오늘 처음 배운 기술인 그루핑 기술 각 도형을 Shift 를 누른 채로 클릭해주고 ctrl + G 를 클릭하면 이렇게 그루핑이 된다. 그리고 아트보드를 복사.. 2019. 12. 12. 이전 1 다음
