header-logo
시작하기Wix를 사용해 사이트 및 비즈니스를 구축하는 방법을 알아보세요. 템플릿을 사용해 사이트를 맞춤화하거나, 전문가를 고용해 웹 존재감을 강화할 수 있습니다.
사이트 제작Wix 에디터를 사용하고 사이트 콘텐츠를 관리하는 방법을 알아보세요. 방문자의 개인정보를 보호하고 사이트에 대한 접근성을 높이는 방법 또한 확인할 수 있습니다.
계정 및 결제계정 설정을 검토하고, 구독 및 프리미엄 플랜을 관리하고, 인보이스를 이해하세요.
Wix 모바일 앱Wix Owner 앱을 사용해 비즈니스를 효율적으로 운영하고 방문자와 소통하며 커뮤니티를 구축하세요.
도메인 연결도메인 구매, 연결, 이전 방법 및 사이트 데이터를 안전하게 유지하는 방법을 알아보세요.
비즈니스 관리비즈니스를 구축하고 성장시키는 데 적합한 도구를 찾으세요. 결제 승인, 애널리틱스 분석 검토, 방문자와 교류 등의 작업을 할 수 있습니다.
사이트 홍보검색 엔진에서 사이트를 홍보하고, 이메일 캠페인을 발송, 유료 광고를 게재하는 방법 등을 알아보세요.
Studio 및 파트너Studio 및 파트너 계정을 최대한 활용해 비즈니스를 확장하세요.
고객센터사이트 성능 및 기술 문제 해결에 대한 정보를 얻으세요. 제품 로드맵에서 향후 기능을 추적할 수도 있습니다.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
placeholder-preview-image
페이지 메뉴
  • 앱 색상 테마 변경하기
  • 앱 텍스트 테마 변경하기
  • 앱 버튼 테마 변경하기
  • 앱 머리글 스타일 변경하기
  1. 홈
  2. Wix 모바일 앱
  3. 고객을 위한 모바일 앱
  4. 모바일 앱 구축하기
  5. 내 모바일 앱 사용자 지정하기
  6. Wix 모바일 앱: 모바일 앱 디자인 사용자 지정하기

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

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

앱 색상 테마 변경하기

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

앱 텍스트 테마 변경하기

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

앱 버튼 테마 변경하기

비즈니스 디자인에 맞게 버튼 스타일을 사용자 지정하세요. 이러한 스타일은 앱의 모든 버튼에 적용되어 일관된 디자인을 보장합니다. 프리셋 테마 중에서 선택하거나 색상, 테두리, 텍스트 및 모서리 반경과 같은 개별 요소를 조정할 수 있습니다. 변경사항을 적용하는 즉시 실시간으로 미리보기할 수 있습니다.
  1. 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 왼쪽 패널에서 디자인을 클릭합니다.
  5. 버튼 테마 옆 편집 아이콘을 클릭합니다.
  6. 원하는 작업을 선택합니다.
    • 버튼 프리셋 테마 선택: 버튼 테마 변경을 클릭한 후 추천 테마를 선택합니다. 사용 가능한 테마는 앱의 테마 색상에 따라 다릅니다. 
    • 버튼 개별 사용자 지정: 기본 또는 보조 탭을 클릭한 후 버튼 모양, 배경 색상, 텍스트, 테두리를 조정해 버튼을 사용자 지정합니다.
      참고: 테마 색상을 변경하려면, 색상 선택 팝업에서 편집을 클릭합니다. 색상 테마 섹션에서 기본, 텍스트, 아이콘 및 배경 색상을 사용자 지정합니다.
  7. 오른쪽 상단에서 저장을 클릭합니다.
데스크톱에서 앱 버튼 테마를 편집하는 위치를 보여주는 스크린샷

앱 머리글 스타일 변경하기

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

도움이 되었나요?

|

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
Unlock personalized helpLog in to get the most out of Helpmate.