스윙투앱 도움말
문의하기앱 제작하기
  • 스윙투앱
  • 스윙투앱 이용 안내
  • [웹앱] 스윙투앱 강점
  • [일반앱] 스윙투앱 강점
  • 스토어 유지보수
  • 커스터마이징(앱개발 서비스)
  • 스윙투앱 업데이트
  • 스윙투앱 업데이트 히스토리
  • 자주 묻는 질문 FAQ
    • 가장 많이 묻는 질문 FAQ
    • 앱제작 FAQ
    • 앱운영 및 기능 FAQ
    • 앱 설치 및 다운로드 FAQ
    • 결제/이용권 FAQ
      • 일반 결제 문의 FAQ
      • 구독형 이용권 FAQ
      • 무제한 이용권 FAQ
      • 업로드티켓 FAQ
      • 패키지상품 FAQ
      • 플러그인 상품 FAQ
    • 푸시 발송 관련 FAQ
    • 플레이스토어 FAQ
    • 앱스토어 FAQ
    • 애드몹 FAQ
    • 제휴프로그램 FAQ
    • 커스터마이징 관련 FAQ
    • 스윙샵(스윙쇼핑몰) FAQ
    • 계정-회원가입,로그인 FAQ
    • 앱 미리보기 FAQ
    • 스토어 유지보수 컨설팅 FAQ
    • 구글플레이 개발자 계정 FAQ
  • 일반프로토타입 앱 매뉴얼
    • 앱제작 매뉴얼(V3)
      • V3 앱제작 마법사 시작
      • V3버전 앱제작 방법 매뉴얼
      • STEP1 기본정보
        • 앱아이콘 이미지 제작 가이드
        • 대기화면 이미지 제작 가이드
      • STEP2 디자인
      • STEP3 페이지
        • 앱 홈화면 제작방법
        • 메뉴 아이콘 이미지 등록하기
        • 앱 메뉴 비활성화 이용방법
        • 메뉴 권한 설정: 접근 권한
        • 페이지 기능 - UI KIT
        • 페이지 기능 - 쇼핑몰 기능 페이지
        • 페이지 기능 - 쇼핑몰 상품
        • 페이지 기능 - 상품카테고리
        • 페이지 기능 - 업종별 템플릿
        • 페이지 기능 - 이미지 페이지
        • 페이지 기능 - HTML에디터 페이지
        • 페이지 기능 - 회원가입, 로그인, 설정
        • 페이지 기능 - 게시물 검색
        • 페이지 기능 - 관심글 보기
        • 페이지 기능 - 쿠폰조회하기
        • 페이지 기능 - 앱공유하기
        • 페이지 기능 - 앱소개
        • 페이지 기능 - 관리자 채팅
        • 페이지 기능 - 채팅목록
        • 페이지 기능 - 설문조사
        • 페이지 기능 - 나의 글 보기
        • 페이지 기능 - 출석체크
        • 페이지 기능 - 링크
      • STEP4 앱제작하기
        • 앱 추가 제작방법
        • 앱 업데이트 방법
        • 업데이트 유형별 앱 실행화면
        • 디바이스 모드 설정(앱 화면 전환)
        • 앱 리뷰 버튼
        • 앱 로딩 아이콘 변경
      • 앱 업데이트 방법
    • 앱제작 메뉴얼(V2)
      • 앱 기본정보
        • 앱제작 방법 매뉴얼
        • 앱 업데이트 방법
        • 푸시, 웹뷰버전 앱제작방법(초간단 앱제작)
        • 웹뷰앱 매뉴얼(제작 및 운영)
        • 푸시앱 매뉴얼(제작 및 운영)
        • 푸시앱 툴바 제거
        • 업데이트 유형별 앱 실행화면
        • 앱 추가제작
        • 앱아이콘 이미지 제작 가이드
        • 대기화면 이미지 제작 가이드
        • 앱 이미지 사이즈 편집도구
      • 디자인테마
        • 프로토타입 UI디자인
        • 앱 메인 디자인 스타일
        • 앱 내비게이션 스타일
        • 슬라이드 프로토타입 응용
      • 페이지메뉴
        • 페이지메뉴-메인메뉴 관리
        • 앱 홈화면 제작방법
        • 홈화면:앱소개 페이지 적용하기
        • 웹링크 메뉴 이용방법
        • 파일 첨부 이용방법
        • 이미지 첨부 이용방법
        • 웹링크 링크마법사 이용방법
        • 상품카테고리 이용방법
        • 사용자페이지 이용방법
        • 사용자 페이지- 이미지 페이지
        • 사용자 페이지- 웹 템플릿 페이지
        • 사용자 페이지- HTML에디터 페이지
        • 스윙 페이지 - 회원가입, 로그인, 설정
        • 스윙페이지 - 게시물 검색 기능
        • 스윙페이지 - 관심글보기 이용방법
        • 스윙페이지 - 쿠폰조회하기
        • 스윙페이지 - 앱공유하기
        • 스윙페이지 - 앱소개
        • 스윙페이지 - 관리자채팅
        • 스윙페이지 - 채팅목록
        • 스윙페이지 - 설문조사
        • 스윙페이지 - 나의글보기 이용방법
    • 앱제작 응용 TIP(V2)
      • 푸시 API를 이용하여 푸시 발송하기
      • 홈화면 GIF이미지 넣기
      • 플래시 스타일 홈화면 만들기
      • 앱 로딩 아이콘 변경하기
      • 디바이스 모드 설정(앱 화면 전환)
      • 앱 리뷰 버튼 이용방법
      • 카카오톡 앱공유-앱 셋팅 방법
    • 앱운영 매뉴얼
      • 내 메뉴
        • 앱 활동 모음
        • 앱 제거(삭제)방법
        • 내 정보 수정
      • 게시판관리
        • 게시판 만들기
        • 게시판 종류, 디자인스타일
        • 게시판 날짜 형식 설정 방법
        • 게시판 - 게시물 입력방법
        • 게시판 - 게시물 예약 설정
        • 게시판 고급설정 - 게시물 상세 옵션 설정
        • 게시물 정렬 순서 설정 방법
        • 게시판 - 파일 첨부하기 (관리자용)
        • 앱에서 게시판 파일 첨부하기
        • 게시판 - 동영상 등록하기(영상 등록방법)
        • 게시판-오디오파일 첨부방법
        • 게시물 댓글, 대댓글 입력방법
        • 게시판 권한 설정 이용방법
        • 게시판 작성폼 이용방법
        • 게시판 작성글 이용방법
        • 게시판: 목록화면, 작성화면 이용방법
        • 게시판 새글알람 설정방법
        • 게시판 관리자 설정
        • 위치등록(지도)게시판
        • 위치등록(지도)게시판 버튼명 수정
        • 위치등록(지도)게시판 고급설정
        • 구글맵(구글지도)게시판
        • 구글맵 API키 발급하기
        • HTML에디터글쓰기
        • 게시물 신고 및 관리
        • 게시물 차단하기
        • 회원등급별 게시판 만들기
        • 게시판 섬네일 이미지 등록
        • 게시물 검색 기능
        • 게시물관리 옵션 기능
        • 일괄등록 게시판 이용방법
        • 복합게시판
        • 게시판 복사
        • 게시물 복사
        • 게시물 이동
        • 게시물 일괄 삭제
        • 그룹채팅
        • 그룹채팅 기능 소개
        • 비밀게시판 만들기(1:1 고객센터)
        • 게시물 링크 생성하기
        • 캘린더 이용방법
        • 캘린더 응용-활용방법
        • 스탬프 이용 및 등록방법
        • 스탬프 응용: 스탬프 완료시 쿠폰발행하기
        • 게시판 헤더 이용방법
        • 해시태그 2가지 이용방법
        • 해시태그 검색옵션 이용방법1
        • 해시태그 검색옵션 이용방법2
        • 게시글 다운받기(게시물 다운)
      • 서비스관리
        • 팝업 이용방법
        • 출석체크
        • 설문조사
        • 리소스관리- 용량관리
        • 쿠폰관리: 쿠폰만들기, 발행하기
        • 관리자채팅 [1:1 채팅] 이용방법
        • 채팅 관리자 페이지 (웹 대시보드용)
        • 채팅 관리자 페이지 - 채팅설정
        • 통합 알림 설정
        • 앱 정책관리 - 앱 가입 정책
        • 앱 정책관리 - 회원가입 양식
        • 회원가입 양식 - 아이디 설정
        • 회원가입 양식 - 외부 로그인 연동
        • 회원가입 양식 - 가입 항목 추가하기
        • 앱 정책관리- 회원가입 완료 메시지 설정
        • 앱 이용약관, 개인정보취급방침
        • 비공개 앱만들기
        • 앱 등록 기기수
        • 앱 고급 관리
        • 안드로이드 앱 패키지 아이디 변경
        • API-KEY 관리 페이지
        • 앱 문자열 관리
        • 엡에 셋팅된 문구(메시지) 수정 방법
        • 앱 신고 관리
        • 앱스토어 리뷰 관리
        • 애드몹 플러그인 설정
        • 링크마법사
        • 접근 권한 제어
        • 브랜드관리 - 라벨 사용
      • 푸시&회원 메뉴
        • 푸시 발송하기
        • SMS 발송 이용방법
        • 푸시 알림 방식 확인
        • 게시물 푸시발송하기
        • 푸시 알림 확인 후 메시지 표시
        • 푸시 알림 이용방법
        • 푸시 히스토리
        • 푸시 아이콘 이미지 가이드라인
        • 푸시 아이콘 이미지 등록
        • 아이폰 푸시 인증서 연장
        • 회원조회 - 회원정보 확인
        • 회원조회 - 부관리자 설정 및 로그인 방법
        • 회원조회 - 회원 생성하기
        • 회원 이름 변경 *관리자 권한 변경
        • 앱 관리자 설정하기
        • 권한그룹설정 - 회원 등급
        • 푸시 장치 관리
      • 통계
      • 버전관리
        • 버전관리- 앱제작이력, 마켓등록기록, 마켓등록관리
        • 앱스토어 업로드 신청방법
        • 플레이스토어 업로드 신청방법
        • 모바일웹 업로드 신청방법
      • 결제, 유료 상품
        • 결제- 내 결제현황 이용방법
        • 1,000건 SMS 발송 티켓 이용방법
        • 모바일웹 이용방법
        • 웹뷰 무제한 유료앱
        • 푸시 무제한 유료앱
        • 알뜰형 패키지(12개월)
        • 애드몹 파워 패키지(12개월)
        • 대용량 패키지(12개월)
        • 결제-쿠폰사용하기
        • 세금계산서, 현금영수증 발행요청하기
        • 유료상품 취소 및 환불 정책
      • 전체검색기능
  • 스윙샵 - 쇼핑몰 기능
    • 스윙샵-스윙쇼핑몰
      • 스윙샵(스윙 쇼핑몰) 신청방법
      • 스윙샵 상품유형
      • 스윙샵에서 제공하는 페이지 소개
      • 쇼핑몰 앱 홈화면 구성방법
      • 스윙샵-쇼핑몰앱 결제화면
      • 스윙샵-쇼핑몰 메인페이지 이용방법
      • 스윙샵-쇼핑몰 메인페이지 이미지 슬라이드
      • 상점관리-결제모듈관리
      • 상점관리-결제수단별 실행화면
      • 상점관리-기본정보설정
      • 상점관리-배송관리
      • 상점관리-정책설정하기
      • 상품등록-상품카테고리 등록
      • 상품등록-실물 상품 등록
      • 상품등록-상품수령방법 설정하기
      • 상품등록-디지털제품: 권한 변경 상품
      • 상품등록-디지털제품: PDF파일 등록
      • 상품등록-디지털제품: 영상파일 등록
      • 상품등록-디지털제품: 쿠폰 등록
      • 상품등록-예약시스템 날짜 예약상품 등록
      • 상품등록-예약시스템 시간 예약상품 등록
      • 상품수정-등록한 상품 수정하기
      • 상품관리-상품게시물관리
      • 상품관리-상품조회, 예약상품조회
      • 상품관리-상품노출관리
      • 주문관리 이용방법
      • 예약주문관리 이용방법
      • 상점통계 이용방법
      • 스윙페이지-쇼핑몰정보
      • 스윙페이지-상품검색
      • 스윙페이지-카테고리 리스트
      • 스윙페이지-마이페이지
      • 스윙페이지-장바구니
      • 스윙페이지-디지털상품 구매완료 페이지
  • 웹앱-웹뷰,푸시앱 매뉴얼
    • 웹뷰앱&푸시앱
      • 스윙투앱 웹뷰앱
      • 스윙투앱 푸시앱
      • 웹뷰앱 매뉴얼
      • 푸시앱 매뉴얼
      • 푸시앱, 웹뷰앱 초간단 제작방법
      • 최초 실행 주소 이용방법
      • 기본 옵션: 웹뷰 기능
      • 기본 옵션: 안드로이드 권한
      • 기본 옵션: 추가 기능(푸시앱)
      • 고급 옵션: 색상 설정(푸시앱)
      • 고급 옵션: 시스템 폰트
      • 프로그레스바 색상 설정
      • 프로그레스바 제거(사용하지 않음)
      • 앱 종료 알림 메시지
      • 권한 유형 설정
      • 부관리자 설정(푸시,웹뷰앱)
      • 안드로이드 앱 패키지 아이디 변경
      • 푸시앱 [툴바] 이용방법 및 기능 소개
      • 푸시앱 [메뉴] 리스트 수정 방법
      • 푸시 아이콘 이미지 등록하기
      • 푸시앱에서 푸시발송하기
      • 푸시테스트발송 - 푸시 장치 관리
      • [푸시앱] App Id, App Key
  • 앱 이용 가이드
    • 스윙투앱 브라우저 앱 이용방법
    • 어플리케이션 운영
      • 유료앱 전환 및 스토어 업로드 신청방법
      • 미리보기 이용방법
      • APK파일 받기 (앱 다운)
      • AAB파일 받기
      • 공유하기로 앱 설치하는 방법
      • 앱 설치 링크주소로 앱 다운받기
      • 모바일 스윙투앱 사이트 접속 후 앱 다운받기
      • 무료버전앱(APK파일) 설치가 안된다면 확인해주세요!
      • 유료버전앱(APK파일) 설치가 안된다면 확인해주세요!
      • 유료앱 기간 종료 후 무료앱 전환방법
      • 앱 비밀번호 찾기
      • 앱 프로필 사진 등록 및 변경하기
      • 앱 회원탈퇴 후 동일 아이디 재가입 방법
      • 게시판, 게시물 공유하기
      • 앱 관리자 메뉴 :관리자 로그인
      • 앱 관리자메뉴:채팅
      • 앱 관리자메뉴:스탬프 등록
      • 앱 관리자메뉴:쿠폰사용
    • 앱 미리보기 이용방법
  • 프로그램 및 컨설팅
    • 제휴프로그램
      • 제휴프로그램 소개
      • 제휴프로그램 신청방법
      • 제휴프로그램 약관
      • 제휴프로그램 홍보방법
    • 타사 앱 서비스 이전 문의
  • 스토어
    • 스토어 이용약관
      • 플레이스토어 업로드 대행 약관
      • 앱스토어 업로드 대행 약관
      • 플레이스토어 등록 불가 앱(컨텐츠, 업종)
      • 앱스토어 등록 불가 앱(컨텐츠, 업종)
      • 앱스토어, 플레이스토어 등록 주의사항
      • 애플 개발자 계정 대리 등록 주의사항
      • 앱스토어 주요 정책 이슈
      • 플레이스토어 주요 정책 이슈
    • 개발자 계정 자주 묻는 질문
      • 구글 개발자계정 자주 묻는 질문
      • 애플-앱스토어 자주 묻는 질문
      • 구글 개발자 계정 생성 방법
      • 애플 개발자 계정 생성 방법
      • 애플 개발자 계정 갱신(멤버십 연장)
    • 플레이스토어
      • 구글 플레이 정책
        • 민감한 권한 API: 쿼리 권한 정책
        • 앱 액세스 권한
        • 사용자 제작 콘텐츠(UGC)
        • 데이터 보안
        • 아동 안전 표준 정책
        • 개인정보 링크 연결하기
        • 플레이스토어 사전고지 문서(증빙서류)
      • 비공개 테스트
        • 비공개 테스트 등록
        • 비공개 테스트 승인 완료 프로덕션 출시
        • 비공개 테스트 가이드 및 주의사항
        • 비공개 테스트 FAQ
      • 플레이스토어 앱 등록 매뉴얼
      • 플레이스토어 앱 업데이트
      • 구글 개발자-개인 계정 만들기
      • 구글 개발자 개인 계정 인증
      • 구글 개발자-조직 계정 만들기
      • 구글 개발자 조직 계정 인증
      • 구글 개발자-조직 웹사이트 인증
      • 구글 개발자 계정 초대
      • 플레이스토어 앱 등록 준비사항
      • 플레이스토어 스크린샷 이미지
      • [웹앱] 플레이스토어 심사 거절 사례
      • 플레이스토어 앱 심사 거절 사례
      • 플레이스토어 앱 출시 링크 확인 방법 ​
      • 플레이스토어 앱 게시취소
      • 구글 플레이 개발자 이름 변경
      • 구글 플레이 개발자 연락처 정보 변경
      • 구글 개발자 거래 ID 확인
      • 다른 개발자계정으로 앱 이전하기
      • 플레이스토어 앱 검색 TIP
      • 플레이스토어 앱 설치수 확인하기
      • 플레이스토어 개발자 페이지
      • 플레이스토어 출시 후 관리 페이지
      • 플레이스토어 출시된 앱 업데이트 받는 방법
      • 플레이스토어 앱 자동업데이트 설정하기
      • 플레이스토어 이의제기(앱 복원방법)
      • 플레이스토어 앱 리뷰에 답글 달기
      • Google Play Console 지원팀 문의하기
      • 구글 플레이 개발자 계정 인증 기한 선택
      • 구글 개발자 계정 확인 기한 '개인' 계정 인증
      • 구글 개발자 계정 확인 기한 '조직' 계정 인증
      • 플레이스토어 등록된 앱 삭제
      • 플레이스토어 운영 가이드
      • 구글 계정 만들기
      • 구글 플레이 개발자 계정 환불
    • 앱스토어
      • 애플 계정 만들기
      • 앱스토어 애플 개발자계정 등록(개인)
      • 앱스토어 애플 개발자계정 등록(기업)
      • 애플 개발자 계정 멤버십 연장(갱신)방법
      • 앱스토어 앱 등록 준비사항
      • 앱스토어 스크린샷 이미지
      • 앱스토어 업로드 신청방법
      • 앱스토어 앱 심사 거절 대표 사례
      • [웹앱] 앱스토어 앱 심사거절 사례
      • 아이폰 푸시 인증서 연장
      • TestFlight 앱출시 방법
      • TestFlight 앱 연장방법
      • Apple Developer Enterprise Program
      • 애플 개발자 계약 업데이트
      • 앱스토어 API 인증서 등록하기
      • 앱스토어 아이폰 푸시 인증서 등록
      • 애플 앱스토어 고객센터 이용방법
      • 앱스토어 앱 출시 링크 확인하는 방법
      • 애플 계정 사용자 초대
      • 앱스토어 앱 이전
      • 앱스토어 출시된 앱 삭제하기
      • 앱스토어 앱설치수 확인하기
      • 앱스토어 리뷰/ 평점 관리
      • 앱스토어 출시 후 관리 페이지
      • 앱스토어 '디지털 서비스법 규정' 조치방법 안내
    • 원스토어
      • 원스토어 앱 등록 방법
      • 원스토어 앱 업데이트하기
      • 원스토어 출시된 앱 판매중지하기
    • 갤럭시스토어
      • 갤럭시스토어 앱 등록 및 출시
      • 갤럭시스토어 앱 업데이트하기
    • 애드몹(구글 애드몹 광고)
      • 애드몹 플러그인 설정이란?
      • 애드몹 예상 수익 계산기
      • 애드몹 가입방법, 광고단위 아이디 만들기
      • 애드몹 플러그인 광고 셋팅
      • 애드몹 - 테스트 아이디 설정
      • 애드몹 - 광고 노출 권한 설정
      • 애드몹 배너광고 노출빈도 설정
      • 애드몹 - app-ads.txt 파일 설정하기
      • 애드몹-스윙투앱 계정 초대하기
      • 애드몹 운영 주의사항
      • 애드몹 광고 셋팅 주의사항
      • 앱미리보기 이용방법
    • 인앱(In-App)
      • 인앱(In-app)이란?
      • 인앱 주의사항
      • [구글] 결제 프로필 설정 방법
      • [구글] 플레이스토어 인앱 상품 등록
      • [구글] 플레이스토어 인앱 환불, 취소
      • [구글] 인앱 판매자 계좌정보 입력
      • [애플] 은행 계좌 등록 및 수정방법
      • [애플] 앱스토어 인앱 상품 등록
  • 개발자 문서
    • AppLink 연동
      • 안드로이드 AppLink 연동하기
      • iOS앱 Universal Links 적용하기
    • Server Side API 명세서
      • 푸시 API를 이용하여 푸시 발송하기
      • 푸시알림 목록 가져오기
      • 푸시알림 읽지 않은 메시지 Count
      • 푸시알림 읽음처리 API
    • 웹뷰(웹뷰,푸시전용) 개발도구
      • 웹뷰에서 구글, 페이스북 로그인 구현하기
      • 웹사이트 회원 연동 가이드
        • 워드프레스 웹사이트 회원 연동 가이드
        • Wix 웹사이트 회원 연동 가이드
        • 카페24(Cafe24) 웹사이트 회원 연동 가이드
        • 아임웹 웹사이트 회원 연동 가이드
      • Javascript 웹뷰 API 문서
        • API 를 활용한 예제
        • Meta SDK 활용하기
        • 안드로이드 인앱결제 구현하기
        • iOS 인앱결제 구현하기
    • Firebase 연동
      • Firebase 프로젝트 연동하기(안드로이드)
      • Firebase 프로젝트 연동하기(iOS)
      • Dynamic Links 연동
    • 애플 개발자 계정 등록 프로세스
    • DUNS 번호 발행 방법
    • DUNS 번호 조회방법
    • 네이버 로그인 API 연동
    • 카카오 로그인 API 연동
    • 구글 로그인 API 연동
  • 이용약관
    • 스윙투앱 이용약관
    • 스윙투앱 개인정보 처리방침
    • 스윙투앱 어플리케이션 개인정보 처리방침
    • 스윙투앱 교육용 라이선스
    • 무료앱 설치 기기수 제한
    • 이용제한 이용자 안내
    • 아동 안전 표준 정책
Powered by GitBook
On this page
Edit on GitHub
  1. 일반프로토타입 앱 매뉴얼
  2. 앱제작 메뉴얼(V2)
  3. 디자인테마

프로토타입 UI디자인

Previous디자인테마Next앱 메인 디자인 스타일

Last updated 3 years ago

스윙투앱에서 제공하는 프로토타입 UI 스타일 소개

스윙에서는[슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스, 푸시, 웹뷰 ]메뉴 총 7가지 디자인 스타일을 제공하고 있습니다.

매뉴얼을 통해서 각각의 프로토타입 디자인 설명과 함께 프로토타입 적용 앱 화면을 함께 확인해주세요.


*프로토타입 특이사항 1

프로토타입 메뉴 스타일을 변경하게 되면, 앱을 다시 제작해서 새 버전으로 확인해야 수정사항이 반영됩니다.

예)처음에 슬라이드 메뉴로 만들었는데, 푸터 스타일로 프로토타입을 바꾸고 싶어요.

=프로토타입은 실시간으로 수정사항이 반영되는 항목이 아니기 때문에 앱제작요청을 통해서 앱을 다시 제작해야만 수정사항이 반영되요!

앱제작요청 버튼을 누른 후 소프트업데이트=[앱재실행]으로 업데이트 하시면 재설치 번거로움 없이 업데이트가 가능합니다.

*프로토타입 특이사항 2

일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스) 으로 앱 제작 후 → 웹뷰 기반 (푸시, 웹뷰) 프로토타입으로 변경할 수 없습니다.

*프로토타입을 웹뷰 기반으로 변경해야 할 경우는 앱을 새로 제작해서 만들어주셔야 합니다.

+[앱 추가 제작] 버튼 눌러서 진행 반대의 경우도 동일해요!

*웹뷰 기반 (푸시, 웹뷰) 프로토타입으로 제작 후 → 일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스)으로 변경할 수 없습니다.

+일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스)은 자유롭게 변경 가능합니다.

* 웹뷰, 푸시 프로토타입 특이사항 3

웹뷰 및 푸시 프로토타입은 다른 프로토타입메뉴와는 다른 특이사항을 몇 개 더 가지고 있으니 꼭 확인해주세요.

1) 웹뷰앱, 푸시앱을 제작하고 앱을 스토어에 출시하고자 하는 분들은 스윙투앱 무제한 상품을 이용할 수 있습니다.

_웹뷰 무제한 유료앱, 푸시 무제한 유료앱 상품: 해당 상품 이용시 앱 이용기간 제한없이 무제한 이용이 가능합니다.

2)웹뷰 무제한 유료앱, 푸시 무제한 유료앱 이용시 사이트 URL주소 변경이 안됩니다.

무료버전앱, 일반 유료앱 이용권 사용자분들은 사이트 링크 주소를 변경하여 운영이 가능합니다.

사이트 링크주소는 변경 후 저장만 하시면 앱에 자동 반영됩니다.

BUT, 스윙투앱 플러그인 이용권 – 웹뷰 무제한 유료앱, 푸시 무제한 유료앱 이용시 사이트 URL주소 변경이 안되오니 이점 유념해주세요

3)웹뷰는 스윙의 다른 앱제작 기능들을 모두 사용할 수 없으며, 오로지 사이트 URL만 연동하여 사용할 수 있습니다.


프로토타입은 어디서 만들 수 있나요?

앱제작 마법사 페이지 → 2단계 디자인테마 → 프로토타입 선택에서 이용 할 수 있습니다.

앱제작페이지 – 디자인테마에서 프로토타입을 적용할 때는 오른쪽의 가상머신에 디자인이 바로 적용이 됩니다.

웹 가상머신(미리보기)을 통해서 프로토타입이 앱에 반영되는 모습을 실시간으로 확인할 수 있어요.

각 디자인별 스타일을 가상머신으로 확인하여 제작해주시면 됩니다.


1. 슬라이드 메뉴

슬라이드 메뉴는 앱을 구성하는 카테고리의 내용이 처음부터 노출되지 않구요.

슬라이딩 아이콘을 터치했을 때 화면이 넘어가면서 카테고리 내용을 확인할 수 있도록 디자인 되어 있습니다

▶앱 실행화면 – 슬라이드UI 적용

화면을 슬라이딩하여 사용할 수 있으며, 아이콘을 선택하여 메뉴 창을 확인할 수 있습니다.

★ 슬라이드 스타일 활용TIP

기존의 슬라이드 스타일: 오른쪽, 왼쪽에서 메뉴를 생성하는 것 외에왼쪽 혹은 오른쪽으로만 메뉴를 배치하여 만들 수 있습니다.

한쪽 메뉴를 다 삭제한 뒤, 메뉴 버튼이 왼쪽에만 있고, 왼쪽에만 메뉴를 배치하는 스타일로 제작을 할 수 있어요.

★이용방법

앱제작 페이지→ 디자인테마 → 프로토타입:슬라이드 선택 → 페이지메뉴 →오른쪽 or 왼쪽 하위메뉴 모두 삭제→ 저장 → 앱제작 요청


2. 탑 메뉴

탑 메뉴는 메뉴가 홈 화면 상단에 위치하고 있습니다.

상위 메뉴를 선택하면, 하위 카테고리들이 화면에 배치됩니다.

▶ 앱 실행 화면 – 탑 UI 적용

탑 스타일은 상단에 위치한 메뉴를 선택해서 하위 카테고리 내용을 확인 할 수 있습니다.

간편하게 한 눈에 전체 메뉴를 확인할 수 있습니다.


3. 푸터 메뉴

푸터 메뉴는 홈 화면 [하단]에 메뉴가 위치하고 있습니다.

탑 프로토타입과 반대로, 하단에 메뉴가 위치하고 있으며 메뉴를 선택하면 하위 메뉴들이 열립니다.

▶ 앱 실행 화면 – 푸터 UI 적용

탑 메뉴와는 반대로 하단에 메뉴가 위치하고 있습니다.

동일하게 카테고리를 선택하면 하위 카테고리가 열립니다.


4. 드롭다운리스트 메뉴

드롭다운 리스트 프로토타입은 최상단 메뉴가 1개 배치되며, 계단식으로 메뉴 및 카테고리를 정렬해놓은 스타일입니다.

상위 메뉴를 선택하면 계단식으로 하위 카테고리가 열립니다.

여러 메뉴 및 카테고리를 구성할 수 있기 때문에 앱에 많은 메뉴를 넣어야 할 때 유용하게 사용할 수 있습니다.

▶ 앱 실행 화면 – 드롭다운리스트 UI 적용

드롭다운은 상위 메뉴를 선택하면 계단식으로 하위 카테고리들이 열립니다.

여러 메뉴 및 카테고리를 구성할 수 있어서 앱 내에 메뉴를 많이 넣어야 할 경우 유용하게 사용할 수 있습니다.


5. 드롭다운 박스 메뉴

‘드롭다운 박스’는 기존의 ‘드롭다운 리스트’ 프로토타입와 동일하게 홈 화면 상단에만 최상위 메뉴 하나만 보이구요.

메뉴를 선택하면, 박스 모양의 정사각형 하위 메뉴들이 열리는 스타일입니다.

▶ 앱 실행 화면 – 드롭다운 박스 UI 적용

드롭다운 박스는 상위 메뉴를 선택하면 아래로 정사각형의 하위 메뉴들이 열립니다.


6. 푸시 메뉴

푸시전용 프로토타입은 모바일 웹사이트를 앱으로 그대로 옮겨서 제작하는 웹앱 스타일입니다.

홈페이지 등 웹사이트 URL 주소 입력시, 해당 사이트가 앱에 그대로 연동되어 보여집니다.

푸시는 웹뷰(웹브라우저 연동앱) 기능과 함께 앱 설치 사용자들에게 푸시 메시지를 보낼 수 있습니다.

푸시는 메시지 수, 사용자 수 제한 없이 자유롭게 보낼 수 있으며 앱 설치시 하단 툴바가 생성됩니다.

▶ 앱 실행 화면 – 푸시 UI 적용

하단에 보이는 네비게이션 Bar를 이용해서 전 단계, 다음 단계, 홈화면으로 이동할 수 있습니다.

하단 푸시 설정 버튼을 누르면 푸시 알림을 끄거나 켤 수 있습니다.


7. 웹뷰 메뉴

웹뷰전용은 모바일 웹사이트를 앱으로 그대로 옮겨서 제작하는 웹앱 스타일입니다.

홈페이지 등 웹사이트 URL 주소 입력시, 해당 사이트가 앱에 그대로 연동되어 보여집니다.

*웹뷰앱은 앱의 다른 기능은 이용할 수 없습니다.

푸시 발송 및 스윙에서 제공하는 모든 메뉴들을 사용할 수 없습니다. 웹만 그대로 옮겨서 사용하실 분들만 이용해주세요.

▶ 앱 실행 화면 – 웹뷰 UI 적용

웹뷰는 웹사이트 자체를 앱에 그대로 옯겨놓았기 때문에 앱 디자인 자체가 굉장히 깔끔하고 제작하는데 큰 어려움이 없습니다.

모바일 전용 사이트를 가지고 있다면 모바일에 최적화된 앱을 만들 수 있습니다.


프로토타입 이용 주의사항

1) 웹링크 중에서 앱과 연동이 되지 않는, 즉 퍼가기를 금지해 놓은 사이트가 있어요.

*네이버, 다음 등의 포털 사이트와 해당 포털에서 제공하는 사이트(modoo,스토어팜 웹 등), 유튜브, SNS 사이트(인스타그램, 카카오톡, 페이스북) 등이 퍼가기를 금지해놓은 대표적인 사이트에요!

특히 자신이 운영하는 네이버 블로그 혹은 다음 카페 등을 웹뷰나 푸시로 연동하려는 사용자분들이 많은데요.

이러한 사이트는 앱에 연동하실 경우 에러가 나거나 , 표시가 되더라도 제대로 동작이 되지 않습니다.

*특히 이러한 앱은 플레이스토어, 앱스토어 출시 안됩니다.

따라서 위의 링크들은 웹뷰 앱, 푸시 앱에는 적용하지 않도록 해주세요.

다른 프로토타입에서 외부 메뉴로 해당 링크를 넣는 것은 괜찮지만, 앱 연동 링크 자체가 위의 사이트 주소로 사용되지 않도록 해주세요.

​

2) 푸시버전 혹은 웹뷰버전 프로토타입에서 다른 프로타입으로는 변경 안되요.

웹뷰 기반(푸시, 웹뷰) 프로토타입으로 제작 후 → 일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스)으로 변경할 수 없습니다.

*웹뷰 기반에서 다른 프로토타입으로 변경해야 할 경우는 앱을 새로 제작해서 만들어주셔야 합니다.

​

3) 프로토타입은 하나의 UI만 선택이 가능합니다.

*슬라이드 UI, 탑 UI을 합쳐서 사용하는 등 프로토타입을 앱에 여러개 적용할 수 없습니다.

따라서 앱제작시 하나의 프로토타입을 적용해주세요.

(여러 스타일의 프로토타입 혼합은 커스터마이징으로만 가능합니다.)

​

4) 웹뷰 앱, 푸시버전앱 스토어 출시는 반드시 유료앱 이용권을 구매 후 이용 가능합니다.

푸시 혹은 웹뷰 앱을 플레이스토어, 앱스토어에 앱을 출시하기 위해서는 스윙 유료앱 이용권을 구매하여 유료버전으로 이용해주셔야 합니다.

TIP. 웹뷰앱, 푸시앱으로 스토어 출시할 경우 웹뷰 무제한 유료앱 및 푸시 무제한 유료앱을 구매하시면 이용기간 제한없이 앱을 유료로 무제한 이용할 수 있어요.

​

5) 프로토타입 메뉴 스타일을 변경하게 되면, 앱을 다시 제작해서 새 버전으로 확인해야 수정사항이 반영됩니다.

예)처음에 슬라이드 메뉴로 만들었는데, 푸터 스타일로 프로토타입을 바꾸고 싶어요.

=프로토타입은 실시간으로 수정사항이 반영되는 항목이 아니기 때문에 앱제작요청을 통해서 앱을 다시 제작해야만 수정사항이 반영되요!

앱제작요청 버튼을 누른 후 ‘소프트업데이트=[앱재실행]’으로 업데이트 하시면 재설치 번거로움 없이 업데이트가 가능합니다.


프로토타입은 [앱제작 페이지–디자인테마]에서 설정할 수 있습니다.

다양한 프로토타입 디자인을 통해서 여러분들의 앱을 자유롭게 만들어보세요 ^^

프로토타입을 선택한 뒤 스킨컬러 색상도 사용자가 원하는 색상으로 정할 수 있습니다.

디자인 테마는 오른쪽의 가상머신을 통해서 즉시 반영이 되니, 앱과 어울리는 내용으로 디자인테마를 구성해주세요 .

☞

☞

★

★

☞

☞

웹뷰 무제한 유료앱 상품 보러가기
푸시 무제한 유료앱 상품 보러가기
[푸시앱 제작 매뉴얼 보러가기]
[웹뷰앱 제작 매뉴얼 보러가기]
웹뷰 무제한 유료앱 상품 보러가기
푸시 무제한 유료앱 상품 보러가기