5가지 유형의 모바일 APP 메뉴 디자인 솔루션

휴대폰의 해상도는 데스크톱 플랫폼에 비해 훨씬 작기 때문에 모바일 웹사이트나 모바일 애플리케이션을 디자인할 때 탐색 메뉴를 신중하게 고려하고 최대한 간단하고 사용하기 쉽게 유지해야 합니다. 우리는 5가지 실용적인 모바일 앱 탐색 메뉴 디자인 솔루션을 편집했습니다. 새로운 디자인 프로젝트에 이러한 메뉴 디자인 패턴을 사용해 볼 수 있으며 사용하기 쉽고 신선합니다.

이 5가지 앱 메뉴 디자인 솔루션은 많은 디자이너들이 사용해왔겠지만, 현재는 사용자 경험을 향상시킬 수 있는 실용적인 메뉴 디자인 솔루션이라는 점을 부인할 수 없습니다. 다음은 아름답고 패셔너블한 휴대폰 UI 디자인을 발췌한 것입니다. 읽어보시고 영감을 얻어 메뉴를 더 잘 디자인하시기 바랍니다.

앱 탐색 디자인 유형:

목록 메뉴

매트릭스, 그리드 메뉴

하단 메뉴

상단 메뉴

확장 메뉴

1. 목록 메뉴

목록 메뉴 디자인은 웹사이트부터 모바일 앱까지 매우 일반적으로 사용됩니다. 독서습관에 맞게 사용자가 사용하는데 어려움을 느끼지 않을 것입니다. 또한 아름다운 색상 조합과 아이콘으로 디자인하여 메뉴를 더욱 아름답게 만들 수 있습니다.

GIF 조준

Elevatr

HabitClock 앱

iOS용 Instagrab

2. 매트릭스 및 그리드 형식 메뉴 디자인

그리드 스타일의 메뉴는 메트로 UI의 컬러 블록이 쌓여 있는 것과 비슷하지만 단순하지만 투박하지 않고 탐색이 명확하고 효율성이 높다는 장점이 있습니다. 하지만 디자인할 때 색상을 무분별하게 사용하는 것은 사용자를 압도하고 피곤하게 만들 수 있으므로 기억하세요.

Michal의 Vectra

Marco의 Arrivo 모바일 앱

Sergey의 Abracadabra 앱

Willis의 T R A V E R S E

3. 하단 메뉴

하단 메뉴에는 주로 애플리케이션의 중요한 기능이 나열되어 있습니다.

Jakub Antalík의 Badoo 컨셉

Virgil Pana의 애니메이션 슬라이딩 탭 바

4. 상단 메뉴

상단 메뉴와 하단 거의 같은 의미로 메뉴를 상단에 배치하면 하향식으로 읽는 습관을 들이게 되지만, 한 손으로 조작할 수 없다는 단점이 있는 것 같아요.

Horner 제작: Cüneyt ?EN

Discovery Channel 제작: Enes Dan?

기류 계산 앱 제작: HAMZAQUE

Shario 앱 제작: MING Labs&Pierrick Calvez

5. 확장 메뉴

확장 메뉴 디자인은 이제 웹사이트에서도 매우 일반적입니다. 메뉴가 적절하지 않다고 생각되면 여기에서 메뉴를 숨길 수 있습니다. 방식으로, 대부분의 디자인 확장 메뉴 버튼은 이러한 디스플레이의 왼쪽 또는 오른쪽 상단에 디자인되어 있습니다.

MuSeek 작성자: Al Power

Univit UI 작성자: Mohammed Alyousfi 및 àlex Casabò

SVOY 앱 디자인 작성자: Alexandre Efimov

ID?kép 작성자 Attila Szabó

요약

위의 5가지 메뉴 디자인 솔루션에서 볼 수 있듯이 각각 고유한 장점과 단점이 있으므로 프로젝트에 가장 효과적인 솔루션을 선택하고 개선해야 합니다. 사용자 경험.

본 글 주소: /sjinfo6855.html