스윙 기능 도움말

앱 메뉴 아이콘 사용방법

98 views 2017년 2월 6일 2017년 2월 6일 root 1

앱메뉴아이콘제목

앱제작 – 페이지메뉴에서 각 상단 메뉴에 아이콘 스타일을 적용하는 방법에 대해서 알려드리겠습니다.


 

앱 메뉴 아이콘이란?

앱을 구성하는 메인 메뉴에 텍스트 외에 아이콘을 넣을 수 있는 기능인데요.

아이콘앱

스윙 공식앱 – 메인 홈 이미지에서 보는 것과 같이 드롭다운 메뉴 앞에 보이는 이미지들이 모두 아이콘입니다.

이렇게 단순히 텍스트만 넣어서 앱을 제작하는 것보다 메뉴 이름과 어울리는 아이콘을  넣어서 디자인적으로 더욱 퀄리티있게 꾸밀 수 있습니다.

앱 메뉴 아이콘은 스윙 프로토타입- 슬라이드, 탑, 푸터, 드롭다운을 선택하면 상단 메뉴에 아이콘을 넣어서 디자인을 꾸밀 수 있구요.

스윙에서 무료로~! 다양한 아이콘을 제공하고 있으니 앱과 어울리는 아이콘 스타일을 적용해서 앱을 제작할 수 있습니다.


 

아이콘 목록에서 아이콘 적용하기
  • 아이콘은 스윙 앱제작페이지- 3단계 페이지 메뉴에서 사용할 수 있습니다.

아이콘 모음

페이지메뉴에 아이콘을 추가하길 원하는 메뉴를 선택해주세요.

오른쪽 메뉴 설정 창에 새롭게 추가된 [아이콘 목록보기(아이콘명 확인하기)] 버튼을 확인할 수 있습니다.

 

스윙 아이콘 리스트 (아이콘 목록)

해당 버튼을 선택하면 대량 추가된!! 아이콘 목록을 확인할 수 있습니다.

아이콘모음3

기존 스윙에서 제공하는 아이콘 스타일은 85개였는데요.

이번에 아이콘이 무려!!  1046개로 추가되었어요.

 

이렇게 많은 아이콘스타일 목록에서 원하는 아이콘을 그림만 보고 찾기가 쉽지가 않죠.

그래서 준비한 페이지가 바로!!  아이콘 목록(리스트) 페이지입니다.

아이콘 목록 페이지에는 1046개의 아이콘 이름을 확인할 수 있어요.

앱에 적용하길 원하는 아이콘 스타일을 이름을 통해서 검색하고 적용할 수 있습니다.


 

움짤 이미지로 앱 메뉴 아이콘 적용방벙을 더욱 쉽게 확인할 수 있습니다.

 

녹화_2017_01_31_16_47_58_913

움짤이미지에서 보는 것처럼 아이콘 목록에서 원하는 스타일의 아이콘 이름을  복사한 다음

페이지메뉴로 다시 돌아와서 아이콘 검색창에 붙여널기 하면 해당 아이콘을 적용할 수 있습니다.

 

아이콘모음2

아이콘 리스트 페이지에서 아이콘 이름을 확인하고, 아이콘 셋팅 창에서 이름으로 검색을 해서 적용할 수 있구요.
아니면 해당 아이콘 이름을 복사해서 검색창에 바로 붙여넣어서 편리하게 찾을 수 있습니다.


 

Was this helpful?