스윙투앱 매뉴얼

앱 메인 디자인 스타일이란?

앱 메인 디자인은 기존에 스윙에서 셋팅된 디자인 테마 외에 사용자가 원하는 스타일로 옵션을 설정하여 디자인을 구성하는 기능입니다.

디자인테마에서 프로토타입을 선택하고, 스킨 컬러를 설정하면 입력한 그대로 앱에 셋팅이 되어서 보여지는데요.

해당 기능을 추가하면 메인 홈에 배경이미지를 넣을 수도 있고, 음영색을 입히거나, 투명하게 설정할 수도 있답니다.

*앱 메인 디자인 스타일은 필수 로 선택 해야 하는 기능이 아니라 옵션! 선택사항이니!! 확인하시고 사용자가 원하는 스타일을 적용해주세요 ^^

★ 앱 메인 디자인 스타일 이용방법

1. 앱 메인 디자인 스타일 – 기본

[기본]으로 체크를 하면 다른 스타일이 입혀지지 않고, 디자인테마에서 설정한 스타일 그대로 셋팅이 되어 제작됩니다.

기본스타일로 제작을 하고 싶다면 ‘기본’에 체크를 해주세요.

2. 앱 메인 디자인 스타일 – 이미지 기반

[이미지 기반]을 선택하면, 배경 이미지를 등록할 수 있습니다.

첨부파일로 이미지를 등록해주시구요.

이미지를 추가하면, 앱 소개화면이 배경이미지로 입혀져서 메인 홈화면에 나타납니다.

3. 앱 메인 디자인 스타일 – 이미지 기반 + 배경마스크

위에서 선택한 이미지에 배경마스크를 추가로 적용해볼게요.

배경마스크는 쉽게 말해서 음영이라고 보시면 됩니다.

이미지 위에 음영색을 입혀서 스타일링 하는 것이구요.

위에 캡쳐한 이미지처럼 이미지와 배경마스크를 함께 적용하면 배경이미지 위에 파란색 음영색이 입혀져서 나타납니다.

보통 음영은, 배경이미지를 깔았는데 텍스트가 잘 보이지 않을 경우 좀 어둡게 색을 입혀서 글자가 잘 보이게끔 할 수 있어요.

*배경 마스크를 이용할 경우 글자 색상은 모두 흰색으로 표시됩니다.

글자 색상이 흰색이기 때문에 배경색이 밝을 경우 글자가 잘 보이지 않게 됩니다.

따라서 배경 음영색은 어두운 색상을 이용하시는 것을 권장드립니다. 

*투명 디자인 및 배경 마스크를 이용할 경우 글자 색상은 모두 흰색으로 표시됩니다.

배경마스크 음영색은 어두운 색상을 이용하시는 것을 권장드립니다.