干货推荐|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

相关推荐

  • 不以用户体验为目标的人工智能都是耍流氓

    上周末,老刘在家整理了一下旧物,忽然发现了这个。估计现在很多人都会觉得这简直是土到爆了,但在当年那可是先进到不行。听歌、拍照、玩游戏、上QQ,绝对是功能最强大的手机,每当老刘拿出来,那内心简直不要太骄傲。曾经把诺基亚这款手机当成宝贝的老刘,绝对没有想到,短短几年后,那些曾值得炫耀的功能,会变得不值一提。看看现在的手机,拍照都是自带PS的,玩游戏都是屏幕上直接操作的,买东西手机是可以直接付钱的,出门迷路了是可以直接导航的。老刘不禁感叹,科...

    2018-02-01
  • D4-交互设计工作困惑答疑

    作者:飞阿婷(公众号:飞阿婷的交互设计生活)自我成长1.面试攻略为什么强调说,不能把自己的不足归咎于之前公司没给自己带来很大成长?抛开你有推卸责任的人品问题来说,其实还有科学依据证明很多事情都是可以事在人为的。费斯汀格法则:“生活中的10%是由发生在你身上的事情组成,而另外的90%则是由你对所发生的事情如何反应所决定。”我的理解是那10%就是不受我们控制的自然发生的事情,而90%就是我们面对这10%的事情选择接下来要做的事情,而这个选择...

    微信热点 2018-04-12
  • 蘑菇街App改版设计总结

    新版app在短短的一个多月内,完成了从方向调整到开发上线的全过程,而设计在其中仅仅只占一周多,这也是互联网公司面临的共性难题。为了配合产品小步快跑的策略,我们采用敏捷设计的方法:快速地进行竞品分析,根据低保真原型一边进行业务细化和方案讨论,一边进行视觉风格的设计。

    2017-05-12
  • 真实案例:如何量化生活服务中的用户体验?

    能把用户体验量化起来么?这算是做好优化用户体验行为的一个前提吧。如果我们能把某件事物的用户体验量化起来,就有了尺度和标杆,这样就能更好的优化UED活动。碰巧最近我碰到了一个同类服务的不同体验,在五家银行更新证件有效期,就以此为例子来分享下我个人对用户体验的量化见解。

    2017-05-26
  • 浅谈如何从零学习成优秀的交互设计师

    浅谈如何从零学习成优秀的交互设计师 本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始…

    2014-12-23
  • 设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01
  • Android电视应用:Amazon Fire TV版TVPlayer设计

    设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重…

    2016-10-18
  • 产品能力(一)——用户体验要素

    上周开始学习梁宁老师的产品思维三十讲,颇有收获。由于内容很多,分几期总结,与大家一同分享。首先说说我选择学习这门课程的理由,产品能力是一个人的底层能力,之所以这么定义,是因为它具有判断信息,抓住要点,整合有限的资源,把自己的价值打包成一个产品向世界交付,并且获得回报的闭环能力圈。下面我正式开篇,结合我自己的工作经验,总结课程中所学到的知识点。一、产品和好的产品人生无处无产品,工作中提交的邮件和报表,生活中给亲人提供的暖心话语和烹饪的佳肴...

    2018-02-12
  • 我总结的一套表单设计指南

    作者:jakd007(UXRen会员)   表单在移动端设计中最常见的界面,每个手机系统及应用对表单都有不同的设计,本文目标是总结出一套表单设计指南,以提高日后工作效率。 表单在移动端设计中最常见的界面,每个手机系…

    交互专题 2017-08-07