Step2. 디자인

Step2. 디자인은 기본 메뉴를 선택하는 메뉴 입니다.
취향에 따라 7가지 메뉴 중 하나를 선택할 수 있습니다.

 

8

 

1. 슬라이딩 메뉴

 

디자인 1

 

앱을 구성하는 카테고리의 내용들이 처음부터 노출이 되지 않고,

슬라이딩 아이콘을 터치했을 때 화면이 넘어가면서

카테고리 내용을 확인할 수 있도록 디자인되어 있습니다.

 

 

 

2. 탑 메뉴

 

디자인2

 

카테고리, 게시판 등의 내용이 핸드폰 상단 줄에 위치하고 있습니다.

해당 메뉴를 터치했을 때 메뉴에 해당하는 카테고리들이 핸드폰 화면에 보여지게 됩니다.

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

 

 

3. 푸터 메뉴

 

디자인3

 

카테고리, 게시판 등의 메뉴가 글이 아닌 아이콘 형식으로 보이며,

핸드폰 화면 하단에 메뉴가 위치하고 있습니다.

해당 아이콘을 클릭하면​ 핸드폰 화면 전체에 카테고리의 내용이 펼쳐집니다.

 

 

4. 푸시 메뉴

 

디자인4

 

스윙에서 제공하는 푸시 기능을 통해서 앱의 메인 화면을 디자인 하는 형식입니다.

사용자가 별도로 디자인 한 푸시를 앱 메인화면으로 사용할 수 있습니다.

하단에는 간단한 카테고리 메뉴가 있습니다.

 

​5. 드롭다운 메뉴1

 

디자인5

 

앱을 구성하는 메뉴가 핸드폰 상단에 위치하고 있어서, 탑 메뉴와 비슷해 보이지만

드롭다운 메뉴1은 메뉴를 세분화시켜 분류하고 있습니다.

즉, 대제목 – 중제목 – 소제목이 있는 것처럼 전체 메뉴가 있고,

중간 메뉴, 상세 내용으로 디자인이 되어 있습니다.

 

 

6. 드롭다운 메뉴2​

 

디자인6

 

드롭다운 메뉴 1과 비슷한 형태의 디자인입니다.

카테고리의 내용들이 핸드폰 상단에 진열되어 있고, 해당 메뉴를 선택하면 내용을 확인할 수 있습니다.

다른 점은 드롭다운 메뉴1은 세로로 메뉴들이 진열이 되어 있다면,

드롭다운 메뉴 2는 탑 메뉴처럼 가로로 메뉴가 진열이 되어 있고 아이콘으로 보여집니다.

 

 

7. 웹뷰 전용

 

디자인7

 

푸시와 디자인이 비슷해 보이나, 다른 점은 웹뷰는 모바일에 최적화된 앱을 디자인하여

사이트 자체를 앱에 옮긴 형태입니다. 따라서 별도의 메뉴나 아이콘이 보이지 않으며,

모든 메뉴 및 카테고리를 모바일 전용 사이트(홈페이지 등)을 통해서 사용하는 형태입니다.