Page 18 -

02 음악 앱 화면 UI 디자인과

인터랙션 적용하기

사각형 오브젝트에 이미지를 삽입하고 카드형 플레이리스트에 반복 그리드를 적용하여 음악 앱 재생 목록 UI
를 디자인합니다. 그리고 오브젝트 흐림 효과를 활용하여 이미지를 블러 효과로 적용하고 다양한 도형 도구
CHAPTER 를 활용하여 아이콘을 그려 재생 화면 UI를 디자인합니다. 그런 다음 트리거의 ‘드래그’를 활용하여 볼륨 조
절 인터랙션을 적용합니다.

예제파일 : 음악.jpg, 음악01.jpg
음악02.jpg
완성파일 : 음악재생목록_완성.xd
음악볼륨조절_완성.xd

01 음악 앱 재생 목록 UI 디자인하기

따라하기

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

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

선택

416 Part 7•실무 프로젝트 활용하기