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

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


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

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

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

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

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

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

Snap Task

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

Fitness App UI

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

Volcano App (Folded menu)

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

Menu

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

BFC Partners Mobile

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

Portfolio App

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

Side Menu

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

Project Manager

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

Mobile Dropdown Slider

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

Side menu animation

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

English Cards Animation

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

Quotes app (Sketch freebie)

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

Travel App

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

Menu by Frantisek Kusovsky

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

Slide Menu (code)

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

iPhone App Design /// Opened Menu

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

MetroLite App

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

Fantasy Leagues App

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

iOS Menu Concept

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

Medium for iPhone

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

Mixpanel Navigation Menu Icons/UI

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

Keezy menu

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

Menu Concept 1

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

GIF: Menu animation

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

‘Scout’ home screen

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

Nextr filter settings

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

Nav

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

Public Transportation iPhone App

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

App Media Mockup

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

Mobile Menu

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

WhatsApp Redesign [Unofficial]

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

SideMenu Real Pixels by Tomas Jasovsky

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

Menu slider/ feed screen

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

The Flyer app – Profile and Sidebars

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

Dashboard – Realtor Project

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

Tasks with people

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

Voting screen (side menu)

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

Clyp – iPhone Sidebar

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

Mobile Portfolio

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

DROP CALLING

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

 

作者: Iggy

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

译者:珊子想要去LA

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

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28364/

(0)
CatherineCatherine
上一篇 2017-05-20 18:38
下一篇 2017-05-20 20:39

相关推荐

  • 产品设计师的自我重启

    有几个月没喝威士忌了,半年都有了,今天又捡起来了。这两周因为喵的事焦虑万分了,恢复的不太稳定,几乎每天都有不同的状况,让人揪心。揪到后面自己也不好了,各种代表焦虑的梦算是梦了个一溜够。那么让自己放松…

    2014-12-13
  • 2018年3月交互设计招聘内推信息

    58体验设计团队——北京 交互视觉用研岗都有,欢迎各位朋友自荐或推荐,非常感谢。 简历可发给uxd-job@58ganji.com  是一直活泼可爱的团队~ 对于男设计师来说:100人里65%是女生 其中单身有1/4 机会还是很大的 阿里口…

    交互专题 2018-03-09
  • 扫盲贴|UI动效设计原来都是这些软件做的

    随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?

    2017-05-10
  • 怎么免费学习 UI/UX 设计?

    一些资料是英文的,需要一点基础,如果看不太懂可以使用谷歌翻译之类的工具辅助一下,有的图书也有中文版,自己在亚马逊上搜索英文名即可。 我从来没有去一所设计学校。但我只是喜欢做的事情。 3年前,我开始了我自…

    2016-06-09
  • 浅谈iOS与Android设计规范:6类交互设计规范对比

    iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

    2017-05-03
  • [ISUX转译]设计追波风

     设计追波风 这些天气app中,只有一个试图解决用户的实际问题 现在的产品设计和交互设计界发生了一些奇怪的事情。一方面有着如 Ryan Singer 和 Julie Zhuo 这样能写出很赞的文章的人来推动我们设计水平的发展。另一…

    2015-04-16
  • 8个你需要知道的2017年UI设计流行趋势

    UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长,进化。虽然有些趋势还有待检验,但我们还是需要不断的去学习新的技术。

    2017-05-15
  • 走心的收纳设计

    走心的收纳设计

    IxD案例 2017-03-13
  • 通知:本站为了更好为广大的交互师服务, 现在更名为www.iamue.com

    通知:本站为了更好为广大的交互师服务, 现在更名为www.iamue.com 中文站名:我是UE 同时我们也启用了woshiue.com 广大交互师可加入交互设计学堂群参与交互原型设计讨论 群号:156360020 加群暗号:iamue  

    交互设计 2015-03-18
  • 课件界面交互设计

    交互的概念我们将交互定义为具有信息处理功能的两个实体或对象间信息传递和反馈的过程。具有信息处理功能的实体或对象是指那些在功能上能够完成对信息的接收、处理和发送实体或对象。交互本质上是信息传递的过程。由于交互总是由某一实体或对象出于一定目的引发起来的,所以我们还可以认为交互是一个具有信息处理功能的实体或对象基于解释为定目的对另外一个具有信息处理功能的实体或对象发送信息并得到反馈信息的过程。(孙海民,2005)。一、人机交互概念人机交互是指...

    微信热点 2018-03-01