Page 15 -

02 W/H가 ‘144’ 크기인 정원을 그립니
다. 오른쪽 패널에서 채우기의 Hex를
‘#FFFFFF’로 설정하고 큰 정원 오브젝트와 같
1 선택 6 클릭 어도비 XD 기본
이 선택한 다음 중간 정렬(세로)( ), 가운데 정
렬(가로)( )을 합니다. 3 설정

2 드래그

4 설정 UI 아이콘 제작
5 선택

03 사각형 도구( )를 선택하고 W/H가 애니메이션 제작
‘74, 50’ 크기인 직사각형을 그립니다.
오른쪽 패널에서 채우기의 Hex를 ‘#FFFFFF’, 1 선택
테두리의 Hex를 ‘#7199E8’, 크기를 ‘5’로 설정하
고 배치합니다. 3 설정
2 드래그 페이지 디자인

4 설정 인터랙션 디자인

04 오른쪽 패널에서 ‘모든 모퉁이에 대해
동일한 반경’ 아이콘( )을 클릭한 다음
‘22’로 설정하여 둥근 직사각형으로 변경합니다. UI 디자인

설정 실무 프로젝트

Chapter 02•위로 열리는 자물쇠 잠금 UI 디자인하기 159