header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 모바일 앱: 모바일 앱 디자인 사용자 지정하기

8 분
페이지 메뉴
  • 앱 색상 테마 변경하기
  • 앱 텍스트 테마 변경하기
  • 앱 버튼 테마 변경하기
  • 앱 머리글 스타일 변경하기
브랜드를 반영하도록 기본 모바일 앱의 디자인을 사용자 지정합니다. 색상 테마, 텍스트 테마, 버튼 테마 및 머리글 스타일을 조정합니다. 디자인을 사용자 지정하면 앱의 고유성을 높이고 방문자에게 일관된 경험을 제공할 수 있습니다.
참고:
  • 모바일 앱 디자인을 완전히 사용자 지정하려면 모바일 앱 프리미엄 플랜으로 업그레이드해야 합니다.
  • 앱 색상 및 텍스트 테마에 대한 변경 사항은 앱의 모든 화면에 영향을 미칩니다. 

앱 색상 테마 변경하기

앱의 색상 테마를 선택해 방문자가 사용하는 앱의 분위기를 조성하세요. 개별 색상을 미세하게 조정해 다양한 화면과 요소에서 일관성을 유지하고 가독성을 향상시킬 수 있습니다.
대시보드
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 왼쪽 패널에서 디자인을 클릭합니다.
  5. 색상 테마편집 아이콘을 클릭합니다.
  6. 원하는 작업을 선택합니다.
    • 색상 테마 변경: 색상 테마 변경을 클릭해 새로운 프리셋 색상 테마를 선택합니다.
    • 요소 색상 개별 사용자 지정: 편집할 색상을 선택합니다.
      • 기본: 앱의 새로운 메인 색상을 선택합니다.
      • 텍스트 및 아이콘: 메인 텍스트 및 SNS 아이콘의 새로운 색상을 선택합니다.
      • 배경: 앱 배경의 새로운 색상을 선택합니다.
  7. 오른쪽 상단에서 저장을 클릭합니다.
앱 색상 테마를 사용자 지정하는 위치를 보여주는 스크린샷

앱 텍스트 테마 변경하기

텍스트 테마를 선택해 앱의 스타일과 가독성을 설정하고 앱의 모든 콘텐츠에서 명확성과 일관성을 확보하세요.
대시보드
Wix 앱
Wix Studio 앱
  1. 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 왼쪽 패널에서 디자인을 클릭합니다.
  5. 텍스트 테마편집 아이콘을 클릭합니다.
  6. 원하는 작업을 선택합니다.
    • 텍스트 테마 변경: 텍스트 테마 변경을 클릭해 새 글꼴 테마를 선택합니다.
    • 텍스트 개별 사용자 지정: 앱 제목 및 본문 글꼴을 선택합니다. 
  7. 오른쪽 상단에서 저장을 클릭합니다.
텍스트 테마를 사용자 지정하는 위치를 보여주는 스크린샷

앱 버튼 테마 변경하기

비즈니스 디자인에 맞게 버튼 스타일을 사용자 지정하세요. 이러한 스타일은 앱의 모든 버튼에 적용되어 일관된 디자인을 보장합니다. 프리셋 테마 중에서 선택하거나 색상, 테두리, 텍스트 및 모서리 반경과 같은 개별 요소를 조정할 수 있습니다. 변경사항을 적용하는 즉시 실시간으로 미리보기할 수 있습니다.

대시보드
Wix 앱
Wix Studio 앱
  1. 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 왼쪽 패널에서 디자인을 클릭합니다.
  5. 버튼 테마편집 아이콘을 클릭합니다.
  6. 원하는 작업을 선택합니다.
    • 버튼 프리셋 테마 선택: 버튼 테마 변경을 클릭한 후 추천 테마를 선택합니다. 사용 가능한 테마는 앱 테마 색상에 따라 달라집니다. 
    • 버튼 개별 사용자 지정: 기본 또는 보조 탭을 클릭한 후 버튼 모양, 배경 색상, 텍스트, 테두리를 조정해 버튼을 사용자 지정합니다.
      참고: 테마 색상을 변경하려면, 색상 선택 팝업에서 편집을 클릭합니다. 색상 테마 섹션에서 기본, 텍스트, 아이콘, 배경 색상을 사용자 지정합니다.
  7. 오른쪽 상단에서 저장을 클릭합니다.
데스크톱에서 앱 버튼 테마를 편집하는 위치를 보여주는 스크린샷

앱 머리글 스타일 변경하기

기본 앱 제작 시에는 머리글에 앱의 기본 색상에서 가져온 배경 색상을 사용할지 또는 투명하게 설정할지 여부를 선택할 수 있습니다.
참고:
여기에서 선택한 머리글 스타일이 미니멀 머리글 유형에 영향을 미칩니다. 머리글 유형의 차이점과 사용자 지정 방법에 대한 자세한 도움말을 확인하세요.
대시보드
Wix 앱
Wix Studio 앱
  1. 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 왼쪽 패널에서 디자인을 클릭합니다.
  5. 머리글 스타일편집 아이콘을 클릭합니다.
  6. 앱에 대해 설정한 기본 또는 배경 색상을 사용해 머리글 색상을 선택합니다.
  7. 오른쪽 상단에서 저장을 클릭합니다.
머리글 색상을 선택하는 위치를 보여주는 스크린샷
앱 색상 테마를 사용자 지정하는 위치를 보여주는 스크린샷
텍스트 테마를 사용자 지정하는 위치를 보여주는 스크린샷
데스크톱에서 앱 버튼 테마를 편집하는 위치를 보여주는 스크린샷
머리글 색상을 선택하는 위치를 보여주는 스크린샷