Page 19 -

05 공유 자전거 앱 화면 UI 디자인과 어도비 XD 기본

인터랙션 적용하기

오브젝트에 선형 그레이디언트를 적용 및 회전한 다음 도형 도구를 활용하여 자전거 아이콘을 그리고 공유
자전거 앱 시작 화면 UI를 디자인합니다. 그리고 정원 오브젝트를 정렬하고 변형하여 공유 자전거 앱 위치 공
CHAPTER 유 화면 UI를 디자인한 다음 버튼에 ‘마우스 오버 상태’를 적용하고 아래에서 위로 슬라이딩되는 인터랙션을
적용합니다. UI 아이콘 제작

애니메이션 제작

예제파일 : 자전거.jpg, me.jpg 페이지 디자인
완성파일 : 자전거앱_완성.xd

01 공유 자전거 앱 시작 화면 UI 디자인하기 인터랙션 디자인

따라하기

01 시작 화면에서 ‘iPhone XR/XS Max/11

(414x896)’을 선택하여 새로운 아트보드
를 만듭니다. UI 디자인

선택 실무 프로젝트

Chapter 05•공유 자전거 앱 화면 UI 디자인과 인터랙션 적용하기 455