모든 종류의 모바일 응용 프로그램에서 탐색

출처: 인터넷
작성자: 사용자
키워드: 탐색이 디자이너를 통해 매우

모바일 응용 프로그램 인터페이스의 프로토 타입 디자인에도 탐색 형태로 다양 한 수 있습니다. 도 불구 하 고 그들의 작은 크기와 대용량의 데이터를 압축 하는 필요, 그들은 단단히 구속, 하지만 여전히 다양 한 옵션을 보인다.

사람들은 한 번만 한 형태는 대중적이 고 널리 사용 되는 수직 탐색, 사이드바의 생각. 그러나, 그것에 게 앱을 검색 하는 사용자에 대 한 케이크 한 조각 사용자 경험을 향상 시킬 수 있는 다른 형태가 있다.

목록 메뉴

목록 기반 표준 탐색, 모바일 애플 리 케이 션 작가 의해 널리 이용 되는부터 시작 하자. 이 해결 방법을 제안 하는 링크를 표시, 위에서 아래로 정상적인 프로세스를 따라 사용자.

Sergey Valiukh의 gifhttp://www.aliyun.com/zixun/aggregation/8277.html "> 애니메이션 디자인은 단지 개념적 디자인, 하지만 그것은 완벽 하 게 목록 기반 탐색의 실용성을 반영 한다." 함께 다양 한 색상 및 미세한 아이콘 뿐만 아니라 약간 무거운 글꼴, 사용자가 쉽게 애플 리 케이 션, 찾아볼 수 있는 불편 함에 의해 발생 하는 스크린의 한계를 생각 하지 않습니다.

연료의 Elevatr은 기업 관리 및 비즈니스 회의 하는 데 도움이 세련 된 애플 리 케이 션. 메인 화면 컨트롤 패널 라인에서 행 하 여 각 항목을 명확 하 게 보여준다 무지개 색 메뉴를 갖추고 있습니다. 배경 이미지 좌표 종이 의해 영감을 하 고이 메뉴와 완벽 하 게 일치.

Kutan 우랄의 Habitclock 애플 리 케이 션은 간단 하 고 시각적으로 매력적인 app 아침 알람 관리 이다. 화면에 초점은 위쪽 및 아래쪽 제어 패널, 비록 목록 유형 탐색 (및 또한 큰 알림 도구) 관심의 핵심입니다.

간단한 곁가지 메뉴에 링크의 시리즈를 표시 하는 데 사용 하는 수평 스트립 레이아웃 대부분의 디자이너에 대 한 인기 있는 선택 이며, 또한 Instagrab 데이비스 양 디자인의 iOS 버전의 주요 구성 요소입니다. 각 항목은 일반적으로 각 링크를 잘 구별 하는 작은, 이해 하기 쉬운 아이콘을 장착 하 고.

매트릭스 또는 그리드 메뉴

전체 화면을 차지, 그리드 탐색 탐색, 그것 명확 하 고 이해를 강조 하 고 도움이 됩니다. 링크를 많이 표시 해야 할 때 그것은, 너무 작동, 효과적으로 다른 지역에 각 항목을 이동 하는 동일한 격자의 시리즈와 함께

Vectra의 마이클 Galubinskiand 스튜디오 디자인은 무시 될 수 없는 탐색 다. 디자이너 뿐만 아니라 전체 화면, 메뉴의 6 항목을 뻗어 하지만 또한 분명히 대부분의 온라인 사용자에 대 한 거 대 한 평면 스타일 아이콘을 사용 합니다.

마르코 라 Mantia & 시몬 Lippolis의 모바일 애플 리 케이 션 디자인, Arrivo, 독창적인 엄격 하 게 평방 표에 데이터를 구성합니다. 각 격자 때문에 그것은 단지 데이터를 표시 하지만 또한 작은 컨트롤 패널 하단에서 밀어서 조정할 수 있습니다 기능 역할을 한다. 색상 선택 따뜻한 배경 톤 효과적으로 콘텐츠를 배포 하 고 그리드를 차별화 하는 데 도움이 있기 때문에 매우 합리적 이기도 합니다.

Abracadabra, app 해야 합니다 설계 되었습니다 세르게이 Valiukh의 마음, app의 분명 한 감각을 주는 복고 스타일에 따라. 여기, 디자이너는 분할 화면 6 동등한 격자는 매우 쉽게 탐색할 수 있습니다. 스타일 아이콘 중과 함께 비공식 글꼴 사용의 용이성을 향상 시킬.

손-그린 바람의 T R A V e r s. 윌리스 디자인의 모든 인터페이스를 통해 실행 App 그래서 메인 메뉴 모든 디바이 더를 볼 하지 않습니다 그것은 충분히 쉽게 응용 프로그램을 탐색 하는 사용자에 대 한 질서는 밝은 단색 배경 및 선형 아이콘에 근거한 다.

하단 메뉴

하단 메뉴는 주로 기능 블록 또는 내부에 독립 실행형 구성 요소 사이 분화 한 탐색 원조로 사용 됩니다.

제임스 Antalík의 Badoo 개념적 디자인 화면의 아래쪽에 탐색이 하고있다. 또한 각각 자체 제어판 확장된 메뉴 집합을 포함합니다.

버 질 파 동적 슬라이딩 라벨의 디자인, 무거운 정보 디스플레이 대 한 완벽 한 솔루션의 응용 프로그램 데이터를 표시 하 고 간결한 남아 많은 수의 통계 데이터 또는 그래프를 통해를 포함 될 수 있습니다. 일반 크기 메뉴 작은 제어 센터를 보여주는 화면의 하단에서 밖으로 슬라이드.

상단 메뉴

우리는 위에서 아래로 전화 화면을 탐색 하는 데 사용 됩니다, 화면 상단에 적 이점이 있다. 레이블 페이지와 각 컨트롤 센터에 대 한 고유 아이콘이 있습니다이 레이아웃의 가장 중요 한 대표자.

Cüneytşen의 Horner 숨겨진된 메뉴를 포함 되어 있지만 위에서 볼 수 훌륭합니다. 밝은 색상과 관련 된 거 대 한 아이콘 때문에 그것은 전체 인터페이스와 대조.

Enes Danış 디자인 디스커버리 채널 모든 기본적인 탐색 및 사용자의 혼동을 제거 하는 고정 된 위치를 통해 맨 수준 2 탐색.

Hamzaque는 공기 흐름 컴퓨팅 애플 리 케이 션, 독창적인 레이블 페이지의 상단을 차지 하는 데 사용의 Bettertec 디자인에 대 한 디자인. 또한, 그들은 흑백 대비, 화면의 나머지와 동일에 색조 되도록 설계 되었습니다.

Shario 애플 리 케이 션, 밍 연구소 & pierrick Calvez, 벡터 스타일의 간결한 개념을 보여준다. 전체 탐색 맨 몇 가지 버튼을 통해 실행 됩니다.

확장 메뉴

확장 된 메뉴 디자이너 애플 리 케이 션 및 소형 인터페이스를 만들려고 하는 자들에 대 한 많은 양의 정보 처리를 위한 진짜 보물입니다. 이 옵션을 사용 하면 위치 메뉴 아이콘, 하지만 그것은 일반적으로 왼쪽된 상단에 있는.

알 메카니즘의 Museek는 사용자에 게 시각적 정보를 많이 제공 하는 음악 애플 리 케이 션: 앨범 표지, 설명, 노래 이름, 트랙 목록, 등, 그래서 전체-화면 메뉴 배치 여지가. 이 예제에서는 왼쪽 위 모서리에 있는 작은 아이콘에서는 상당히 큰 메뉴를 다듬기 수명선입니다.

모하메드 ALYOUSFI & 알렉스 Casabò의 Univit UI 디자인, 간단한 슬라이딩 작업 하는 표준 슬라이드 방식 메뉴를 사용 하는 우아한 스타일 응용 프로그램. 메뉴를 쉽게 이해 하 고 세련 된 윤곽 아이콘, 각각의 제목 보다 훨씬 더 큰 사용합니다. 이 방법은 디자인에서 자연스럽 게 기능을 하 고 더 나은 사용자 경험을 제공 하는 메뉴 수 있습니다.

Svoy 애플 리 케이 션, 알렉산더 Efimov에 의해 설계 된 어두운 배경에서 잘 작동 하는 화려한 색 구성표를 기반으로 합니다. 디자이너 왼쪽에서 펼쳐 메뉴 수 있습니다. 눈 및 살아있는 접는 애니메이션 디자인 몇몇 향미료를 추가합니다.

훈 족의 왕 Szabó időkép 또한 거의 자체 메뉴를 표시 하려면 화면을 가득 채우고는 꿈꾸는 "커튼을 당겨" 효과 사용 하 여 확장된 메뉴의 변종 이다.

결론

각 시나리오는 그것의 자신의 강점과 약점을 각 프로젝트 자체 탐색 유형을 옹호 하는 이유 효과적으로 작업에 응답 하 고 사용자 경험을 돕고 있습니다.

출처: http://select.yeeyan.org/view/418335/408007

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.