Page 6 -

5

Part 01 | 좌우로 드래그하는 스파클링 와인 팝업창 만들기 244
앱 디자인에 1 원형 드래그 버튼 만들기 244
2 하단 드래그 버튼 만들기 247
인터랙션 적용하기
3 탭 버튼 만들기 248
4 드래그하면 표시되는 화면 만들기 252
5 스와이프 인터랙션 적용하기 254
02 | 클릭하면 나타나는 로그인 화면 만들기 256
1 로그인 화면 만들기 256
2 초기 배경 화면 만들기 260
3 오버레이 효과 적용하기 264
03 | 터치하면 키보드가 위로 올라오는 여행 앱 만들기 266
1 입력 검색창 만들기 266
2 슬라이드 되어 올라오는 키보드 인터랙션 적용하기 270
04 | 버튼을 터치하면 절단되는 팝업 영수증 만들기 273
1 팝업 영수증 형태 구성하기 273
2 영수증 문자 입력하기 278
3 절단되는 영수증 만들기 280
284
05 | 문자가 표시되는 헤드폰 구매 페이지 만들기
6 1 방사형 구매 상품 레이아웃 구성하기 284
287
2 시간 간격을 두고 표시되는 문자 구성하기

Part 01 | 메시지 앱 화면 UI 디자인하기 294
사용자 편의를 위한 1 메시지 앱 상단 메뉴 화면 UI 디자인하기 294
앱 UI 디자인하기 2 메시지 앱 하단 입력창 화면 UI 디자인하기 299
02 | 카메라 앱 화면 UI 디자인하기 301
1 카메라 앱 촬영 화면 UI 디자인하기 301
2 카메라 앱 편집 화면 UI 디자인하기 308
03 | 커피 앱 주문 화면 UI 디자인하기 314
1 커피 앱 주문 화면 상세 메뉴 UI 디자인하기 314
2 커피 앱 주문 화면 전체 메뉴 UI 디자인하기 321

04 | 조명 앱 화면 UI 디자인하기 325
1 조명 앱 메인 화면 UI 디자인하기 325
2 조명 앱 설정 화면 UI 디자인하기 333
05 | 스마트홈 앱 조절 화면 UI 디자인하기 338
1 스마트홈 앱 난방 제어 조절 화면 UI 디자인하기 338
2 스마트홈 앱 가스 제어 조절 화면 UI 디자인하기 347
3 스마트홈 앱 엘리베이터 호출 화면 UI 디자인하기 351
06 | 마이크 녹음 앱 화면 UI 디자인하기 354
1 마이크 화면 UI 디자인하기 354
2 녹음 화면 UI 디자인하기 362

12