사용 가이드
속성 패널
디자인 패널
디자인 패널에서 디자인 대상의 속성을 보거나, 추가, 삭제 또는 변경할 수 있습니다.
디자인 패널에서 아무것도 선택하지 않았을 때 현재 파일의 형식을 볼 수 있습니다. 그리고 프레임의 배경색을 업데이트할 수도 있습니다
레이어를 선택하면 디자인 패널에 여러 가지 설정이 나타납니다.선택한 레이어 형식은 디자인 패널에서 사용 가능한 속성 설정을 결정합니다.
다음 속성이 포함됩니다.
- 정렬 및 분포
- 프레임 크기 및 방향
- 프레임에서 레이어의 위치（X/Y）
- 선택한 대상의 사이즈(너비와 높이)
- 인스턴스 설정
- 비율 제한
- 그리드
- 레이어（혼합 모드）
- 텍스트
- 채우기
- 스트로크
- 효과
- 내보내기 설정
프로토타입 패널
프로토타입 패널에서 모든 프로토타입 상호 작용 설정을 사용할 수 있습니다.
프레임 판넬 사이를 연결할 수 있습니다.연결을 통해 인터페이스와 사용자의 상호작용을 시뮬레이션하고 시연창에서 재생할 수 있습니다.
프로토타입 패널은 다섯 부분으로 구성됩니다.
- 상호작용 선택: 어떠한 상호작용에도 트리거 객체, 구체적인 작업, 구현 효과를 설정할 수 있습니다.
- 효과 애니메이션: 프레임 사이의 전환 효과를 정할 수 있고 방향 , 움직임 속도, 지속시간까지 조정할 수 있습니다.
- 팝창 설정:이 옵션을 사용하면 알림 팝업창, 대화형 메뉴, 확인 팝업창을 만들 수 있습니다.
- 오버플로 동작:프로토타입 페이지를 스크롤하는 방법을 결정할 수 있습니다. 목록, 대화형 지도와 같은 더 고급 사용자 상호작용을 만들 수 있습니다.
- 시연 모드 설정:시연 배경을 설정하고 시연을 시작하고 끝낼 패널을 선택할 수 있습니다.
표시 패널
오른쪽 패널의 세 번째 옵션은 표시 패널입니다. 여기서는 디자인 요소를 코드로 표현하는 방법과 선택한 요소의 기본 속성을 보고 속성 값을 복사하는 방법을 볼 수 있습니다.
코드를 선택하고 CSS(웹 개발 코드)를 복사할 수 있습니다.