干货推荐|40款独特的移动导航用户界面

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

越是简易,你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。

daohangddshejih

提起设计APP,最重要的就是导航了。无论是应用在台式机,还是移动设备,导航都必须得直观、有趣。水平的、垂直的、简约的或者详尽的,设计上都必须给人以美感,同时能真正起到合理的作用,达到预期的效果。APP的设计必须立足于用户,一丝不苟于每一个细节,让用户都能轻而易举上手使用。一旦你实现了这一点,你就已经设计出了非常功能化及人性化的产品。

越好的APP/网站,用户需要操作的就越少。越是能让用户更简单的使用,无论产品的注重点是在销售,形式,还是让客户通过APP/网站进行各种信息的共享,都能更好的转换。同时,如果用户能有一个愉快的操作经历,他们才会有可能继续使用这款APP,并且推荐给其他人。作为一个设计师,要把这个当成优先重点,尽一切可能让用户以最简易的方式浏览你的APP/网站,你其实已经事半功倍了。

好的移动导航,你必须坚持这些基本,然而却是最重要的原则。具体表现在它的外形、简洁、一致性、互动性、风格以及可达性。APP/网站必须有一个清晰、简洁的外观,在不会混淆用户注意力,即促进导航的前提下,你可以加入自己独特的风格。简洁是关键,是基本要素。但不等于无趣,就做成和其它的APP一样。记住,想脱颖而出让用户驻足并提高参与,你的设计里所有的页面必须始终如一地使用相同的导航模块,使其最大程度上互相作用,让用户清楚自己身处何处,一直在做于何事(当有人暂停鼠标时,改变字体颜色,加黑体字,并添加简短行为描述。)最后,确保你的用户导航在任何设备上都能使用流畅,这样所有人都能快速登录来测试你的设计。

在这里,当你面对一个UI设计项目,你有40款独特的移动导航用户界面可以作为灵感。这些APP都是遵守了上述原则的优秀设计案例,有报价APP、健身APP、任务管理APP、旅游APP等等。如果你正赶着最后期限,没有时间从零开始设计,你可以使用其中的一些APP进行一些个人或者商业的用途。

Snap Task

Snap-Task

Fitness App UI

Fitness-App-UI

Volcano App (Folded menu)

Volcano-App-(Folded-menu)

Menu

Menu

BFC Partners Mobile

BFC-Partners-Mobile

Portfolio App

Portfolio-App

Side Menu

Side-Menu

Project Manager

Project-Manager

Mobile Dropdown Slider

Mobile-Dropdown-Slider

Side menu animation

Side-menu-animation

English Cards Animation

English-Cards-Animation

Quotes app (Sketch freebie)

Quotes-app-(Sketch-freebie)

Travel App

Travel-App

Menu by Frantisek Kusovsky

Menu-by-Frantisek-Kusovsky

Slide Menu (code)

Slide-Menu-(code)

iPhone App Design /// Opened Menu

iPhone-App-Design-Opened-Menu

MetroLite App

MetroLite-App

Fantasy Leagues App

Fantasy-Leagues-App

iOS Menu Concept

iOS-Menu-Concept

Medium for iPhone

Medium-for-iPhone

Mixpanel Navigation Menu Icons/UI

Mixpanel-Navigation-Menu-Icons-UI

Keezy menu

Keezy-menu

Menu Concept 1

Menu-Concept-1

GIF: Menu animation

GIF-Menu-animation

‘Scout’ home screen

'Scout'-home-screen

Nextr filter settings

nextr-filter-settings

Nav

Nav

Public Transportation iPhone App

Public-Transportation-iPhone-App

App Media Mockup

App-Media-Mockup

Mobile Menu

Mobile-Menu

WhatsApp Redesign [Unofficial]

WhatsApp-Redesign-[Unofficial]

SideMenu Real Pixels by Tomas Jasovsky

SideMenu-Real-Pixels-by-Tomas-Jasovsky

Menu slider/ feed screen

Menu-slider--feed-screen

The Flyer app – Profile and Sidebars

The-Flyer-app---Profile-and-Sidebars

Dashboard – Realtor Project

Dashboard---Realtor-Project

Tasks with people

Tasks-with-people

Voting screen (side menu)

Voting-screen-(side-menu)

Clyp – iPhone Sidebar

clyp---iPhone-Sidebar

Mobile Portfolio

Mobile-Portfolio

DROP CALLING

DROP-CALLING

 

作者: Iggy

原文地址:http://line25.com/inspiration/mobile-navigation-user-interfaces

译者:珊子想要去LA

译文地址:http://www.xueui.cn/appreciate/interface-appreciate/40-unique-mobile-navigation-user-interface.html

您的赞赏,是对我创作的最大鼓励。

评论( 3

登录后参与评论
  1. 厉害

    回复
  2. 11

    回复
  3. 收藏

    回复
加载中